Pagina 1 din 2

Creare meniu

Scris: 07-Mai-2012, 19:30:30
de Francisco
Cum pot crea un meniu cum este aici pe phpbb.ro, dar sa fie sub header si sa folosesc butoanele mele pentru el?

Re: Creare meniu

Scris: 07-Mai-2012, 19:42:16
de Dragosvr92
Nu inteleg..... Te referi la

Cod: Selectaţi tot

Prima pagină |||Catalog articole ||| Download
:?: :?: :?:

Re: Creare meniu

Scris: 07-Mai-2012, 19:42:28
de Francisco
Da

Re: Creare meniu

Scris: 07-Mai-2012, 19:47:22
de 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/

Re: Creare meniu

Scris: 07-Mai-2012, 19:49:50
de Francisco
Cum pot sa-l copiez?

Re: Creare meniu

Scris: 07-Mai-2012, 20:11:47
de 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 :)

Re: Creare meniu

Scris: 07-Mai-2012, 20:19:34
de Francisco
Unde adaug fisierul css?

Re: Creare meniu

Scris: 07-Mai-2012, 23:44:33
de 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.

Re: Creare meniu

Scris: 26-Aug-2012, 17:19:47
de HeLLioN
TheKiller scrie: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 ...

Re: Creare meniu

Scris: 26-Aug-2012, 20:56:09
de bogdan
S-a referit la \styles\stilul_tau\template\overall_header.html