Pokemon-Jaco Winter Version [SOLUZIONE POKEMON DIAMANTE/PERLA - TRUCCHI PC - HTML] skin

Raccolta di Javascript

« Older   Newer »
  Share  
» ~ Metal - Mewtwo ~ «
view post Posted on 12/4/2008, 08:18




Codici presi dal forum di supporto di forumfree
Chi volesse inserire altri script puň postarli in questa discussione.

Calendario
CODICE
<script type="text/javascript">
<!-- Begin
monthnames = new Array(
"Gennaio",
"Febbraio",
"Marzo",
"Aprile",
"Maggio",
"Giugno",
"Luglio",
"Agosto",
"Settembre",
"Ottobre",
"Novembre",
"Dicembre");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 0;
if (startspaces < 0) startspaces+=7;
document.write("<table border=2 bgcolor=white ");
document.write("bordercolor=blue><font color=black>");
document.write("<tr><td colspan=7><center><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td align=center>Lun</td>");
document.write("<td align=center>Mar</td>");
document.write("<td align=center>Mer</td>");
document.write("<td align=center>Gio</td>");
document.write("<td align=center>Ven</td>");
document.write("<td align=center>Sab</td>");
document.write("<td align=center>Dom</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c]==thismonth + 1) && (linkdays[c]==count)) {
document.write("<a href=\"" + linkdays[c] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<font color='FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</script>


Link lampeggianti
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">var rate = 20  // Increase amount(The degree of the transmutation)
var obj        // The object which event occured in
var act = 0    // Flag during the action
var elmH = 0   // Hue
var elmS = 128 // Saturation
var elmV = 255 // Value
var clrOrg     // A color before the change
var TimerID    // Timer ID

if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {Browser = true} else {Browser = false}if (Browser) {document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor}function doRainbow(){if (Browser && act != 1) {act = 1; obj = event.srcElement; clrOrg = obj.style.color;TimerID = setInterval("ChangeColor()",100)}}function stopRainbow(){if (Browser && act != 0) {obj.style.color = clrOrg; clearInterval(TimerID); act = 0}}function doRainbowAnchor(){if (Browser && act != 1) {obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') {obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY')break}if (obj.tagName == 'A' && obj.href != '') {act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100)}}}function stopRainbowAnchor(){if (Browser && act != 0) {if (obj.tagName == 'A') {obj.style.color = clrOrg; clearInterval(TimerID); act = 0}}}function ChangeColor(){obj.style.color = makeColor()}function makeColor(){if (elmS == 0) {elmR = elmV; elmG = elmV; elmB = elmV}else {t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) {elmR = t1; elmB = t2; elmG = t2 + t3}else if (elmH < 120) {elmG = t1; elmB = t2; elmR = t1 - t3}else if (elmH < 180) {elmG = t1; elmR = t2; elmB = t2 + t3}else if (elmH < 240) {elmB = t1; elmR = t2; elmG = t1 - t3}else if (elmH < 300) {elmB = t1; elmG = t2; elmR = t2 + t3}else if (elmH < 360) {elmR = t1; elmG = t2; elmB = t1 - t3}else {elmR = 0; elmG = 0; elmB = 0}}elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360)elmH = 0; return clrRGB}</script>


Script anti-copiatura
Questo script disabilita il tasto destro del mouse
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">var message=""; function clickIE() {if (document.all) {(message); return false}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {(message); return false}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS} else {document.onmouseup=clickNS; document.oncontextmenu=clickIE} document.oncontextmenu=new Function("return false")</script>


Aggiungi a preferiti
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">
var url_del_tuo_forum="http://www.forumfree.net"
var nome_del_tuo_forum="ForumFree.net"
</script>
<script type="text/javascript">function addbookmark(){if (document.all)window.external.AddFavorite(url_del_tuo_forum,nome_del_tuo_forum)}</script>
<a href="javascript:addbookmark()">Aggiungi il forum ai preferiti</a>

NOTA:questo codice funziona solo con internet explorer

Orologio
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<form name="clock"="0">
<input type="text" name="face" size=13 value=""></form>
<script type="text/javascript">
var timerID = null
var timerRunning = false
function stopclock (){
       if(timerRunning)
               clearTimeout(timerID)
       timerRunning = false
}
function showtime () {
       var now = new Date()
       var hours = now.getHours()
       var minutes = now.getMinutes()
       var seconds = now.getSeconds()
       var timeValue = "" + ((hours >12) ? hours -12 :hours)
       timeValue += ((minutes < 10) ? ":0" : ":") + minutes
       timeValue += ((seconds < 10) ? ":0" : ":") + seconds
       timeValue += (hours >= 12) ? " p.m." : " a.m."
       document.clock.face.value = timeValue
       timerID = setTimeout("showtime()",1000)
       timerRunning = true
}
function startclock () {
       stopclock()
       showtime()
}
startclock();
timerONE=window.setTimeout;
</script>


Data
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">today=new Date(); document.write("La data di oggi: ", today.getDate(),"/",today.getMonth()+1,"/",today.getYear())</script>


Messaggio di benvenuto in base all'ora
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">adesso = new Date(); ora = adesso.getHours()
document.write("<h2>Messaggio di benvenuto in base all'ora del giorno</h2>")      
if (ora > 6 && ora <= 13)document.write ("<P>E' mattina (sei giŕ sveglio ?!), beh, benvenuto in questa pagina.</CENTER>")
if (ora > 13 && ora <= 19)document.write ("<P>E' pomeriggio (non hai nient'altro da fare ?!), comunque benvenuto in questa pagina.</CENTER>")
if (ora > 19 && ora <= 24)document.write ("<P>E' sera (come non esci ?!), benvenuto lo stesso in questa pagina.</CENTER>")
if (ora >= 0 && ora <= 6)document.write ("<P>E' notte (che ci fai ancora sveglio !!), benvenuto (in coma :-)) in questa pagina.</CENTER>")</script>


Fusi orari
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">var Oggi = new Date(); var Fuso_orario = Oggi.getTimezoneOffset()/60; var Ora_corrente=true; var TO = null; function stopclock (){if(Ora_corrente)clearTimeout(TO); Ora_corrente = false}function startclock (){stopclock()}function TOfunc(){startclock(); TO = window.setTimeout( "TOfunc()", 1000 ); var scostamento_zona = document.maschera.zona_mondo.options[document.maschera.zona_mondo.selectedIndex].value; // document.forms[0].zona_mondo.options[document.forms[0].zona_mondo.selectedIndex].value
var ora_cor = new Date(); var ore = ora_cor.getHours(); var min = ora_cor.getMinutes(); var secs = ora_cor.getSecond; ore += parseInt(scostamento_zona) - Fuso_orario; document.maschera.locale.value = ora_cor.toString(); ora_cor.setHours(ore); document.maschera.mondo.value = ora_cor.toString(); Ora_corrente = true}</script><FORM NAME="maschera"><table><tr><td Align=center>Ora locale</td><td Align=center>Fusi orari</td></tr><tr><td Align=center><SELECT NAME="zonalocale" onChange="if (selectedIndex != 0) {Fuso_orario=parseInt(this.options[selectedIndex].value)}"><OPTION  VALUE="parseInt(Fuso_orario)" SELECTED> Ora Locale</option><OPTION  VALUE="1">London GMT</option><OPTION  VALUE="2">Munich, Paris</option><OPTION  VALUE="3">Cairo, Athens</option><OPTION  VALUE="4">Kuwait, Moscow</option><OPTION  VALUE="5">Mauritius</option><OPTION  VALUE="6">Karachi</option><OPTION  VALUE="7">Zone E7</option><OPTION  VALUE="8">Bangkok</option><OPTION  VALUE="9">Beijing, HongKong</option><OPTION  VALUE="10">Seoul, Tokyo</option><OPTION  VALUE="11">Sydney</option><OPTION  VALUE="12">Zone E12</option><OPTION  VALUE="-11">Wellington</option><OPTION  VALUE="-10">Zone W11</option><OPTION  VALUE="-9">Hawaii</option><OPTION  VALUE="-8">Anchorage</option><OPTION  VALUE="-7">Los Angles PST</option><OPTION  VALUE="-6">Denver MST</option><OPTION  VALUE="-5">Chicago CST</option><OPTION  VALUE="-4">New York US EST</option><OPTION  VALUE="-3">Barbados</option><OPTION  VALUE="-2">Rio de Janeiro</option><OPTION  VALUE="-1">Zone W2</option><OPTION  VALUE="0">Zone W1</option></SELECT></td><td Align=center><SELECT NAME="zona_mondo" onChange="TO=setTimeout( 'TOfunc()', 1000 )"><OPTION  VALUE="1">London GMT</option><OPTION  VALUE="2" SELECTED>Munich, Paris</option><OPTION  VALUE="3">Cairo, Athens</option><OPTION  VALUE="4">Kuwait, Moscow</option><OPTION  VALUE="5">Mauritius</option><OPTION  VALUE="6">Karachi</option><OPTION  VALUE="7">Zone E7</option><OPTION  VALUE="8">Bangkok</option><OPTION  VALUE="9" >Beijing, HongKong</option><OPTION  VALUE="10">Seoul, Tokyo</option><OPTION  VALUE="11">Sydney</option><OPTION  VALUE="12">Zone E12</option><OPTION  VALUE="-11">Wellington</option><OPTION  VALUE="-10">Zone W11</option><OPTION  VALUE="-9">Hawaii</option><OPTION  VALUE="-8">Anchorage</option><OPTION  VALUE="-7">Los Angles PST</option><OPTION  VALUE="-6">Denver MST</option><OPTION  VALUE="-5">Chicago CST</option><OPTION  VALUE="-4">New York US EST</option><OPTION  VALUE="-3">Barbados</option><OPTION  VALUE="-2">Rio de Janeiro</option><OPTION  VALUE="-1">Zone W2</option><OPTION  VALUE="0">Zone W1</option></SELECT></td></tr><tr><td Align=center><input type="text" name="locale" value="" size=40="this.blur()"></td><td Align=center><input type="text" name="mondo" value="" size=40="this.blur()"></td></tr><tr><td Align=center><INPUT TYPE="button" NAME="Start" VALUE="Avvia"  "TO=setTimeout( 'TOfunc()', 1000 )"></td><td Align=center><INPUT TYPE="reset" NAME="Reset" VALUE="Resetta"></td></tr></table></form>


Calendario
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">setCal();
function getTime(){var now=new Date(); var hour=now.getHours(); var minute=now.getMinutes(); now=null; var ampm=""; if(hour>=12){hour-=12; ampm="PM"} else ampm="AM"; hour=hour==0 ? 12 : hour; if(minute<10) minute="0"+minute; return hour+":"+minute+" "+ampm}
function leapYear(year){return year%­4==0 ? true : false}
function getDays(month,year){var x=new Array(31,(leapYear(year) ? 29 : 28),31,30,31,30,31,31,30,31,30,31); return x[month]}
function getMonthName(month){var y=new Array("Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"); return y[month]}
function setCal(){var now=new Date(); var year=now.getYear(); var month=now.getMonth(); var monthName=getMonthName(month); var date=now.getDate(); now=null; var firstdayInstance=new Date(year,month,1); var firstday=firstdayInstance.getDay(); firstdayInstance=null; var days=getDays(month,year); drawCal(firstday+1, days, date, monthName, year)}

function drawCal(firstday, lastDate, date, monthName, year) {
var topHeight=20 // height of the table's top cell
var border=4 // 3D height of table's border
var cellspacing=3 // width of table's border
var topColor="midnightblue" // color of table's top
var topSize="+1" // size of tables top font
var colWidth=30 // width of columns in table
var dayCellHeight=15 // height of cells containing days of the week
var dayColor="darkblue" // color of font representing week days
var cellHeight=20 // height of cells representing dates in the calendar
var todayColor="red" // color specifying today's date in the calendar
var timeColor="purple" // color of font representing current time
var text=""
text+='<table border='+border+' cellspacing='+cellspacing+'>' // table settings
text+='<th colspan=7 height='+topHeight+'>' // create table top cell
text+='<font face="verdana" color="'+topColor+'" size='+topSize+'>' // set font for table top
text+=monthName+' '+year
text+='</font>' // close table top's font settings
text+='</th>' // close top cell

var openCol='<td width='+colWidth+' height='+dayCellHeight+'>'; openCol+='<font face="verdana" color="'+dayColor+'">'; var closeCol='</font>'; var weekDay=new Array("Dom","Lun","Mar","Mer","Gio","Ven","Sab"); text+='<tr align="center" valign="center">'; for(var dayNum=0; dayNum<7; ++dayNum){text+=openCol+weekDay[dayNum]+closeCol} var digit=1; var curCell=1; for(var row=1; row<=Math.ceil((lastDate+firstday-1)/7); ++row){text+='<tr align="right" valign="top">'; for(var col=1; col<=7; ++col){if(digit>lastDate) break; if(curCell<firstday){text+='<td>'; curCell++} else{if(digit==date){text+='<td height='+cellHeight+'>'; text+='<b><font face="verdana" color="'+todayColor+'"></b>'; text+=digit; text+='</font><br>'; text+='<font face="verdana" color="'+timeColor+'" size="2">'; text+='</font>'} else text+='<td HEIGHT='+cellHeight+'><font face="verdana">'+digit+'</font>'; digit++}}} text+='</table>'; document.write(text)}</script>


Pagina a tutto schermo
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<script type="text/javascript">var url_del_tuo_forum="http://www.forumfree.net"
function espandipagina(){window.open(url_del_tuo_forum,"","channelmode")}</script>
<a href="javascript:espandipagina()">Apri la pagina a tutto schermo</a>


Stelle animate nello sfondo della pagina
CODICE
<!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
<body bgcolor="#000000"><script type="text/javascript">SmallStars = 20; LargeStars = 30; SmallYpos = new Array(); SmallXpos = new Array(); LargeYpos = new Array(); LargeXpos = new Array(); Smallspeed= new Array(); Largespeed= new Array(); ns=(document.layers)?1:0; if (ns){for (i = 0; i < SmallStars; i++){document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>")}for (i = 0; i < LargeStars; i++){document.write("<LAYER NAME='ln"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>")}}else{document.write('<div style="position:absolute; top:0px; left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < SmallStars; i++){document.write('<div id="si" style="position:absolute; top:0; left:0; width:1px; height:1px; background:#fffff0; font-size:1px"></div>')}document.write('</div>'); document.write('</div>'); document.write('<div style="position:absolute; top:0px; left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < LargeStars; i++) {document.write('<div id="li" style="position:absolute; top:0; left:0; width:2px; height:2px; background:#ffffff; font-size:2px"></div>')}document.write('</div>'); document.write('</div>')}WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < SmallStars; i++) {SmallYpos[i] = Math.round(Math.random()*WinHeight); SmallXpos[i] = Math.round(Math.random()*WinWidth); Smallspeed[i]= Math.random()*1+1}for (i=0; i < LargeStars; i++) {LargeYpos[i] = Math.round(Math.random()*WinHeight); LargeXpos[i] = Math.round(Math.random()*WinWidth); Largespeed[i]= Math.random()*1+1}function fly(){var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < LargeStars; i++){LargeXpos[i]-=Largespeed[i]; if (LargeXpos[i] < -10){LargeXpos[i]=WinWidth; LargeYpos[i]=Math.round(Math.random()*WinHeight); Largespeed[i]=Math.random()*1+1}if (ns){document.layers['ln'+i].left=LargeXpos[i]; document.layers['ln'+i].top=LargeYpos[i]+hscrll}else{li[i].style.pixelLeft=LargeXpos[i]; li[i].style.pixelTop=LargeYpos[i]+hscrll}}for (i=0; i < SmallStars; i++){SmallXpos[i]-=Smallspeed[i]; if (SmallXpos[i] < -10){SmallXpos[i]=WinWidth; SmallYpos[i]=Math.round(Math.random()*WinHeight); Smallspeed[i]=Math.random()*5+1}if (ns){document.layers['sn'+i].left=SmallXpos[i]; document.layers['sn'+i].top=SmallYpos[i]+hscrll}else{si[i].style.pixelLeft=SmallXpos[i]; si[i].style.pixelTop=SmallYpos[i]+hscrll}}setTimeout('fly()',10)}</script></body>
<body="fly()"></body>




In caso di problemi con i codici inseriti, utilizzate il forum Problemi e Richieste

Qui trovate altre raccolte di
http://www.softwareplanet.net/Edinf/Links/.../javascript.htm

Qui trovate una raccolta di javascript in tema natalizio:
Script natalizi

Due ottima guide che spiegano i fondamenti di javascript.
http://www.echoecho.com/it/javascript.htm
http://www.spaziozero.f2s.com/tutorial/jav...riptref_ita.pdf

<--PRELEVATO DAL SUPPORTO-WIKI-->

CODICE
Menů laterale

Inserire il codice generato dal Portal System Tool in Gestione HTML a sinistra di tutte le pagine.

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>')}
if(document.getElementById){

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

startMenu("Menů","M
e
n
ů

l
a
t
e
r
a
l
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.

CITAZIONE
#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
<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">[URL=http://supporto.forumfree.net]Supporto[/URL] -
[URL=http://skinlab.forumfree.net]Skin Lab[/URL]

</table></table>


Versione trasparente del menů sotto il logo
[ screencap ]

HTML
<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">[URL=http://supporto.forumfree.net]Supporto[/URL] -
[URL=http://skinlab.forumfree.net]Skin Lab[/URL]

</table></table>


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
<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">[URL=http://supporto.forumfree.net]Supporto[/URL] -
[URL=http://skinlab.forumfree.net]Skin Lab[/URL]

</table>

</table>

Versione trasparente del menů sopra il logo
[ screencap ]

HTML
<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">[URL=http://supporto.forumfree.net]Supporto[/URL] -
[URL=http://skinlab.forumfree.net]Skin Lab[/URL]

</table>

</table>

Menů sopra il logo a linguette
[ anteprima ]

HTML
<style type="text/css"><!--
#menu {background: none; border: 0; margin: 0; padding: 20px 0 0 0}
#menu a {background: url([URL=http://skin.forumfree.net/menu/slide-left.gif]http://skin.forumfree.net/menu/slide-left.gif[/URL]) 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([URL=http://skin.forumfree.net/menu/slide-right.gif]http://skin.forumfree.net/menu/slide-right.gif[/URL]) 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>

[URL=http://supporto.forumfree.net]<b>Supporto</b>[/URL]
[URL=http://skinlab.forumfree.net]<b>Skin Lab</b>[/URL]

</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
<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>[URL=http://supporto.forumfree.net]Supporto[/URL]</div>
<div>[URL=http://skinlab.forumfree.net]Skin Lab[/URL]</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ů.

Edited by » ~ Metal - Mewtwo ~ « - 19/4/2008, 14:29
 
Top
0 replies since 12/4/2008, 08:18   297 views
  Share