Ignore:
Timestamp:
Jun 11, 2011, 4:33:07 AM (13 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.