Blame Identity/Webenv/App/Home/headings.xhtml

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
        
a62ec6
        CentOS specific brand information. Use this section to show
a62ec6
        the CentOS logo. The image used as CentOS logo needs to be 58
a62ec6
        pixels height.
97bb31
        -->
97bb31
        
a62ec6
            
97bb31
            href="http://www.centos.org/">
33db6e
            src="/home/centos/artwork/trunk/Identity/Images/Brands/Logos/White/78/centos.png" alt="CentOS"/>
97bb31
        
97bb31
97bb31
        
97bb31
        Advertisement area (468x60 pixels). 
97bb31
        -->
fb25eb
        
a62ec6
            Google Advertisement
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
            
a62ec6
            
97bb31
            
97bb31
            
97bb31
            Bugs
97bb31
            
97bb31
97bb31
            
fb25eb
            
fb25eb
            SIGs
97bb31
            
97bb31
97bb31
            
fb25eb
            
fb25eb
            Downloads
97bb31
            
97bb31
97bb31
        
97bb31
fb25eb
        
a62ec6
        The CentOS Distribution last releases.
fb25eb
        -->
a62ec6
        
a62ec6
            
a62ec6
                Last Releases: 
a62ec6
                6.0
a62ec6
                5.8 
a62ec6
                4.12 
a62ec6
                3.18
a62ec6
            
a62ec6
            
a62ec6
                
a62ec6
                RSS
a62ec6
                
a62ec6
            
fb25eb
        
fb25eb
a62ec6
        
a62ec6
        Application links. Use this section to organize user specific
a62ec6
        links (e.g., session links, the last pages the user visited,
a62ec6
        and the main pages the application is made of).
a62ec6
        -->
a62ec6
        
5f16d0
a62ec6
        
a62ec6
        User links. Use this section to set Login, Register, Lost your
a62ec6
        passwrod?  and so links.
a62ec6
        -->
a62ec6
        
a62ec6
            Lost your password?
a62ec6
            Register
a62ec6
            Login
a62ec6
        
97bb31
        
a62ec6
        
a62ec6
        User trails. Use this section if your application trails the
a62ec6
        pages you've visited.
a62ec6
        -->
a62ec6
        
a62ec6
        	Pagination
a62ec6
            Lists
a62ec6
            Headings
a62ec6
            Links
a62ec6
            Texts
a62ec6
            Home
a62ec6
        
5f16d0
a62ec6
        
a62ec6
        Application specific links for content stuff. Use this section
a62ec6
        to set application specific links that need to remain always
a62ec6
        visible inside the application environment.
a62ec6
        -->
5f16d0
a62ec6
        
97bb31
    
a62ec6
            
a62ec6
            href="index.xhtml">Welcome
97bb31
    
a62ec6
            
a62ec6
            href="headings.xhtml">Headings
97bb31
    
a62ec6
            
a62ec6
            href="texts.xhtml">Texts
97bb31
a62ec6
            
a62ec6
            href="lists.xhtml">Lists
97bb31
a62ec6
            
a62ec6
            href="links.xhtml">Links
97bb31
a62ec6
            
a62ec6
            href="tables.xhtml">Tables
97bb31
a62ec6
            
a62ec6
            href="forms.xhtml">Forms
5f16d0
        
a62ec6
            
a62ec6
            href="pagination.xhtml">Pagination
5f16d0
a62ec6
        
5f16d0
97bb31
        
97bb31
97bb31
        

5f16d0
5f16d0
    
5f16d0
5f16d0
    
5f16d0
    Start page body definitions.
5f16d0
    -->
5f16d0
5f16d0
    
5f16d0
a62ec6
        
a62ec6
7519de
            
a62ec6
            The content of right column goes here.
7519de
            -->
a62ec6
7519de
            
    7519de
                    
  • Release Notes
  • 7519de
                    
  • Lifetime
  • 7519de
                    
  • Downloads
  • 7519de
                    
  • Documentation
  • 7519de
                    
  • Security Advisories
  • 7519de
                    
  • Bugs
  • 7519de
                    
  • Tips and tricks
  • 7519de
                    
  • HowTos
  • 7519de
                
    a62ec6
    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
                  -->
      a62ec6
              	
      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
      	        

      Headings

      7519de
          
      7519de
      	        

      CentOS Headings Visual Style Guide.

      4d19ae
      fb25eb
      4d19ae
      fb25eb
                  

      Heading Level 1

      fb25eb
                  
      <h1 class="title" class="title"><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
      c004b9
      fb25eb
                  

      Heading Level 2

      fb25eb
                  
      <h2 class="title"><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
      c004b9
      fb25eb
                  

      Heading Level 3

      fb25eb
                  
      <h3 class="title"><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
      c004b9
      fb25eb
                  

      Heading Level 4

      fb25eb
                  
      <h4 class="title"><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
      c004b9
      fb25eb
                  
      Heading Level 5
      fb25eb
                  
      <h5 class="title"><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
      c004b9
      fb25eb
                  
      Heading Level 6
      fb25eb
                  
      <h6 class="title"><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
      c004b9
      fb25eb
                  

      Recommendations

      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>