Show
Ignore:
Timestamp:
10/07/08 23:59:01 (8 weeks ago)
Author:
aarkerio
Message:

Update CSS

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • trunk/app/views/layouts/school.ctp

    r798 r799  
    33   echo $html->docType(); 
    44?> 
    5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
    65<head> 
    7  
    8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    9 <html xmlns="http://www.w3.org/1999/xhtml"> 
    10 <head> 
    11 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    12 <title>Faux Column CSS Layouts - 2 Column - faux-6-2-col</title> 
    13 <link rel="stylesheet" type="text/css" href="main.css" /> 
    14 </head> 
    15  
    16 <body> 
    17  
    18    <!-- Begin Wrapper --> 
    19    <div id="wrapper"> 
    20     
    21          <!-- Begin Header --> 
    22  
    23          <div id="header"> 
    24   
    25 This is the Header  
    26     
    27  </div> 
    28  <!-- End Header --> 
    29   
    30  <!-- Begin Navigation --> 
    31          <div id="navigation"> 
    32   
    33 This is the Navigation  
    34     
    35  </div> 
    36  <!-- End Navigation --> 
    37   
    38          <!-- Begin Faux Columns --> 
    39  
    40  <div id="faux"> 
    41   
    42        <!-- Begin Left Column --> 
    43        <div id="leftcolumn"> 
    44         
    45                  <a href="faux-6-2-col.zip">Download this CSS Layout 
    46   
    47  <br /> 
    48  <br /> 
    49   
    50  </a> 
    51 <h1>Faux Column CSS Layouts</h1>  
    52   
    53      <p> 
    54  
    55   
    56        These 2 Column Faux CSS Layouts use a background image to make it look like the  
    57    left and right columns are equal in height and independent of each other. 
    58     
    59    <br /> 
    60    <br /> 
    61     
    62    Things couldn't be further from the truth. I created a parent column called faux 
    63    and vertically tiled the image, that contained both the left and right child columns.  
    64    I then vertically tiled the faux background image and voila.  
    65     
    66    <br /> 
    67    <br /> 
    68     
    69        I first found about this method from the <a href="http://www.alistapart.com"> 
    70            alistapart site</a> by a guy called <a href="http://simplebits.com/">Dan Cederholm</a>      
    71      </p> 
    72  
    73         
    74    <div class="clear"></div> 
    75     
    76        </div> 
    77        <!-- End Left Column --> 
    78   
    79        <!-- Begin Right Column --> 
    80        <div id="rightcolumn"> 
    81   
    82            
    83  
    84       <div class="clear"></div> 
    85  
    86    
    87        </div> 
    88        <!-- End Right Column --> 
    89     
    90          </div>    
    91          <!-- End Faux Columns -->  
    92  
    93          <!-- Begin Footer --> 
    94          <div id="footer"> 
    95         
    96                This is the Footer 
    97  
    98          </div> 
    99  <!-- End Footer --> 
    100   
    101    </div> 
    102  
    103    <!-- End Wrapper --> 
    104 </body> 
    105 </html> 
    106  
    107  
    1086<meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    1097<meta http-equiv="content-language" content="en" />  
    … …  
    11412<title> <?php echo $title_for_layout?> </title>  
    11513<meta name="description" content="Edublog" />  
    116 <meta name="keywords" content="edublog, elearning, karamelo" />  
    117               
     14<meta name="keywords" content="edublog, elearning, karamelo" />           
    11815<link rel="index" href="./" title="Home" />  
    11916<?php echo $html->css('school/styles'); ?> 
    12017</head> 
    121 <body>  
     18<body> 
    12219<script type="text/javascript"> 
    12320   window.onload = timedMsg; 
    12421</script> 
    125 <?php $session->flash(); ?>  
    126  
    127 <table id="maintable">   
    128 <tr><td colspan="2" id="header"> 
     22<?php $session->flash(); ?> 
     23<!-- Begin Wrapper --> 
     24<div id="wrapper"> 
     25<!-- Begin Header --> 
     26<div id="header"> 
    12927<h1> 
    13028<?php  
    131 e($html->link($blog['User']['name_blog'], '/blog/'.$blog['User']['username'], array("title"=>$blog['User']['name_blog'])));  
     29 e($html->link($blog['User']['name_blog'], '/blog/'.$blog['User']['username'], array('title'=>$blog['User']['name_blog'])));  
    13230?> 
    13331</h1>  
    134  
    135 <?php echo $html->div('quote', ''.$blog['User']['quote']); ?>  
    136    
    137 <div id="toplinks"> 
     32<?php echo $html->div('quote', ''.$blog['User']['quote']); ?> 
     33</div> 
     34<!-- End Header --> 
     35<!-- Begin Navigation --> 
     36<div id="navigation"> 
    13837<?php  
    13938 echo $html->link('eduBlog',   '/blog/'.$blog['User']['username']);  
    … …  
    14342?> 
    14443</div> 
    145 </td></tr> 
    146 <tr><td colspan="2" id="separator">&nbsp;</td></tr> 
    147 <tr> 
    148 <td id="tdrss">  
    149 <!-- RSS feeds -->  
     44<!-- End Navigation -->  
     45<!-- Begin Faux Columns --> 
     46<div id="faux">  
     47<!-- Begin Left Column --> 
     48<div id="leftcolumn"> 
     49<?php 
     50 if ( isset($blog['Quote'][0]['quote']) ): 
     51    e('<i>'.$blog['Quote'][0]['quote'] . '</i><br /><b>'. $blog['Quote'][0]['author'].'</b>'); 
     52 endif; 
     53?> 
     54<?php e($content_for_layout); ?> 
     55 
     56 <div class="clear"></div> 
     57 </div> 
     58 <!-- End Left Column --> 
     59 
     60 <!-- Begin Right Column --> 
     61 <div id="rightcolumn"> 
     62 <!-- RSS feeds -->  
    15063<strong>RSS:</strong>  
    15164<?php 
    15265 e($html->link('Blog', '/entries/rss/'.$blog['User']['username'] . '.rss', array('class'=>'smallinks')). ' / ');  
    15366 e($html->link('Podcast', '/podcasts/rss/'.$blog['User']['username'].'.rss', array('class'=>'smallinks'))); 
    154 ?> 
    155 </td> 
    156 <td id="tdquote"> 
    157 <?php  
    158  if ( isset($blog['Quote'][0]['quote']) ): 
    159     e('<i>'.$blog['Quote'][0]['quote'] . '</i><br /><b>'. $blog['Quote'][0]['author'].'</b>'); 
    160  endif; 
    161 ?> 
    162 </td> 
    163 </tr> 
    16467 
    165 <tr><td id="tdsidebar"> 
    166 <?php  
    16768 if ( $blog['Vclassroom'] != null):  
    16869     echo $this->element('vclassrooms', $blog['Vclassroom']);   
    … …  
    17778 echo $html->div('temas', 'College');  
    17879 echo $html->para(null,$html->link( 
    179                $html->image('static/cwclogo.jpg', array('alt'=>'Conrad', 'title'=>'Conrad College')), '/', null,null, false), 
     80               $html->image('static/cwclogo.jpg', array('alt'=>'Your school', 'title'=>'Your school')), '/', null,null, false), 
    18081        array('style'=>'text-align:center')); 
    181   
    182      
     82     
    18383 if ( $blog['Lesson'] != null ): 
    18484      echo $this->element('lesson', $blog['Lesson']);   
    … …  
    207107 e($html->div(null, $html->link($html->image('banners/banner_karamelo.jpg', array('style'=>'border:1px solid black','alt'=>'Karamelo', 'title'=>'Karamelo')),  
    208108'http://www.chipotle-software.com', null, null,false), aa('style', 'text-align:center;padding-top:15px'))); 
    209 ?>                
    210 </td> 
    211 <td id="tdcontent"> 
    212     <?php e($content_for_layout); ?>  
    213 </td> 
    214 </tr> 
    215 </table> 
    216  
    217 <!-- Footer -->  
    218 <div id="footer">  
    219   Back on top <a href="#header" title="Back on top ^">^</a> <b>Chipotle Software &copy; 2002-2008</b>. Creative Commons. Some rights reserved. 
    220 </div>  
    221 </body>  
     109?> 
     110  <div class="clear"></div>   
     111 </div> 
     112 <!-- End Right Column -->  
     113 </div>    
     114 <!-- End Faux Columns -->  
     115 <!-- Begin Footer --> 
     116 <div id="footer"> 
     117   Back on top <a href="#header" title="Back on top ^">^</a> <b>Chipotle Software &copy; 2002-2008</b>. Creative Commons. Some rights reserved. 
     118 </div> 
     119 <!-- End Footer --> 
     120 </div> 
     121<!-- End Wrapper --> 
     122</body> 
    222123</html>