advanced code snippet search

Posted By

LeeRJohnson on 06/14/09


Tagged

template yui skeleton grid


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

appx


YUI 2.7 HTML Skeleton

 / Published in: HTML
 
Expand | Embed | Plain Text 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
  2. 	"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  4. <head>
  5.     <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
  6.     <meta http-equiv="Cache-Control" content="max-age=200" />
  7.     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  8.     <link rel="icon" href="favicon.ico" type="image/x-icon" />
  9.     <link rel="author" href="http://design.leerjohnson.com" />
  10.     <title>YUI 2.7 Document Template</title>
  11.     <!-- CSS and Script Tags Configured at:
  12.         http://developer.yahoo.com/yui/articles/hosting/?autocomplete#configure -->
  13.     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" />
  14.     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/base/base-min.css" />
  15. </head>
  16. <body>
  17.     <!--    #doc = 750px width, centered
  18.             #doc2 = 950px width, centered
  19.             #doc3 = 100% width 
  20.             #doc4 = 974px width, centered 
  21.         Grids: Templates (yui-t’s)
  22.             .yui-t1 160 on left
  23.             .yui-t2 180 on left
  24.             .yui-t3 300 on left
  25.             .yui-t4 180 on right
  26.             .yui-t5 240 on right
  27.             .yui-t6 300 on right
  28.     -->
  29.     <div id="doc3" class="yui-t6">
  30.         <!-- overall document wrapper -->
  31.         <div id="hd">
  32.             <!--header / masthead-->
  33.             <h1>YUI 2.7 Document Template</h1>
  34.         </div>
  35.         <div id="”bd”">
  36.             <!--body-->
  37.             <div id="yui-main">
  38.                 <div class="yui-b">
  39.                     <!--primary-->
  40.                     <!--
  41.                     Grids: Nesting Grids (yui-g’s)
  42.                     .yui-g 1/2, 1/2
  43.                     .yui-gb 1/3, 1/3, 1/3
  44.                     .yui-gc 2/3, 1/3
  45.                     .yui-gd 1/3, 2/3
  46.                     .yui-ge 3/4, 1/4
  47.                     .yui-gf 1/4, 3/4                
  48.                 !-->
  49.                     <div class="yui-g">
  50.                         <div class="yui-u first">
  51.                             <h2>Headings</h2>
  52.  
  53.                                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
  54.                                 euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod
  55.                                 tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
  56.  
  57.  
  58.                         </div>
  59.                         <div class="yui-u">
  60.                              <h2>Headings</h2>
  61.  
  62.                             <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
  63.                             euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod
  64.                             tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.             </div>
  69.             <div class="yui-b">
  70.                 <!--secondary-->
  71.                 <h3>Helpful links and tools</h3>
  72.                 <ul id="nav">
  73.                     <li><a href="http://developer.yahoo.com/yui/grids/builder/" >The YUI Grids Builde</a></li>
  74.                     <li><a href="http://developer.yahoo.com/yui/articles/hosting/?autocomplete#configure">YUI Dependency Configurator:</a></li>
  75.                     <li><a href="http://html-ipsum.com/">HTML Ipsum</a></li>
  76.                     <li><a href="http://snipplr.com/users/LeeRJohnson/" >Snipplr</a></li>
  77.                     <li><a href="http://www.typetester.org/" >Typetester</a></li>
  78.                 </ul>
  79.             </div>
  80.         </div>
  81.         <div id="ft">
  82.             <!--footer-->
  83.         </div>
  84.     </div>
  85. </body>
  86. </html>

Report this snippet  

You need to login to post a comment.