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
HTML
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
HTML
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
precedentemente aperto, con HTML
Al codice sopra riportato va aggiunto il proprio menů personalizzato, che puň essere creato a questo indirizzo: Portal System Installer.
Il codice ottenuto a procedura finita va inserito dopo: HTML
<!-- Codice Portal System Tool -->
NB: Č importante che non si usi tale codice se si ha intenzione di implementare, o si usa attualmente il blog infatti quest'ultimo č dotato di default dei box a destra e a sinistra del blog presenti in Gestione codici HTML.
Menů laterale a scomparsa
[ screencap ]
Inserire il codice seguente in Gestione HTML in fondo al forum.
HTML
CODICE
<script type="text/javascript"><!--
var moving;
function move(b){clearTimeout(moving); if(b<0&&parseInt(Menu.left)>-Width||b>0&&parseInt(Menu.left)<0){moving=setTimeout('move('+b+')',slideSpeed); theleft+=b; Menu.left=theleft+'px'}}
function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; left:-'+(Width)+'px; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+\'px\'); position:fixed!important; ')+'position:absolute; z-index:9" 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("forum lab2","http://forumlab.community.net");
addItem("forum Lab","http://forumlab.community.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.
CITAZIONE
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 meů per primo):
HTML
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://indirizzo.forumfree.net">nome</a> -
<a href="http://indirizzo.forumfree.net">nome</a>
</table></table><br>
Versione trasparente del menů sotto il logo
[ screencap ]
HTML
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://indirizzo.forumfree.net">nome</a> -
<a href="http://indirizzo.forumfree.net">nome</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
HTML
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://indirizzo.forumfree.net">nome</a> -
<a href="http://indirizzo.forumfree.net">nome</a>
</table></table>
Versione trasparente del menů sopra il logo
[ screencap ]
HTML
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://indirizzo.forumfree.net">nome</a> -
<a href="http://indirizzo.forumfree.net">nome</a>
</table></table>
Menů sopra il logo a linguette
[ anteprima ]
HTML
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://indirizzo.forumfree.net">nome</a> -
<a href="http://indirizzo.forumfree.net">nome</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 ]
HTML
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>
<a href="http://indirizzo.forumfree.net">nome</a> -
<a href="http://indirizzo.forumfree.net">nome</a>
</table>
Per centrarlo scrivere #menu {width: auto; background: none; border: 0; margin: 0; padding: 20px 0 0 0}
