Changeset 11309


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

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.