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

Update CSS

Files:
1 modified

Legend:

Unmodified
Added
Removed

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

    r541 r798  
    1 <?php  
    2    echo '<?xml version="1.0"?>';  
    3    echo $html->docType();  
    4 ?> 
    5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
     1<?php 
     2   echo '<?xml version="1.0"?>'; 
     3   echo $html->docType(); 
     4?> 
     5<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
    66<head> 
    7 <?php 
    8 if ( isset($javascript) ): 
    9          echo $html->charset('UTF-8'); 
    10          echo $javascript->link('prototype'); 
    11          echo $javascript->link('scriptaculous.js?load=effects'); 
    12          echo $javascript->link('myfunctions'); 
    13 endif; 
    14  
    15 echo $html->css('school/school'); 
    16 ?> 
    17 <title><?php echo $title_for_layout; ?></title> 
     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" /> 
    1814</head> 
     15 
    1916<body> 
     17 
     18   <!-- Begin Wrapper --> 
     19   <div id="wrapper"> 
     20    
     21         <!-- Begin Header --> 
     22 
     23         <div id="header"> 
     24  
     25This is the Header  
     26    
     27 </div> 
     28 <!-- End Header --> 
     29  
     30 <!-- Begin Navigation --> 
     31         <div id="navigation"> 
     32  
     33This 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 
     108<meta http-equiv="content-type" content="text/html; charset=utf-8" />  
     109<meta http-equiv="content-language" content="en" />  
     110<meta name="robots" content="all,follow" />  
     111<meta name="author" content="Karamelo by Chipotle Software" />  
     112<meta name="copyright" content="Chipotle Software" /> 
     113<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php echo '/entries/rss/'.$blog['User']['username'].'.rss'; ?>" /> 
     114<title> <?php echo $title_for_layout?> </title>  
     115<meta name="description" content="Edublog" />  
     116<meta name="keywords" content="edublog, elearning, karamelo" />  
     117              
     118<link rel="index" href="./" title="Home" />  
     119<?php echo $html->css('school/styles'); ?> 
     120</head> 
     121<body>  
    20122<script type="text/javascript"> 
    21123   window.onload = timedMsg; 
    … …  
    23125<?php $session->flash(); ?>  
    24126 
    25 <table id="tabula"> 
    26 <tr>  
    27    <td><?php echo $html->link($html->image('css/school/school.jpg', array('alt'=>'School', 'title'=>'School')), '/blog/'.$blog["User"]["username"], null, null, false); ?></td> 
    28    <td> 
    29      <?php echo $html->div('quote', $blog["User"]["quote"]); ?> 
    30      <div id="fancymenu"> 
    31       <ul>                                                                
    32         <li id="menu_home"><?php echo $html->link('Home', '/blog/'.$blog["User"]["username"], array('Home'=>'Home')); ?></li> 
    33         <li id="menu_portfolio"><?php echo $html->link('Portfolio', '/users/portfolio/'.$blog["User"]["username"], array('Home'=>'Home')); ?></li> 
    34         <li id="menu_lesson"><?php echo $html->link('Lesson', '/lessons/display/'.$blog["User"]["username"], array('Home'=>'Home')); ?></li> 
    35         <li id="menu_about"><?php echo $html->link('About', '/users/about/'.$blog["User"]["username"], array('Home'=>'Home')); ?></li> 
    36         <li id="menu_about"><?php echo $html->link('Message', '/messages/message/'.$blog["User"]["username"], array('Home'=>'Home')); ?></li>    
    37       </ul>  
    38     </div><!-- fancymenu --> 
     127<table id="maintable">   
     128<tr><td colspan="2" id="header"> 
     129<h1> 
     130<?php  
     131e($html->link($blog['User']['name_blog'], '/blog/'.$blog['User']['username'], array("title"=>$blog['User']['name_blog'])));  
     132?> 
     133</h1>  
     134 
     135<?php echo $html->div('quote', ''.$blog['User']['quote']); ?>  
     136   
     137<div id="toplinks"> 
     138<?php  
     139 echo $html->link('eduBlog',   '/blog/'.$blog['User']['username']);  
     140 echo $html->link('ePortfolio', '/users/portfolio/'.$blog['User']['username']);  
     141 echo $html->link('About me',  '/vclassrooms/aboutme/'.$blog['User']['username']); 
     142 echo $html->link('Contact',   '/messages/message/'.$blog['User']['username']); 
     143?> 
     144</div> 
    39145</td></tr> 
    40  
    41 <tr><td id="tdmenu"> 
    42    <!-- Search -->  
    43          <?php 
    44               echo $form->create("Entry", array("action"=>"search", "onsubmit"=>"return chkSearch()")); 
    45               echo $form->hidden('Entry.user_id', array("value"=>$blog["User"]["id"]));  
    46               echo $form->input('Entry.terms', array("size"=>"15", "value"=>"Search...")).'<br />'; 
    47               echo $form->end('Search'); 
    48         ?>  
    49 </div> <!-- /search -->  
     146<tr><td colspan="2" id="separator">&nbsp;</td></tr> 
     147<tr> 
     148<td id="tdrss">  
     149<!-- RSS feeds -->  
     150<strong>RSS:</strong>  
    50151<?php 
    51   if ( $blog["Lesson"] != null): 
    52             echo $this->element('lesson', $blog["Lesson"]);  
    53  endif; 
    54  
    55  if ( $blog["Podcast"] != null ): 
    56             echo $this->element('podcast', $blog["Podcast"]);  
    57  endif; 
    58                   
    59  if ( $blog["Catfaq"] != null ): 
    60            echo $this->element('catfaqs', $blog["Catfaq"]);  
    61  endif; 
    62                  
    63  if ( $blog["Acquaintance"] != null); 
    64            echo $this->element('acquaintances', $blog["Acquaintance"]);  
     152 e($html->link('Blog', '/entries/rss/'.$blog['User']['username'] . '.rss', array('class'=>'smallinks')). ' / ');  
     153 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> 
     164 
     165<tr><td id="tdsidebar"> 
     166<?php  
     167 if ( $blog['Vclassroom'] != null):  
     168     echo $this->element('vclassrooms', $blog['Vclassroom']);   
     169 endif; 
     170 
     171 echo $html->para(null,$html->link($html->image('static/ooo_banner.png', array('alt'=>'OpenOffice.org')), 'http://extensions.services.openoffice.org/',  null, null, false)); 
     172 
     173 echo $html->div('temas', $blog['User']['username'] . ' profile');  
     174 echo $html->para('cv', $blog['User']['cv']); 
     175 echo $html->para(null,$html->image('avatars/'.$blog['User']['avatar'], array("alt"=>$blog['User']['username'], "title"=>$blog['User']['username'])), array('style'=>'text-align:center')); 
     176     
     177 echo $html->div('temas', 'College');  
     178 echo $html->para(null,$html->link( 
     179               $html->image('static/cwclogo.jpg', array('alt'=>'Conrad', 'title'=>'Conrad College')), '/', null,null, false), 
     180        array('style'=>'text-align:center')); 
     181  
     182     
     183 if ( $blog['Lesson'] != null ): 
     184      echo $this->element('lesson', $blog['Lesson']);   
     185 endif;  
     186          
     187 if ( $blog['Podcast'] != null ):  
     188      echo $this->element('podcast', $blog['Podcast']);   
     189 endif; 
     190          
     191 if ( $blog['Catfaq'] != null ):  
     192      echo $this->element('catfaqs', $blog['Catfaq']);   
     193 endif; 
     194          
     195 if ( $blog['Acquaintance'] != null ):  
     196     echo $this->element('acquaintances', $blog['Acquaintance']);   
    65197 endif; 
    66198         
    67  if ( $blog["Vclassroom"] != null): 
    68            echo $this->element('vclassrooms', $blog["Vclassroom"]);  
    69  endif; 
    70         
    71  if ( $blog["Catforum"] != null): 
    72            echo $this->element('catforums', $blog["Catforum"]);  
    73  endif; 
    74  
    75  if ( !$session->check('Auth.User') ):  
    76       echo '<p style="text-align:center;margin:35px 0 35px 0">' . $html->link( 
    77          $html->image('static/login.png', array("alt"=>'Login', "title"=>'Login')), 
    78                                                          '/users/login', false, false, null) . "</p>"; 
    79  endif; 
    80 ?> 
    81 </td> 
    82 <td id="tdmain"> 
    83    <?php echo $content_for_layout; ?> 
    84 </td></tr> 
     199 
     200 if ( !$session->check('Auth.User') ):   
     201      e($html->para(null, $html->link( 
     202                           $html->image('static/login.png', array('alt'=>'Login', 'title'=>'Login')),  
     203                           '/users/login', false, false, null), array('style'=>'text-align:center;margin:35px 0 35px 0')));  
     204 endif;  
     205      
     206 e($html->div('temas', 'Powered by')); 
     207 e($html->div(null, $html->link($html->image('banners/banner_karamelo.jpg', array('style'=>'border:1px solid black','alt'=>'Karamelo', 'title'=>'Karamelo')),  
     208'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> 
    85215</table> 
    86 <div id="footer"> 
    87      <div id="top">Back on top <a href="#tabula" title="Back on top ^">^</a></div> 
    88       <div>Chipotle Software &copy; 2002-2008. Creative Commons. Some rights reserved.</div> 
    89  
    90 </div> 
    91  
    92 </body> 
     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>  
    93222</html>