Codici HTML

« Older   Newer »
  Share  
R A I N B O W;;
view post Posted on 30/12/2009, 14:08




Script per fiocchi di neve:
Gestione codici HTML ---> in cima al sito [sopra a tutto]
CODICE
<script type="text/javascript">
<!-- Begin
var no = 12; // numero oggetti cadenti
var speed = 20; // più basso è il numero più velocemente si muoverà l'immagine
var snow = new Array();
// definizioni delle immagini da muovere
// aggiungi o cancella gli elementi dell'array secondo preferenza
snow[0] = "http://i36.tinypic.com/r8bbsi.png"
snow[1] = "http://i36.tinypic.com/r8bbsi.png"
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;

for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><img src=""+ snow[j] + "" border="0"></layer>");
} else {
document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><img src=""+ snow[j] + "" border="0"></layer>");
} } else if (ie4up||ns6up) { if (i == 0)
{
document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;"><img src="" + snow[j] + "" border="0"></div>");
} else {
document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;"><img src="" + snow[j] + "" border="0"></div>");
}
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i]; if (yp[i] > doc_height) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = -30;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight; }
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i]+pageYOffset;
document.layers["dot"+i].left = xp[i] +
am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}

function snowIE_NS6() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = -30;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
// End -->
</script>




Targhette che si illuminano al passaggio del mouse:
Gestione codici HTML ---> colori e stili
CODICE
.web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5}
.web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}



Immagine con testo affiancato:
CODICE
<p align="center"><table border="0">

<tr>
<td><p align="right">[IMG]http://[/IMG]</p>
<td>  QUA LA SCRITTA
</td></p></td>

</table>

Il primo <p align="center"> determina la posizione dell'immagine nella pagina (a destra: right, a sinistra: left o al centro: center)

Mentre il secondo <p align="right"> determina l'allineamento della scritta.

Barra supplementare sotto le statistiche:
Gestione codici HTML ---> in cima al forum
CODICE
<script type="text/javascript">stats='<br><tr><td class="sunbar" colspan="2">Titolo<tr><td class="ww" width="5%" align="center"><img src="http://immagine_a_sinistra" alt=""><td class="aa" width="95%">Testo a destra'</script>


Menù laterale a scomparsa:
Gestione codice 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('<tr><td style=font-size:0>&nbsp;</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("Forumfree","http://www.forumfree.net");
addItem("Forumcommunity","http://www.forumcommunity.net");

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


Scritta con bordo
CODICE
<div align="center"><div style="border: 5px solid #309e67; padding: 2px; -moz-border-radius: 12px; width: 250px"><div style="float: left; margin-right: 10px">[IMG]http://dl10.glitter-graphics.net/pub/1517/1517250z4gubl5w52.png[/IMG]</div><i><p align="left">Cercate la saggezza nei libri, in manoscritti rari e poemi criptici se volete, ma cercatela anche nelle semplici pietre, nelle fragili erbe e nel verso degli uccelli selvatici. Ascoltate il sussurro del vento ed il ruggito dell’acqua se volete scoprire la magia, perché è lì che sono nascosti gli antichi segreti.</p></i>“Il praticante solitario” di <b>Scott Cunningham</b>
</div></div>



Edited by R A I N B O W;; - 21/8/2010, 00:12
 
Top
0 replies since 30/12/2009, 14:08   68 views
  Share