;;SmileGRAPHiC* {SmileWithUs!}

A_REPLY
Menů
view post Posted on 9/6/2009, 21:10P_QUOTE
Avatar


Group: • La Regina
Posts: 236


Status: Offline: ultima azione eseguita il 22/11/2009, 22:39



  1. Menů laterale a destra o sinistra

  2. Menů laterale a scomparsa

  3. Menů sotto il logo

  4. Menů trasparentesotto il logo

  5. Menů sopra il logo

  6. Menů trasparente sopra il logo

  7. Menů sopra il logo a linguette

  8. Menů sopra il logo a linguette rettangolari




Menů laterali

Menů laterale

Inserire uno dei seguenti codici in Gestione HTML in cima al forum.

Questo per inserirlo a sinistra:
Gestione codice html - In cima al forum

CODICE
<style>#leftdiv {padding:5px;} #centerdiv {max-width:inherit; width:auto !important ; width:98%; margin: auto 0 auto 20%; }</style>
<div id="leftdiv">

<!-- Codice Portal System Tool -->

</div><div id="centerdiv">



Questo per inserirlo a destra:
Gestione codice html - In cima al forum

CODICE
<style>#rightdiv {padding:5px;} #centerdiv {max-width:inherit; width:auto !important ; width:98%; margin: auto 20% auto 0; }</style>
<div id="rightdiv">

<!-- Codice Portal System Tool -->

</div><div id="centerdiv">


in entrambi i casi, č opportuno inserire in Gestione HTML in fondo al forum, la chiusura del tag <div> precedentemente aperto, con

CODICE
</div>





Menů laterale a scomparsa
[ screencap ]

Inserire il codice seguente in Gestione HTML in fondo al forum.

CODICE
<script type="text/javascript"><!--
moving=setTimeout('null',1);
function move(b){if(b<0&&parseInt(Menu.left)>-Width||b>0&&parseInt(Menu.left)<0)
{clearTimeout(moving); moving=setTimeout('move('+b+')',slideSpeed); theleft+=b; Menu.left=theleft} else{clearTimeout(moving); moving=setTimeout('null',1)}}
function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; left:-'+(Width)+'px; z-index:9; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+\'px\'); position:fixed!important; ')+'position:absolute" onmouseover=move(10) onmouseout="clearTimeout(moving); moving=setTimeout(\'move(-10)\',waitTime)"><table class=mainbg width=100% cellpadding=4 cellspacing=1><tr><td class=title align=center><b>'+menu+'<\/b><td class=ww rowspan=100 style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align=center valign=middle>'+barText); Menu=document.getElementById("ssm").style; theleft=-Width}
function addItem(text,link){document.write('<tr><td class=aa><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>')}
function endMenu(){document.write('<\/table><\/div>')}
if(document.getElementById){

isStatic=false;
Yoffset=20;
Width=130;
slideSpeed=20;
waitTime=500;

startMenu("Menů","M<br>e<br>n<br>ů<br><br>l<br>a<br>t<br>e<br>r<br>a<br>l<br>e");

addItem("Supporto","http://supporto.forumfree.net");
addItem("Skin Lab","http://skinlab.forumfree.net");

endMenu()}
//--></script>


Per bloccare il menů in alto e non farlo scorrere, sostituire

CODICE
isStatic=false;


con

CODICE
isStatic=true;



Il menů ha gli stessi colori della skin del forum, ma si puň pure cambiare in Modifica colori e stili aggiungendo i seguenti selettori con le proprietŕ desiderate.

CODICE
#ssm .mainbg {} /* bordo tra le varie barre */
#ssm .title {} /* titolo orizzontale */
#ssm .ww {} /* titolo verticale */
#ssm .aa {} /* sfondo dei link che aggiungete */
#ssm .web {} /* colore e dimensione dei link da voi messi */





Menů orizzontali

Menů sotto il logo del forum
[ screencap ]
Inserire il codice seguente in Gestione HTML nella homepage del forum (se ci sono gia altri codici inseriti, mettere quello del menů per primo):

CODICE
<table style="position: relative; z-index: 1; margin-top: -13px" class="header_width" cellpadding="0" cellspacing="0"><tr><td><table class="mainbg" style="text-align: center; width: 100%" cellpadding="4" cellspacing="1"><tr><td class="title" style="letter-spacing: 1px; border: 0">

<a href="http://supporto.forumfree.net">Supporto</a> -
<a href="http://skinlab.forumfree.net">Skin Lab</a>

</table></table><br>





Versione trasparente del menů sotto il logo
[ screencap ]

CODICE
<table style="position: relative; z-index: 1; margin-top: -13px; -moz-opacity: 0.70; -khtml-opacity: 0.70; filter:alpha(opacity=70); opacity: 0.70" class="header_width" cellpadding="0" cellspacing="0"><tr><td><table class="mainbg" style="text-align: center; width: 100%" cellpadding="4" cellspacing="1"><tr><td class="title" style="letter-spacing: 1px; border: 0">

<a href="http://supporto.forumfree.net">Supporto</a> -
<a href="http://skinlab.forumfree.net">Skin Lab</a>

</table></table><br>





Menů sopra il logo del forum
[ screencap ]

Il codice va inserito in cima e non in homepage. Menů consigliato quando

    * si vuol mettere in tutte le pagine
    * il logo č posizionato al centro ed č antiestetico il menů sotto al banner
    * c'č del codice a sinistra di tutte le pagine

CODICE
<table class="header_width" cellpadding="0" cellspacing="0"><tr><td><table class="mainbg" style="text-align: center; width: 100%" cellpadding="4" cellspacing="1"><tr><td class="title" style="letter-spacing: 1px; border: 0">

<a href="http://supporto.forumfree.net">Supporto</a> -
<a href="http://skinlab.forumfree.net">Skin Lab</a>

</table></table>





Versione trasparente del menů sopra il logo
[ screencap ]

CODICE
<table style="-moz-opacity: 0.70; -khtml-opacity: 0.70; filter:alpha(opacity=70); opacity: 0.70" class="header_width" cellpadding="0" cellspacing="0"><tr><td><table class="mainbg" style="text-align: center; width: 100%" cellpadding="4" cellspacing="1"><tr><td class="title" style="letter-spacing: 1px; border: 0">

<a href="http://supporto.forumfree.net">Supporto</a> -
<a href="http://skinlab.forumfree.net">Skin Lab</a>

</table></table>





Menů sopra il logo a linguette
[ anteprima ]

CODICE
<style type="text/css"><!--
#menu {background: none; border: 0; margin: 0; padding: 20px 0 0 0}
#menu a {background: url(http://skin.forumfree.net/menu/slide-left.gif) no-repeat; float: left; padding: 0 0 0 9px; text-decoration: none}
#menu a b {color: #444; font-size: 7.5pt; font-family: Verdana; background: url(http://skin.forumfree.net/menu/slide-right.gif) no-repeat right top; display: block; padding: 2px 13px 2px 4px}
#menu a:hover {background-position: 0% -40px}
#menu a:hover b {color: #000; background-position: 100% -40px}
//--></style><table id="menu" class="header_width" cellpadding="0" cellspacing="0"><tr><td>

<a href="http://supporto.forumfree.net"><b>Supporto</b></a>
<a href="http://skinlab.forumfree.net"><b>Skin Lab</b></a>

</table>


Per centrarlo scrivere #menu {width: auto; background: none; border: 0; margin: 0; padding: 20px 0 0 0}




Menů sopra il logo a linguette rettangolari
[ anteprima ]

CODICE
<style type="text/css"><!--
#menu {background: none; border: 0; margin: 0; padding: 20px 0 0 0}
#menu div {background: #222; margin: 0 0 0 5px; padding: 3px 0 4px 0; float: left; position: relative; top: 1px}
#menu a {background: #4379B9; color: #FFF; font: normal 11px Verdana; border: 1px solid #FFF; text-decoration: none; padding: 3px 5px 3px 5px; position: relative; right: 2px; bottom: 1px}
#menu a:hover {background: #76ACD6; right: 1px; bottom: 0}
//--></style><table id="menu" class="header_width" cellpadding="0" cellspacing="0"><tr><td>

<div><a href="http://supporto.forumfree.net">Supporto</a></div>
<div><a href="http://skinlab.forumfree.net">Skin Lab</a></div>

</table>


Per centrarlo scrivere #menu {width: auto; background: none; border: 0; margin: 0; padding: 20px 0 0 0}




Su http://css.maxdesign.com.au/listamatic sono presenti altri tipi di menů.
Per qualsiasi problema o aiuto, lasciate un topic in questa sezione.

Edited by Oro Nero - 9/6/2009, 22:31
 
P_MSG P_EMAIL Top
0 replies since 9/6/2009, 21:10
 
A_REPLY

load
Fast reply
 
 
 

Enable emoticons
Clickable Smilies
Show All


Nickname:      Email:



 

 
 




» End Table
Credits Iniziative
» Online dal 12/03/09
» Fondato da OroNero e yvaninah,
» Skin creata da °RANSIE°. Per il Container ringrazio lo Skin Factory e Mesmeric.

Creative Commons License

123 Iniziative
Valutazioni
123 Valutazioni
Gemellaggi Affiliazioni
Camp Rock Italia

» Shugo Chara Italia ~ The Official First Forum



Graphic Emotion
My Chemical Romance Forum Risolvi Problemi La Stanza di Junko Like »Red Kiss ! Terence Granchester Forum Image and video hosting by TinyPic