Changeset 11309


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

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

Location:
extensions/PaysonsPlaces
Files:
1 added
9 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> 
  • extensions/PaysonsPlaces/template/footer.tpl

    r11301 r11309  
    1                         </td> 
     1<link rel="stylesheet" type="text/css" href="../theme.css"> 
     2</td> 
    23                </tr> 
    3   <tr> 
    4         <td id="shadow"> 
    5 <div id="copyright"> 
     4  <tr><td id="footer"> 
    65{if isset($debug.TIME)} 
    76        {'Page generated in'|@translate} {$debug.TIME} ({$debug.NB_QUERIES} {'SQL queries in'|@translate} {$debug.SQL_TIME}) - 
     
    2625{/foreach} 
    2726{/if} 
    28 </div> {* copyright *} 
     27{* copyright *} 
    2928{if isset($debug.QUERIES_LIST)} 
    3029<div id="debug"> 
     
    3231</div> 
    3332{/if} 
    34 </div></td> 
     33 
     34 
     35                        </td> 
    3536        </tr> 
    36 </table>{* the_page *} 
     37</tbody></table> 
     38{* the_page *} 
    3739</body> 
    3840</html> 
  • extensions/PaysonsPlaces/template/header.tpl

    r11301 r11309  
    5353        {/foreach} 
    5454{/if} 
    55  
     55<link rel="stylesheet" type="text/css" href="../theme.css"> 
    5656</head> 
    5757 
    5858<body id="{$BODY_ID}"> 
    59 <div id="the_page"> 
    60 <table cellspacing="20" cellpadding="5"> 
    61                 <tr> 
    62                   <td id="headercontainer"> 
     59<table id="fullheight" cellspacing="20" > 
     60 
     61                <tbody><tr> 
     62                  <td id="banner"> 
     63           
    6364{if not empty($header_msgs)} 
    6465<div class="header_msgs"> 
     
    7879</div> 
    7980{/if} 
    80                         </td> 
     81<div><img src="themes/paysonsplaces/images/banner.png"></div> 
     82{$MENUBAR}</td> 
    8183                </tr> 
    8284                <tr> 
    83                         <td id="shadow"> 
     85                        <td id="main_box"> 
  • extensions/PaysonsPlaces/template/index.tpl

    r11301 r11309  
    1 {$MENUBAR} 
     1 
    22{if !empty($PLUGIN_INDEX_CONTENT_BEFORE)}{$PLUGIN_INDEX_CONTENT_BEFORE}{/if} 
    3 <div id="content" class="content"> 
    4 <div class="titrePage"> 
     3 
     4 
    55        <ul class="categoryActions"> 
    66{if !empty($image_orders)} 
     
    6262        </ul> 
    6363 
    64 <h2>{$TITLE}</h2> 
     64<div id="navigation-1">{$TITLE}</div> 
    6565 
    6666{if isset($chronology_views)} 
  • extensions/PaysonsPlaces/template/menubar.tpl

    r11301 r11309  
    11{if !empty($blocks) } 
    2 <div id="menubar"> 
     2<ul id="navigation-1"><li id="search_box"> 
     3        <form action="{$ROOT_URL}qsearch.php" method="get" id="quicksearch" onsubmit="return this.q.value!='' && this.q.value!=qsearch_prompt;"> 
     4                <p style="margin:0;padding:0"{*this <p> is for html validation only - does not affect positioning*}> 
     5                        <input type="text" name="q" id="qsearchInput" onfocus="if (value==qsearch_prompt) value='';" onblur="if (value=='') value=qsearch_prompt;" style="width:90%"> 
     6                </p> 
     7        </form> 
     8        <script type="text/javascript">var qsearch_prompt="{'Quick search'|@translate|@escape:'javascript'}"; document.getElementById('qsearchInput').value=qsearch_prompt;</script> 
     9</li> 
    310        {foreach from=$blocks key=id item=block} 
    4         <dl id="{$id}"> 
     11        <li> 
    512                {if not empty($block->template)} 
    613                {include file=$block->template|@get_extent:$id } 
     
    815                {$block->raw_content} 
    916                {/if} 
    10         </dl> 
     17        </li> 
    1118        {/foreach} 
    12 </div> 
     19</ul> 
    1320{/if} 
  • extensions/PaysonsPlaces/theme.css

    r11305 r11309  
    1  
    2 /* text color */ 
    3 BODY, H1, H2, H3, DT, 
    4 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
    5         color:#696969;  /* dimgray */ 
    6 } 
    7  
    8 /* backgrounds */ 
    9 BODY, H3 { 
    10         background-color: #ffffff;      /* white */ 
    11 } 
    12  
    13 H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover { 
    14         background-color: #d3d3d3; 
    15 } 
    16  
    17 #menubar DL, .content, #imageToolBar, .header_notes { 
    18   background-color: #eeeeee; 
    19 } 
    20  
    21 /* borders */ 
    22 #menubar DL, .content, #imageToolBar { 
    23   border: 1px solid #d3d3d3; 
    24 } 
    25  
    26 #theImage IMG { 
    27   border: 3px solid #d3d3d3; 
    28 } 
    29  
    30 /*I think this rule is never used*/ 
    31 .content UL.thumbnail IMG { 
    32     border: 1px solid #a0a0a0; 
    33 } 
    34  
    35 FIELDSET, INPUT, SELECT, TEXTAREA, 
    36 .content .thumbnailCategory { 
    37   border: 1px solid gray; 
    38 } 
    39  
    40 .thumbnails .wrap2 { 
    41   border: 1px solid #aaaaaa;    /* thumbnails border color and style */ 
    42 } 
    43  
    44 .thumbnails .wrap2:hover, 
    45 .content .thumbnailCategories .thumbnailCategory:hover, 
    46 .content .thumbnailCategories .thumbnailCategory:hover A { 
    47   background-color: #faebd7; 
    48   border-color: yellow;         /* thumbnails border color when mouse cursor is over it */ 
    49   color: black; 
    50 } 
    51  
    52 /* links */ 
    53 A, INPUT.rateButton { 
    54         color: #005e89; 
    55         background: transparent; 
    56         border-bottom: 1px dotted #005e89; 
    57 } 
    58  
    59 A:hover, INPUT.rateButton:hover { 
    60     color: #808060; 
    61 } 
    62  
    63 A.pwg-state-default { 
    64         border: 0; 
    65 } 
    66  
    67 A.navThumb, A.navThumb:hover { 
    68     border-bottom: none; 
    69 } 
    70  
    71 /*calendar elements*/ 
    72 .calItem, .calItemEmpty 
    73 { 
    74   border: 1px solid silver; 
    75 } 
    76  
    77 #qsearchInput { color: #005e89; } 
    78  
    79 .pwg-icon { 
    80         background-image: url(../default/s26/outline_005e89.png); 
    81 } 
    82  
    83 A:hover .pwg-icon { 
    84         background-image: url(../default/s26/outline_808060.png); 
     1#navigation-1 { 
     2        background-color: #666666; 
     3        padding:1px 0; 
     4        margin:0px; 
     5        list-style:none; 
     6        width:100%; 
     7        height:21px; 
     8        border-top:1px solid #FFFFFF; 
     9        border-bottom:1px solid #FFFFFF; 
     10        font:normal 8pt verdana, arial, helvetica; 
     11} 
     12 
     13#navigation-1 li { 
     14        margin:0; 
     15        padding:0; 
     16        display:block; 
     17        float:left; 
     18        position:relative; 
     19        color: #FFFFFF; /*width:148px;*/ 
     20} 
     21 
     22#navigation-1 li a:link, #navigation-1 li a:visited { 
     23        padding:4px 0; 
     24        display:block; 
     25        text-align:center; 
     26        text-decoration:none; 
     27        color:#ffffff; 
     28        width:148px; 
     29        height:13px; 
     30        background-color: #666666; 
     31} 
     32 
     33#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active { 
     34        padding:4px 0; 
     35        display:block; 
     36        text-align:center; 
     37        text-decoration:none; 
     38        color:#ffffff; 
     39        width:146px; 
     40        height:13px; 
     41        border-left:1px solid #ffffff; 
     42        border-right:1px solid #ffffff; 
     43        background-color: #999999; 
     44} 
     45 
     46#navigation-1 li ul.navigation-2 { 
     47        margin:0; 
     48        padding:1px 1px 0; 
     49        list-style:none; 
     50        display:none; 
     51        width:146px; 
     52        position:absolute; 
     53        top:21px; 
     54        left:-1px; 
     55        border:1px solid #000000; 
     56        border-top:none; 
     57        background-color: #FFFFFF; 
     58} 
     59 
     60#navigation-1 li:hover ul.navigation-2 { 
     61        display:block; 
     62} 
     63 
     64#navigation-1 li ul.navigation-2 li { 
     65        width:146px; 
     66        clear:left; 
     67        width:146px; 
     68} 
     69 
     70#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited { 
     71        clear:left; 
     72        padding:4px 0; 
     73        width:146px; 
     74        border:none; 
     75        border-bottom:1px solid #ffffff; 
     76        position:relative; 
     77        z-index:1000; 
     78        background-color: #666666; 
     79} 
     80 
     81#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 { 
     82        clear:left; 
     83        padding:4px 0; 
     84        width:146px; 
     85        border:none; 
     86        border-bottom:1px solid #ffffff; 
     87        position:relative; 
     88        z-index:1000; 
     89        background-color: #666666; 
     90} 
     91 
     92#navigation-1 li ul.navigation-2 li ul.navigation-3 { 
     93        display:none; 
     94        margin:0; 
     95        padding:0; 
     96        list-style:none; 
     97        position:absolute; 
     98        left:145px; 
     99        top:-2px; 
     100        padding:1px 1px 0 1px; 
     101        border:1px solid #000000; 
     102        border-left:1px solid #000000; 
     103        z-index:900; 
     104        background-color: #FFFFFF; 
     105} 
     106 
     107#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { 
     108        display:block; 
     109} 
     110 
     111#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 { 
     112        background-color: #666666; 
     113} 
     114 
     115#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 { 
     116        background-color: #666666; 
     117} 
     118 
     119#navigation-1 li ul.navigation-2 li a span { 
     120        position:absolute; 
     121        top:0; 
     122        left:132px; 
     123        font-size:12pt; 
     124        color:#999999; 
     125} 
     126 
     127#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span { 
     128        position:absolute; 
     129        top:0; 
     130        left:132px; 
     131        font-size:12pt; 
     132        color:#ffffff; 
    85133} 
    86134 
    87135/*  */ 
    88136    #footer { 
    89         text-align: center; 
    90         padding: 10px; 
    91 } 
    92  
    93         body { 
    94         height: 100%; 
    95         width: 100%; 
    96         background-attachment: fixed; 
    97         background-repeat: no-repeat; 
    98         background-image: url(images/bg_c.JPG); 
    99         margin: 0px; 
    100         padding: 0px; 
    101 } 
    102         table { 
    103         position: relative; 
    104         /*height: 100%;*/ 
    105         width: 100%; 
    106         padding-left: 25px; 
    107         padding-right: 25px; 
    108         padding-bottom: 20px; 
    109 } 
    110  
    111  
    112         html { 
    113  
    114         width: 100%; 
    115         height: 100%; 
    116  
    117         } 
    118          
    119  
    120         #headercontainer { 
    121         width: 100%; 
     137        padding: 10px; 
    122138        -moz-border-radius: 18px; 
    123139        border-radius: 8px; 
     
    125141        -moz-box-shadow: 1px 1px 2px; 
    126142        box-shadow: 1px 1px 2px; 
    127         background-image: url(images/bg_bw.JPG); 
    128         background-attachment: fixed; 
    129         background-repeat: no-repeat; 
    130  } 
    131          
    132  
    133          
    134         #shadow { 
     143        background-image: url(images/bg_bw.jpg); 
     144        background-attachment: fixed; 
     145        background-repeat: no-repeat; 
     146        padding: 10px; 
     147} 
     148 
     149        body { 
     150        width: 100%; 
     151        background-attachment: fixed; 
     152        background-repeat: no-repeat; 
     153        margin: 0px; 
     154        padding: 0px; 
     155        background-image: url(images/bg_c.JPG); 
     156} 
     157   html,body{ 
     158      margin:0; 
     159      padding:0; 
     160      height:100%; 
     161      border:none 
     162   } 
     163        table { 
     164        position: relative; 
     165        width: 100%; 
     166        padding-left: 25px; 
     167        padding-right: 25px; 
     168        padding-bottom: 20px; 
     169         
     170        } 
     171         
     172        #fullheight{ 
     173        height: 100%; 
     174         
     175        } 
     176         
     177        html { 
     178 
     179        width: 100%; 
     180        height: 100%; 
     181 
     182        } 
     183        #banner    { 
     184        text-align: center; 
     185        padding: 5px; 
     186        width: 100%; 
    135187        -moz-border-radius: 18px; 
    136188        border-radius: 8px; 
     
    138190        -moz-box-shadow: 1px 1px 2px; 
    139191        box-shadow: 1px 1px 2px; 
    140         background-image: url(images/bg_bw.JPG); 
    141         background-attachment: fixed; 
    142         background-repeat: no-repeat; 
     192        background-image: url(images/bg.gif); 
     193        background-attachment: fixed; 
     194        background-repeat: no-repeat; 
     195        padding: 10px; 
     196        padding-left: 0px; 
     197        padding-right: 0px; 
     198 } 
     199 
     200         
     201 
     202         
     203        #main_box { 
     204        text-align: center; 
     205        padding: 5px; 
     206        width: 100%; 
     207        -moz-border-radius: 18px; 
     208        border-radius: 8px; 
     209        -webkit-box-shadow: 1px 1px 2px; 
     210        -moz-box-shadow: 1px 1px 2px; 
     211        box-shadow: 1px 1px 2px; 
     212        background-image: url(images/bg.gif); 
     213        background-attachment: fixed; 
     214        background-repeat: no-repeat; 
     215        padding: 10px; 
     216        padding-left: 0px; 
     217        padding-right: 0px; 
    143218        height: 100%; 
    144 } 
    145         #banner    { 
    146         text-align: center; 
    147 } 
    148  
    149 H2 { 
    150          
    151 } 
     219        vertical-align: top; 
     220 
     221} 
     222#search_box { 
     223        left: 10px; 
     224} 
  • extensions/PaysonsPlaces/themeconf.inc.php

    r11306 r11309  
    11<?php 
    22/* 
    3 Theme Name: PaysonsPlaces 
    4 Version: 2.2.1 
    5 Description: Static background with 2 images. 
     3Theme Name: paysonsplaces 
     4Version: 0.0.2 
     5Description:  
    66Theme URI: http://piwigo.org/ext/extension_view.php?eid=557 
    77Author: Tearran 
    8 Author URI: http://tearran.deviantart.com/ 
     8Author URI: http://tearran.deviantart.com 
    99*/ 
    1010$themeconf = array( 
    11   'name'  => 'PaysonsPlaces', 
     11  'name'  => 'paysonsplaces', 
    1212  'parent' => 'default', 
    1313); 
Note: See TracChangeset for help on using the changeset viewer.