Ignore:
Timestamp:
06/11/11 04:33:07 (9 years ago)
Author:
tearran
Message:

Changed The menu to a horizontal placement in the header.tpl
added some css id's for the menu.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/PaysonsPlaces/template.php

    r11304 r11309  
    11<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2 <html xmlns="http://www.w3.org/1999/xhtml"> 
    3 <head> 
    4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     2<html xmlns="http://www.w3.org/1999/xhtml"><head> 
     3<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    54<title>Title</title> 
    65 
    76<style> 
     7#navigation-1 { 
     8        background-color: #666666; 
     9 
     10        padding:1px 0; 
     11        margin:0px; 
     12        list-style:none; 
     13        width:100%; 
     14        height:21px; 
     15        border-top:1px solid #FFFFFF; 
     16        border-bottom:1px solid #FFFFFF; 
     17        font:normal 8pt verdana, arial, helvetica; 
     18} 
     19 
     20#navigation-1 li { 
     21        margin:0; 
     22        padding:0; 
     23        display:block; 
     24        float:left; 
     25        position:relative; 
     26        /*width:148px;*/ 
     27} 
     28 
     29#navigation-1 li a:link, #navigation-1 li a:visited { 
     30        padding:4px 0; 
     31        display:block; 
     32        text-align:center; 
     33        text-decoration:none; 
     34        color:#ffffff; 
     35        width:148px; 
     36        height:13px; 
     37        background-color: #666666; 
     38} 
     39 
     40#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active { 
     41        padding:4px 0; 
     42        display:block; 
     43        text-align:center; 
     44        text-decoration:none; 
     45        color:#ffffff; 
     46        width:146px; 
     47        height:13px; 
     48        border-left:1px solid #ffffff; 
     49        border-right:1px solid #ffffff; 
     50        background-color: #999999; 
     51} 
     52 
     53#navigation-1 li ul.navigation-2 { 
     54        margin:0; 
     55        padding:1px 1px 0; 
     56        list-style:none; 
     57        display:none; 
     58        width:146px; 
     59        position:absolute; 
     60        top:21px; 
     61        left:-1px; 
     62        border:1px solid #000000; 
     63        border-top:none; 
     64        background-color: #FFFFFF; 
     65} 
     66 
     67#navigation-1 li:hover ul.navigation-2 { 
     68        display:block; 
     69} 
     70 
     71#navigation-1 li ul.navigation-2 li { 
     72        width:146px; 
     73        clear:left; 
     74        width:146px; 
     75} 
     76 
     77#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited { 
     78        clear:left; 
     79        padding:4px 0; 
     80        width:146px; 
     81        border:none; 
     82        border-bottom:1px solid #ffffff; 
     83        position:relative; 
     84        z-index:1000; 
     85        background-color: #666666; 
     86} 
     87 
     88#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover { 
     89        clear:left; 
     90        padding:4px 0; 
     91        width:146px; 
     92        border:none; 
     93        border-bottom:1px solid #ffffff; 
     94        position:relative; 
     95        z-index:1000; 
     96        background-color: #666666; 
     97} 
     98 
     99#navigation-1 li ul.navigation-2 li ul.navigation-3 { 
     100        display:none; 
     101        margin:0; 
     102        padding:0; 
     103        list-style:none; 
     104        position:absolute; 
     105        left:145px; 
     106        top:-2px; 
     107        padding:1px 1px 0 1px; 
     108        border:1px solid #000000; 
     109        border-left:1px solid #000000; 
     110        z-index:900; 
     111        background-color: #FFFFFF; 
     112} 
     113 
     114#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { 
     115        display:block; 
     116} 
     117 
     118#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { 
     119        background-color: #666666; 
     120} 
     121 
     122#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { 
     123        background-color: #666666; 
     124} 
     125 
     126#navigation-1 li ul.navigation-2 li a span { 
     127        position:absolute; 
     128        top:0; 
     129        left:132px; 
     130        font-size:12pt; 
     131        color:#999999; 
     132} 
     133 
     134#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span { 
     135        position:absolute; 
     136        top:0; 
     137        left:132px; 
     138        font-size:12pt; 
     139        color:#ffffff; 
     140} 
     141 
    8142/*  */ 
    9143    #footer { 
     
    48182        background-attachment: fixed; 
    49183        background-repeat: no-repeat; 
     184        padding: 10px; 
     185        padding-left: 0px; 
     186        padding-right: 0px; 
    50187 } 
     188#float_r  { 
     189        letter-spacing: normal; 
     190        text-align: left; 
     191        text-indent: 5px; 
     192        word-spacing: normal; 
     193        margin: 0; 
     194        width: 10px; 
     195        padding: 0; 
     196} 
    51197         
    52198 
     
    65211        #banner    { 
    66212        text-align: center; 
    67 } 
     213        padding: 5px; 
     214} 
     215/* */ 
     216/**  
     217* Generated by www.formstylegenerator.com  
     218**/ 
     219 
     220/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/ 
     221.myinputstyle { 
     222        border: 1px solid #FFFFFF; 
     223        /** remember to change image path **/ 
     224        background: url(bg3218635145) repeat-x #FFFFFF; 
     225        font-family: tahoma, helvetica, sans-serif; 
     226        font-style: normal; 
     227        font-size: 14px; 
     228        color: #454743; 
     229} 
     230 
     231/** You can use this style for your LABEL elements **/ 
     232.mylabelstyle { 
     233        font-family: tahoma, helvetica, sans-serif; 
     234        font-style: bold; 
     235        font-size: 13px; 
     236        color: #82983e; 
     237} 
     238 
     239 
     240 
    68241</style> 
    69242</head> 
     
    71244<body> 
    72245<table cellspacing="20"> 
    73                 <tr> 
    74                   <td id="headercontainer"> 
     246                <tbody><tr> 
     247                  <td id="container"> 
    75248        <div id="banner"> 
    76 <img src="images/Banner.png" /> 
     249<img src="template2.php_files/Banner.png"> 
    77250        </div> 
    78                         </td> 
     251<ul id="navigation-1"> 
     252    
     253    
     254<li><input name="myname" style="" value="Search" type="text"></li> 
     255 
     256<li><a href="#" title="menu" target="_self">menu</a></li> 
     257   <li><a href="#" title="menu" target="_self">menu</a> 
     258      <ul class="navigation-2"> 
     259         <li><a href="#" title="menu" target="_self">menu</a></li> 
     260         <li><a href="#" title="menu" target="_self">menu</a></li> 
     261      </ul> 
     262   </li> 
     263   <li><a href="#" title="menu" target="_self">menu</a> 
     264      <ul class="navigation-2"> 
     265         <li><a href="#" title="menu" target="_self">menu</a></li> 
     266         <li><a href="#" title="menu" target="_self">menu</a></li> 
     267      </ul> 
     268   </li> 
     269 
     270</ul> 
     271  
     272 
     273                  </td> 
    79274                </tr> 
    80275                <tr> 
     
    92287                        </td> 
    93288        </tr> 
    94 </table> 
    95 </body> 
    96 </html> 
     289</tbody></table> 
     290 
     291 
     292 
     293 
     294 
     295 
     296</body></html> 
Note: See TracChangeset for help on using the changeset viewer.