Blame Artworks/Webenv/Style-guide/0.0.1/headings.xhtml

Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
Alain Reguera Delgado 46de3c
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Alain Reguera Delgado 46de3c
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
Alain Reguera Delgado 46de3c
<head>
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
Alain Reguera Delgado 46de3c
	<meta http-equiv="content-style-type" content="text/css" />
Alain Reguera Delgado 46de3c
	<meta http-equiv="content-language" content="en" />
Alain Reguera Delgado 46de3c
	<meta name="keywords" content="centos web headings visual style guide" />
Alain Reguera Delgado 46de3c
    <meta name="description" content="CentOS headings visual style guide is a tool to help you customize headings inside CentOS websites." />
Alain Reguera Delgado 46de3c
	<meta name="copyright" content="2009-2012 The CentOS Project" />
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
	<title>Headings - Home</title>
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
	<link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/>
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
</head>
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
<body>
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
    
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        CentOS specific brand information. Use this section to show
Alain Reguera Delgado 46de3c
        the CentOS logo. The image used as CentOS logo needs to be 58
Alain Reguera Delgado 46de3c
        pixels height.
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="http://www.centos.org/">
Alain Reguera Delgado 46de3c
            src="./Images/logo-centos.png" alt="CentOS"/>
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        Advertisement area (468x60 pixels). 
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
            Google Advertisement
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
            <script type="text/javascript">
Alain Reguera Delgado 46de3c
                google_ad_client = "pub-6973128787810819";
Alain Reguera Delgado 46de3c
                google_ad_width = 468;
Alain Reguera Delgado 46de3c
                google_ad_height = 60;
Alain Reguera Delgado 46de3c
                google_ad_format = "468x60_as";
Alain Reguera Delgado 46de3c
                google_ad_type = "text_image";
Alain Reguera Delgado 46de3c
                google_ad_channel = "";
Alain Reguera Delgado 46de3c
                google_color_border = "204c8d";
Alain Reguera Delgado 46de3c
                google_color_bg = "345c97";
Alain Reguera Delgado 46de3c
                google_color_link = "0000FF";
Alain Reguera Delgado 46de3c
                google_color_text = "FFFFFF";
Alain Reguera Delgado 46de3c
                google_color_url = "008000";
Alain Reguera Delgado 46de3c
            </script>
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
                src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
Alain Reguera Delgado 46de3c
            </script>
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        CentOS specific navigation links. Use this section to list the
Alain Reguera Delgado 46de3c
        web applications you want to be always visible no matter where
Alain Reguera Delgado 46de3c
        you are inside the CentOS web environment.  Example of web
Alain Reguera Delgado 46de3c
        applications are: Wiki, Lists, Downloads, Forums, Planet, etc.
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
        

Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            Home
Alain Reguera Delgado 46de3c
             
Alain Reguera Delgado 46de3c
       
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="http://wiki.centos.org/">
Alain Reguera Delgado 46de3c
            Wiki
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
       
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            Lists
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            Forums
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            Planet
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            Bugs
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            SIGs
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            Downloads
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        The CentOS Distribution last releases.
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
                Last Releases: 
Alain Reguera Delgado 46de3c
                6.0
Alain Reguera Delgado 46de3c
                5.8 
Alain Reguera Delgado 46de3c
                4.12 
Alain Reguera Delgado 46de3c
                3.18
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
                RSS
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        Application links. Use this section to organize user specific
Alain Reguera Delgado 46de3c
        links (e.g., session links, the last pages the user visited,
Alain Reguera Delgado 46de3c
        and the main pages the application is made of).
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        User links. Use this section to set Login, Register, Lost your
Alain Reguera Delgado 46de3c
        password?, date and time of last vist, visited pages trail and
Alain Reguera Delgado 46de3c
        similar information.
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
                Your last visit was at 
Alain Reguera Delgado 46de3c
                Thu Aug 25 14:13:05 CDT 2011
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
                Lost your password?
Alain Reguera Delgado 46de3c
                Register
Alain Reguera Delgado 46de3c
                Login
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            	Pagination
Alain Reguera Delgado 46de3c
                Lists
Alain Reguera Delgado 46de3c
                Headings
Alain Reguera Delgado 46de3c
                Links
Alain Reguera Delgado 46de3c
                Texts
Alain Reguera Delgado 46de3c
                Home
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        Application specific links for content stuff. Use this section
Alain Reguera Delgado 46de3c
        to set application specific links that need to remain always
Alain Reguera Delgado 46de3c
        visible inside the application environment.
Alain Reguera Delgado 46de3c
        -->
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
    
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="index.xhtml">Welcome
Alain Reguera Delgado 46de3c
    
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="headings.xhtml">Headings
Alain Reguera Delgado 46de3c
    
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="texts.xhtml">Texts
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="lists.xhtml">Lists
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="links.xhtml">Links
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="tables.xhtml">Tables
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="forms.xhtml">Forms
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
            
Alain Reguera Delgado 46de3c
            href="pagination.xhtml">Pagination
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        

Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
    
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
    
Alain Reguera Delgado 46de3c
    Start page body definitions.
Alain Reguera Delgado 46de3c
    -->
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
    
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
        The content of right column goes here.
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
        
Alain Reguera Delgado 46de3c
Alain Reguera Delgado 46de3c
            
    Alain Reguera Delgado 46de3c
                    
  • Release Notes
  • Alain Reguera Delgado 46de3c
                    
  • Lifetime
  • Alain Reguera Delgado 46de3c
                    
  • Downloads
  • Alain Reguera Delgado 46de3c
                    
  • Documentation
  • Alain Reguera Delgado 46de3c
                    
  • Security Advisories
  • Alain Reguera Delgado 46de3c
                    
  • Bugs
  • Alain Reguera Delgado 46de3c
                    
  • Tips and tricks
  • Alain Reguera Delgado 46de3c
                    
  • HowTos
  • Alain Reguera Delgado 46de3c
                
    Alain Reguera Delgado 46de3c
    Alain Reguera Delgado 46de3c
                
      Alain Reguera Delgado 46de3c
                      
    • In this bar, it is possible to separate links by
    • Alain Reguera Delgado 46de3c
                      blocks.
      Alain Reguera Delgado 46de3c
                  
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
              
      Alain Reguera Delgado 46de3c
              -->
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
              
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  
      Alain Reguera Delgado 46de3c
                  The content of left column starts here.
      Alain Reguera Delgado 46de3c
                  -->
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
      	        

      Headings

      Alain Reguera Delgado 46de3c
          
      Alain Reguera Delgado 46de3c
      	        

      CentOS Headings Visual Style Guide.

      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  

      Heading Level 1

      Alain Reguera Delgado 46de3c
                  
      <h1 class="title" class="title"><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  

      Heading Level 2

      Alain Reguera Delgado 46de3c
                  
      <h2 class="title"><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  

      Heading Level 3

      Alain Reguera Delgado 46de3c
                  
      <h3 class="title"><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  

      Heading Level 4

      Alain Reguera Delgado 46de3c
                  
      <h4 class="title"><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  
      Heading Level 5
      Alain Reguera Delgado 46de3c
                  
      <h5 class="title"><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  
      Heading Level 6
      Alain Reguera Delgado 46de3c
                  
      <h6 class="title"><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  

      Recommendations

      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  

      As heading design recommendations:

      Alain Reguera Delgado 46de3c
      Alain Reguera Delgado 46de3c
                  
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        
      • When defining headings, make them accessible

      • Alain Reguera Delgado 46de3c
                        using the following structure:

        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        
        <h1 class="title"><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1>
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        

        Where <tt>a1811f6545db914813115417011b2df9</tt> is the

        Alain Reguera Delgado 46de3c
                        result of applying <tt>md5sum</tt> command to
        Alain Reguera Delgado 46de3c
                        <tt>Heading</tt> string. In this case,
        Alain Reguera Delgado 46de3c
                        <tt>Heading</tt> is the heading name.

        Alain Reguera Delgado 46de3c
                        
        Alain Reguera Delgado 46de3c
                        
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        
      • Sometimes headings are used as links. For those

      • Alain Reguera Delgado 46de3c
                        cases, use the following structure:

        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        
        <h1 class="title"><a href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        

        or the following, if you want to make a heading an

        Alain Reguera Delgado 46de3c
                        anchor and link of itself:

        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        
        <h1 class="title"><a name="head-a1811f6545db914813115417011b2df9" href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                        
      • Avoid using more than 4 levels of headings. If

      • Alain Reguera Delgado 46de3c
                        you think you need to, you probably do; but consider
        Alain Reguera Delgado 46de3c
                        splitting your content in several pages instead. Too
        Alain Reguera Delgado 46de3c
                        many headings could affect your content
        Alain Reguera Delgado 46de3c
                        readability.

        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                    
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                
        Alain Reguera Delgado 46de3c
                The content of left column ends here.
        Alain Reguera Delgado 46de3c
                -->
        Alain Reguera Delgado 46de3c
                

        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
                
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
            
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
            
        Alain Reguera Delgado 46de3c
            Start page footer definitions.
        Alain Reguera Delgado 46de3c
            -->
        Alain Reguera Delgado 46de3c
            
        Alain Reguera Delgado 46de3c
                
        Alain Reguera Delgado 46de3c
                    
        Alain Reguera Delgado 46de3c
                        Top
        Alain Reguera Delgado 46de3c
                    
        Alain Reguera Delgado 46de3c
                    
        Alain Reguera Delgado 46de3c
                    
        Alain Reguera Delgado 46de3c
                
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
            
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
        </body>
        Alain Reguera Delgado 46de3c
        Alain Reguera Delgado 46de3c
        </html>