Creare meniu

[Francisco]

Cum pot crea un meniu cum este aici pe phpbb.ro, dar sa fie sub header si sa folosesc butoanele mele pentru el?

[Dragosvr92]

Nu inteleg..... Te referi la

Cod: Selectaţi tot

Prima pagină |||Catalog articole ||| Download

[Francisco]

Da

[Dragosvr92]

Ai putea sa copiezi meniul de aici de pe site. Daca vrei si ai nevoie de ajutor spune mi.

Poti cauta diferite meniuri pe google totusi. Sunt multe site uri care au diferite butoane/meniuri. Se pot chiar crea prin alegere de culori etc. Este un sistem asemanator cu alegatorul de culori pentru temele phpbb.

EDIT:
http://www.flashbuttons.com/
http://www.flashbuttons.com/
http://www.buttongenerator.com/

[Francisco]

Cum pot sa-l copiez?

[Dragosvr92]

Adauga codul asta dupa dupa ce <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>

Apoi include acest fisier css in template.

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));


}

N am inteles de ce are javscript in e, dar ma rog. Vezi daca face ceva

[Francisco]

Unde adaug fisierul css?

[Dragosvr92]

In /styles/Tharsis/theme/wiibutton.css, evident.
Adauga asta in header pentru al include.

Cod: Selectaţi tot

<link href="{T_THEME_PATH}/wiibutton.css" rel="stylesheet" type="text/css" />

Sau poti include fisierul in stylesheet.css, cum preferi tu.

[HeLLioN]

Adauga codul asta dupa dupa ce <div id="page-header"> este inchis.

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 ...

[bogdan]

S-a referit la \styles\stilul_tau\template\overall_header.html