|
 |
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
|
5f16d0 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
5f16d0 |
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
|
|
|
5f16d0 |
<head>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
|
5f16d0 |
<meta http-equiv="content-style-type" content="text/css" />
|
|
|
5f16d0 |
<meta http-equiv="content-language" content="en" />
|
|
|
838f5d |
<meta name="keywords" content="centos web headings visual style guide" />
|
|
|
838f5d |
<meta name="description" content="CentOS headings visual style guide is a tool to help you customize headings inside CentOS websites." />
|
|
|
5f16d0 |
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
|
|
|
5f16d0 |
|
|
|
c7fd17 |
<title>Headings - Home</title>
|
|
|
5f16d0 |
|
|
|
ecd9d1 |
<link href="/home/centos/artwork/trunk/Identity/Webenv/Css/App/default.css" rel="stylesheet" type="text/css" media="screen projection"/>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
</head>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
<body>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
CentOS specific brand information. Use this section to
|
|
|
97bb31 |
show the CentOS logo. The image used as CentOS logo needs
|
|
|
97bb31 |
to be 58 pixels height.
|
|
|
97bb31 |
-->
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="http://www.centos.org/">
|
|
|
168d7e |
src="/home/centos/artwork/trunk/Identity/Images/Brands/Logos/White/48/centos.png" alt="CentOS"/>
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
Advertisement area (468x60 pixels).
|
|
|
97bb31 |
-->
|
|
|
fb25eb |
|
|
|
fb25eb |
|
|
|
97bb31 |
<script type="text/javascript">
|
|
|
97bb31 |
google_ad_client = "pub-6973128787810819";
|
|
|
97bb31 |
google_ad_width = 468;
|
|
|
97bb31 |
google_ad_height = 60;
|
|
|
97bb31 |
google_ad_format = "468x60_as";
|
|
|
97bb31 |
google_ad_type = "text_image";
|
|
|
97bb31 |
google_ad_channel = "";
|
|
|
97bb31 |
google_color_border = "204c8d";
|
|
|
97bb31 |
google_color_bg = "345c97";
|
|
|
97bb31 |
google_color_link = "0000FF";
|
|
|
97bb31 |
google_color_text = "FFFFFF";
|
|
|
97bb31 |
google_color_url = "008000";
|
|
|
97bb31 |
//-->
|
|
|
97bb31 |
</script>
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
|
|
|
97bb31 |
</script>
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
CentOS specific navigation links. Use this section to list the
|
|
|
97bb31 |
web applications you want to be always visible no matter where
|
|
|
97bb31 |
you are inside the CentOS web environment. Example of web
|
|
|
fb25eb |
applications are: Wiki, Lists, Downloads, Forums, Planet, etc.
|
|
|
97bb31 |
-->
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
Home
|
|
|
97bb31 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
fb25eb |
href="http://wiki.centos.org/">
|
|
|
97bb31 |
Wiki
|
|
|
97bb31 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
Lists
|
|
|
97bb31 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
Forums
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
Planet
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
Bugs
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
fb25eb |
|
|
|
fb25eb |
SIGs
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
fb25eb |
|
|
|
fb25eb |
Downloads
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
fb25eb |
|
|
|
fb25eb |
Sponsors Advertisement.
|
|
|
fb25eb |
-->
|
|
|
fb25eb |
|
|
|
fb25eb |
|
|
|
fb25eb |
|
|
|
fb25eb |
|
|
|
97bb31 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
Application specific links for user stuff. Use this section to
|
|
|
97bb31 |
set Login, Register, Lost your passwrod? and so links.
|
|
|
5f16d0 |
-->
|
|
|
97bb31 |
|
|
|
97bb31 |
Lost your password?
|
|
|
97bb31 |
Register
|
|
|
97bb31 |
Login
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
Application specific links for trail sutff. Use this section
|
|
|
97bb31 |
if your application trails the pages you've visited.
|
|
|
97bb31 |
-->
|
|
|
97bb31 |
|
|
|
97bb31 |
Pagination
|
|
|
97bb31 |
Lists
|
|
|
97bb31 |
Headings
|
|
|
97bb31 |
Links
|
|
|
97bb31 |
Texts
|
|
|
97bb31 |
Home
|
|
|
97bb31 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
Application specific links for content stuff. Use this section
|
|
|
97bb31 |
to set application specific links that need to remain always
|
|
|
97bb31 |
visible inside the application environment.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="index.xhtml">Welcome
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="headings.xhtml">Headings
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="texts.xhtml">Texts
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="lists.xhtml">Lists
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="links.xhtml">Links
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="tables.xhtml">Tables
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="forms.xhtml">Forms
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
href="pagination.xhtml">Pagination
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
Start page body definitions.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
fb25eb |
|
|
|
7519de |
|
|
|
a9cc5d |
The content of right column starts here.
|
|
|
7519de |
-->
|
|
|
7519de |
|
|
|
7519de |
Release Notes
|
|
|
7519de |
Lifetime
|
|
|
7519de |
Downloads
|
|
|
7519de |
Documentation
|
|
|
7519de |
Security Advisories
|
|
|
7519de |
Bugs
|
|
|
7519de |
Tips and tricks
|
|
|
7519de |
HowTos
|
|
|
7519de |
|
|
|
7519de |
|
|
|
7519de |
In this bar, it is possible to separate links by
|
|
|
7519de |
blocks.
|
|
|
7519de |
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
859d61 |
|
|
|
4d19ae |
|
|
|
7519de |
|
|
|
7519de |
Application specific links for breadcrumbs sutff. Use this
|
|
|
7519de |
section if your application supports breadcrumbs.
|
|
|
7519de |
-->
|
|
|
7519de |
|
|
|
7519de |
Pagination
|
|
|
7519de |
Lists
|
|
|
7519de |
Headings
|
|
|
7519de |
Links
|
|
|
7519de |
Texts
|
|
|
7519de |
Home
|
|
|
7519de |
|
|
|
4d19ae |
|
|
|
7519de |
|
|
|
a9cc5d |
The content of left column starts here.
|
|
|
7519de |
-->
|
|
|
4d19ae |
|
|
|
fb25eb |
|
|
|
7519de |
|
|
|
7519de |
CentOS Headings Visual Style Guide.
|
|
|
4d19ae |
|
|
|
fb25eb |
|
|
|
4d19ae |
|
|
|
fb25eb |
|
|
|
fb25eb |
<h1 class="title" class="title"><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
|
|
|
c004b9 |
|
|
|
fb25eb |
|
|
|
fb25eb |
<h2 class="title"><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
|
|
|
c004b9 |
|
|
|
fb25eb |
|
|
|
fb25eb |
<h3 class="title"><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
|
|
|
c004b9 |
|
|
|
fb25eb |
|
|
|
fb25eb |
<h4 class="title"><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
|
|
|
c004b9 |
|
|
|
fb25eb |
|
|
|
fb25eb |
<h5 class="title"><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
|
|
|
c004b9 |
|
|
|
fb25eb |
|
|
|
fb25eb |
<h6 class="title"><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
|
|
|
c004b9 |
|
|
|
fb25eb |
|
|
|
4d19ae |
|
|
|
a9cc5d |
As heading design recommendations:
|
|
|
4d19ae |
|
|
|
a9cc5d |
|
|
|
4d19ae |
|
|
|
c004b9 |
When defining headings, make them accessible
|
|
|
a9cc5d |
using the following structure:
|
|
|
4d19ae |
|
|
|
fb25eb |
<h1 class="title"><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1>
|
|
|
4d19ae |
|
|
|
a9cc5d |
Where <tt>a1811f6545db914813115417011b2df9</tt> is the
|
|
|
a9cc5d |
result of applying <tt>md5sum</tt> command to
|
|
|
a9cc5d |
<tt>Heading</tt> string. In this case,
|
|
|
a9cc5d |
<tt>Heading</tt> is the heading name.
|
|
|
a9cc5d |
|
|
|
a9cc5d |
|
|
|
4d19ae |
|
|
|
c004b9 |
Sometimes headings are used as links. For those
|
|
|
c004b9 |
cases, use the following structure:
|
|
|
c004b9 |
|
|
|
fb25eb |
<h1 class="title"><a href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
|
|
|
c004b9 |
|
|
|
c004b9 |
or the following, if you want to make a heading an
|
|
|
c004b9 |
anchor and link of itself:
|
|
|
c004b9 |
|
|
|
fb25eb |
<h1 class="title"><a name="head-a1811f6545db914813115417011b2df9" href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
|
|
|
c004b9 |
|
|
|
a9cc5d |
Avoid using more than 4 levels of headings. If
|
|
|
a9cc5d |
you think you need to, you probably do; but consider
|
|
|
a9cc5d |
splitting your content in several pages instead. Too
|
|
|
a9cc5d |
many headings could affect your content
|
|
|
a9cc5d |
readability.
|
|
|
4d19ae |
|
|
|
a9cc5d |
|
|
|
4d19ae |
|
|
|
c362e6 |
|
|
|
a9cc5d |
|
|
|
a9cc5d |
The content of left column ends here.
|
|
|
a9cc5d |
-->
|
|
|
7519de |
|
|
|
7519de |
|
|
|
7519de |
|
|
|
4d19ae |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
7519de |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
Start page footer definitions.
|
|
|
5f16d0 |
-->
|
|
|
7519de |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
href="#top">
|
|
|
fb25eb |
src="/home/centos/artwork/trunk/Identity/Images/Webenv/top.png"
|
|
|
5f16d0 |
alt="Top"/>
|
|
|
514603 |
|
|
|
5f16d0 |
|
|
|
4d19ae |
|
|
|
83aed0 |
Copyright © 2009-2011 Alain Reguera Delgado. All rights
|
|
|
5f16d0 |
reserved.
This website is licensed under a
|
|
|
5f16d0 |
rel="license"
|
|
|
5f16d0 |
href="http://creativecommons.org/licenses/by-sa/3.0/">Creative
|
|
|
5f16d0 |
Commons Attribution-Share Alike 3.0 Unported License.
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
</body>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
</html>
|