Creare meniu
Scris: 07-Mai-2012, 19:30:30
Cum pot crea un meniu cum este aici pe phpbb.ro, dar sa fie sub header si sa folosesc butoanele mele pentru el?
forumul phpBB in limba romana. Opinii, implementari, ajutor, instructiuni si download.
https://phpbb3.ro/community/
<div id="page-header">
este inchis.Cod: Selectaţi tot
<div class="indentmenu">
<a class="wiibutton" href="{U_INDEX}"><span>{L_INDEX}</span></a>
<a class="wiibutton" href="{U_KB}"><span>{L_KNOWLEDGE_BASE}</span></a>
<a class="wiibutton" href="{U_DL_NAVS}"><span>{L_DOWNLOADS}</span></a>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
</div>
Cod: Selectaţi tot
a.wiibutton, span.wiibutton, del.wiibutton{
display:-moz-inline-box;
display:inline-block;
cursor:pointer;
border:none;
font-size:0;
line-height:0;
/*
for Safari, read this first
http://creativebits.org/webdev/safari_background_repeat_bug_fix
*/
background-position:0 0;
background-repeat:no-repeat;
height:30px;
text-decoration:none;
color:#2e523b;
font-style:normal;
margin:4px 6px -4px 0;
padding:0 10px 0 0;
vertical-align:middle;
padding-top:-2px;
_position:relative;
_width:10px;
_overflow-y:hidden;
}
a.wiibutton, span.wiibutton, del.wiibutton,
a.wiibutton span, span.wiibutton wiibutton, span.wiibutton input, del.wiibutton span{
background-image:url(images/btn0.png);
_background-image:url(images/btn0.gif);
}
a.wiibutton span, span.wiibutton wiibutton, span.wiibutton input, del.wiibutton span{
white-space:nowrap;
cursor:pointer;
color:#0b5a98;
display:-moz-inline-box;
display:inline-block;
line-height:1;
letter-spacing:0 !important;
font-family:"Arial" !important;
font-size:12px !important;
font-style:normal;
font-weight: bold;
background-color:transparent;
background-position:100% 0;
background-repeat:no-repeat;
height:20px;
padding:10px 20px 0 8px;
margin:0 -16px 0 10px;
border:none;
vertical-align:text-top;
zoom:1;
_position:relative;
_padding-left:0px;
_padding-right:12px;
_margin-right:-10px;
_display:block;
_top:0;
_right:-5px;
}
span.wiibutton wiibutton{
line-height:2.5;/*Opera need this*/
}
html.safari a.wiibutton span,
html.safari del.wiibutton span{
line-height:1.3;
}
html.safari span.wiibutton wiibutton{
line-height:2.6;
}
html.safari a.wiibutton:focus,
html.safari span.wiibutton wiibutton:focus{
outline:none;
}
del.wiibutton{
/* cursor:not-allowed; */
background-position:0 -120px;
}
del.wiibutton span{
cursor:default;
color:#aaa !important;
background-position:100% -120px;
}
span.wiibutton wiibutton, span.wiibutton input{
padding-top:0px;
line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.wiibutton:visited{
color:#aaa;
}
*/
/*Hover Style*/
a.wiibutton:hover, span.wiibutton:hover, a.wiibutton:focus, a.dom-wiibutton-focus, span.wiibutton-behavior-hover {
background-position:0 -60px;
color:#222;
text-decoration:none;
}
a.wiibutton:hover span, span.wiibutton:hover wiibutton, a.wiibutton:focus span, span.wiibutton-behavior-hover wiibutton, span.wiibutton-behavior-hover input {
background-position:100% -60px;
}
a.wiibutton:active, a.wiibutton:focus span{
color:#444;
}
del.wiibutton-behavior-hover, del.wiibutton:hover{
background-position:0 -180px;
/* cursor:not-allowed; */
}
del.wiibutton-behavior-hover span, del.wiibutton:hover span{
background-position:100% -180px;
/* cursor:not-allowed; */
}
/*Optional hack for IE6 to simulate :hover selector*/
span.wiibutton wiibutton, del.wiibutton span, span.wiibutton input{
_behavior:expression(
(function(el){
if( typeof( behavior_onMouseEnter) == 'undefined'){
behavior_onMouseEnter = function(el){
var dEl = this.parentNode;
var sClass = dEl.className ;
dEl.__defaultClassName = sClass ;
dEl.className = sClass + ' wiibutton-behavior-hover';
this.setCapture();
};
behavior_onMouseLeave = function(el) {
var dEl = this.parentNode;
dEl.className = dEl.__defaultClassName ;
dEl.__defaultClassName = undefined;
this.releaseCapture();
};
};
el.runtimeStyle.behavior = 'none';
el.onmouseenter = behavior_onMouseEnter;
el.onmouseleave = behavior_onMouseLeave;
})(this));
}
/styles/Tharsis/theme/wiibutton.css
, evident.Cod: Selectaţi tot
<link href="{T_THEME_PATH}/wiibutton.css" rel="stylesheet" type="text/css" />
Scuza-ma ca ma bag ... dar in ce fisier e codul asta ? tot incerc si eu sa modific butoanele .. dar nu stiu unde sa fac modificarile ...TheKiller scrie:Adauga codul asta dupa dupa ce<div id="page-header">
este inchis.