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
        
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
            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
            
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
        Sponsors Advertisement
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
      	        

      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>