|
 |
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 |
|
|
|
2f9099 |
<link href="/home/centos/artwork/trunk/Identity/Webenv/App/Home/stylesheet.css" rel="stylesheet" type="text/css" />
|
|
|
5f16d0 |
|
|
|
5f16d0 |
</head>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
<body>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
CentOS specific brand information. Use this section to
|
|
|
5f16d0 |
show the CentOS logo. The image used as CentOS logo needs
|
|
|
78b183 |
to be 58 pixels height.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
href="http://www.centos.org/">
|
|
|
78b183 |
src="/home/centos/artwork/trunk/Identity/Images/Brands/centos-logo-white-resized-x58.png" alt="CentOS"/>
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
CentOS specific navigation links. Use this section to list
|
|
|
5f16d0 |
the web applications you want to be always visible no
|
|
|
5f16d0 |
matter where you are inside the CentOS web environment.
|
|
|
5f16d0 |
Example of web applications are: Wiki, Lists, Mirrors,
|
|
|
5f16d0 |
Forums, Planet, etc.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
(Alt+Shift+1)" href="http://www.centos.org/">Home
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
href="/home/centos/artwork/trunk/Identity/Models/Html/Moin/index.html">Wiki
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
(Alt+Shift+3)" href="http://lists.centos.org/">Lists
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
href="http://forums.centos.org">Forums
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
href="http://planet.centos.org">Planet
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
href="https://projects.centos.org/trac/">Projects
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
href="http://mirrors.centos.org">Mirrors
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
CentOS soponsors promotion.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
Google promotion ads.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
4d19ae |
Application specific links for user stuff. Use this
|
|
|
4d19ae |
section to set Login, Register, Lost your passwrod?
|
|
|
4d19ae |
and so links.
|
|
|
4d19ae |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
Login
|
|
|
5f16d0 |
Register
|
|
|
5f16d0 |
Lost your password?
|
|
|
5f16d0 |
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
4d19ae |
Application specific links for trail sutff. Use this
|
|
|
4d19ae |
section if your application trails the pages you've
|
|
|
4d19ae |
visited.
|
|
|
4d19ae |
-->
|
|
|
4d19ae |
|
|
|
4d19ae |
Pagination
|
|
|
4d19ae |
Lists
|
|
|
4d19ae |
Headings
|
|
|
4d19ae |
Links
|
|
|
4d19ae |
Texts
|
|
|
4d19ae |
Home
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
78b183 |
|
|
|
78b183 |
Application specific links for content stuff. Use this
|
|
|
78b183 |
section to set application specific links that need to
|
|
|
78b183 |
remain always visible inside the application
|
|
|
78b183 |
environment.
|
|
|
78b183 |
-->
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="index.html">Welcome
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="headings.html">Headings
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="texts.html">Texts
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="lists.html">Lists
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="links.html">Links
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="tables.html">Tables
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="forms.html">Forms
|
|
|
5f16d0 |
|
|
|
78b183 |
|
|
|
78b183 |
href="pagination.html">Pagination
|
|
|
78b183 |
|
|
|
78b183 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
Start page body definitions.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
859d61 |
|
|
|
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 |
|
|
|
c362e6 |
Headings
|
|
|
7519de |
|
|
|
7519de |
CentOS Headings Visual Style Guide.
|
|
|
4d19ae |
|
|
|
c493b9 |
|
|
|
4d19ae |
|
|
|
c493b9 |
|
|
|
c004b9 |
<h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
|
|
|
c004b9 |
|
|
|
c493b9 |
|
|
|
c004b9 |
<h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
|
|
|
c004b9 |
|
|
|
c493b9 |
|
|
|
c004b9 |
<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
|
|
|
c004b9 |
|
|
|
c493b9 |
|
|
|
c004b9 |
<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
|
|
|
c004b9 |
|
|
|
c493b9 |
|
|
|
c004b9 |
<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
|
|
|
c004b9 |
|
|
|
c493b9 |
|
|
|
c004b9 |
<h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
|
|
|
c004b9 |
|
|
|
c493b9 |
|
|
|
4d19ae |
|
|
|
a9cc5d |
As heading design recommendations:
|
|
|
4d19ae |
|
|
|
a9cc5d |
|
|
|
4d19ae |
|
|
|
c004b9 |
When defining headings, make them accessible
|
|
|
a9cc5d |
using the following structure:
|
|
|
4d19ae |
|
|
|
a9cc5d |
<h1><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 |
|
|
|
c004b9 |
<h1><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 |
|
|
|
c004b9 |
<h1><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">
|
|
|
78b183 |
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>
|