Diffocoltà con il Menu
Posted: Sat May 26, 2007 11:12 am
Buongiorno a tutti inziamo con una richiesta scusatemi se sono così diretto ma veremanet sono nelle peste.
Stò aiutando una associazione onlus a creare il loro sito purtoppo andrebbe tutto bene se non mi fossi perso per strada il menu...
http://www.canilenaturno.org/web/
vorrei creare una semplice barra di menu orrizzontale che mi consenta anche di fare vedere semplicetemente i sottomenu ho preso il template che c'è sul sito ho provato a modificarlo ma nulla da fare..... aiuto....
Horizontal_dropdown :
/* NAV */
* html div#menu_horiz {
/* hide ie/mac \*/
height: 1%;
/* end hide */
}
div#menu_horiz {
width: 780px;
margin: 0;
text-align: center;
border-right: solid 1px #cccccc;
}
div#menu_horiz ul {
margin: 0;
padding: 0;
list-style: none;
border-left: 1px solid #C0C0C0;
div#menu_horiz ul li {
background-color: #000;
}
div#menu_horiz li {
float: left;
display: inline;
list-style: none;
margin: 0 ;
border-right: 1px solid #C0C0C0;
}
}
div#menu_horiz li a {
border-right: none;
}
div#menu_horiz a,
div#menu_horiz a:link,
div#menu_horiz a:active,
div#menu_horiz a:visited {
display: block;
padding: 5px 10px;
/* hide from ie/mac \*/
display: block;
/* end hide */
background: url(uploads/Horizontal_dropdown/nav_bg.jpg) repeat 0 0px;
text-decoration: none;
margin: 0;
color: #fff;
/*background: #F68F3A;*/
font-weight: bold;
}
div#menu_horiz li a:hover {
background: url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px;
background-color: #D10D40;
color: #FFF;
line-height: 1em;
font-weight: bold;
}
div#menu_horiz .activeparent {
display: inline-block;
/* hide from ie/mac \*/
display: block;
/* end hide */
background-color: #D10D40;
}
div#menu_horiz .current a,
div#menu_horiz .current a:link,
div#menu_horiz .current a:active,
div#menu_horiz .current a:visited,
div#menu_horiz .current a:hover,
div#menu_horiz .activeparent a,
div#menu_horiz .activeparent a:link,
div#menu_horiz .activeparent a:active,
div#menu_horiz .activeparent a:visited,
div#menu_horiz .activeparent a:hover
{
background-color: #D10D40;
}
/* END NAV */
div#menu_horiz li.active01 h3 {
display: inline-block;
padding: 5px 10px;
background: url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px;
/* hide from ie/mac \*/
display: block;
/* end hide */
font-size: 1em;
line-height: 1em;
text-decoration: none;
margin: 0;
color: #ffffff;
background-color: #D10D40;
}
#menu_horiz li.active02 h3 {
display: block;
text-decoration: none;
padding: 5px 5px 5px 10px;
font-weight: normal;
color: #18507C;
margin: 0;
font-size: 1em;
background-color: #D10D40;
}
#menu_horiz li.active03 h3
{
display: block;
padding: 3px 5px 3px 25px;
border-bottom: none;
font-size: 90%;
font-weight: bold;
color: #D10D40;
margin: 0;
}
FORSE SERVE ANCHE QUESTO ?
{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page. Used both for the horizontal main menu and the top level in the vertical submenu.
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. Also used for the horizontal to use the entire width of the block element that it is wrapped in. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string="" times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}
{/if}
{if $node->current == true && $node->depth == 1}
depth}">{$node->hierarchy}: {$node->menutext}
{elseif $node->current == true && $node->depth > 1}
depth-1}">{$node->hierarchy}: {$node->menutext}
{elseif $node->parent == true && (($node->depth == 1) or ($node->depth == 2))}
url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}>{$node->hierarchy}: {$node->menutext}{elseif $node->type == 'sectionheader'}
{$node->menutext}{elseif $node->type == 'separator'}
{else}
url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}>{$node->hierarchy}: {$node->menutext}{/if}
{/foreach}
{repeat string="" times=$node->depth-2}
{/if}
Stò aiutando una associazione onlus a creare il loro sito purtoppo andrebbe tutto bene se non mi fossi perso per strada il menu...
http://www.canilenaturno.org/web/
vorrei creare una semplice barra di menu orrizzontale che mi consenta anche di fare vedere semplicetemente i sottomenu ho preso il template che c'è sul sito ho provato a modificarlo ma nulla da fare..... aiuto....
Horizontal_dropdown :
/* NAV */
* html div#menu_horiz {
/* hide ie/mac \*/
height: 1%;
/* end hide */
}
div#menu_horiz {
width: 780px;
margin: 0;
text-align: center;
border-right: solid 1px #cccccc;
}
div#menu_horiz ul {
margin: 0;
padding: 0;
list-style: none;
border-left: 1px solid #C0C0C0;
div#menu_horiz ul li {
background-color: #000;
}
div#menu_horiz li {
float: left;
display: inline;
list-style: none;
margin: 0 ;
border-right: 1px solid #C0C0C0;
}
}
div#menu_horiz li a {
border-right: none;
}
div#menu_horiz a,
div#menu_horiz a:link,
div#menu_horiz a:active,
div#menu_horiz a:visited {
display: block;
padding: 5px 10px;
/* hide from ie/mac \*/
display: block;
/* end hide */
background: url(uploads/Horizontal_dropdown/nav_bg.jpg) repeat 0 0px;
text-decoration: none;
margin: 0;
color: #fff;
/*background: #F68F3A;*/
font-weight: bold;
}
div#menu_horiz li a:hover {
background: url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px;
background-color: #D10D40;
color: #FFF;
line-height: 1em;
font-weight: bold;
}
div#menu_horiz .activeparent {
display: inline-block;
/* hide from ie/mac \*/
display: block;
/* end hide */
background-color: #D10D40;
}
div#menu_horiz .current a,
div#menu_horiz .current a:link,
div#menu_horiz .current a:active,
div#menu_horiz .current a:visited,
div#menu_horiz .current a:hover,
div#menu_horiz .activeparent a,
div#menu_horiz .activeparent a:link,
div#menu_horiz .activeparent a:active,
div#menu_horiz .activeparent a:visited,
div#menu_horiz .activeparent a:hover
{
background-color: #D10D40;
}
/* END NAV */
div#menu_horiz li.active01 h3 {
display: inline-block;
padding: 5px 10px;
background: url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px;
/* hide from ie/mac \*/
display: block;
/* end hide */
font-size: 1em;
line-height: 1em;
text-decoration: none;
margin: 0;
color: #ffffff;
background-color: #D10D40;
}
#menu_horiz li.active02 h3 {
display: block;
text-decoration: none;
padding: 5px 5px 5px 10px;
font-weight: normal;
color: #18507C;
margin: 0;
font-size: 1em;
background-color: #D10D40;
}
#menu_horiz li.active03 h3
{
display: block;
padding: 3px 5px 3px 25px;
border-bottom: none;
font-size: 90%;
font-weight: bold;
color: #D10D40;
margin: 0;
}
FORSE SERVE ANCHE QUESTO ?
{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page. Used both for the horizontal main menu and the top level in the vertical submenu.
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. Also used for the horizontal to use the entire width of the block element that it is wrapped in. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string="" times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}
{/if}
{if $node->current == true && $node->depth == 1}
depth}">{$node->hierarchy}: {$node->menutext}
{elseif $node->current == true && $node->depth > 1}
depth-1}">{$node->hierarchy}: {$node->menutext}
{elseif $node->parent == true && (($node->depth == 1) or ($node->depth == 2))}
url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}>{$node->hierarchy}: {$node->menutext}{elseif $node->type == 'sectionheader'}
{$node->menutext}{elseif $node->type == 'separator'}
{else}
url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}>{$node->hierarchy}: {$node->menutext}{/if}
{/foreach}
{repeat string="" times=$node->depth-2}
{/if}