Per mettere le scritte a fianco di una immagine Scritte...scritte.....
CODICE
<table> <tr><td>Mettere qui l'immagine</td> <td>Scritte...scritte.....</td></tr></table>
Menù a tendina prova1 prova2 prova3 prova4 prova5 prova6 CODICE
<select> <option value="1">prova1</option> <option value="2">prova2</option> <option value="3">prova3</option> <option value="1">prova4</option> <option value="2">prova5</option> <option value="3">prova6</option> </select>
Testo o immagine che si ferma al passaggio del mouse CODICE
<marquee onmouseover="this.stop()" onmouseout="this.start()">TESTO/IMMY</marquee>
Sfondo in firma CODICE
<div style="background-image:url(http://i25.tinypic.com/4geuv.png)"><div style="background-image:url(LINK SFONDO)">METTERE QUA LA FIRMA</div>
Barra testo scorrevole TESTO TESTO TESTO
CODICE
<div style="overflow:auto; height:30px;"> TESTO TESTO TESTO </div>
Bottoncino Clikkami :3 CODICE
<button>SCRIVI QUI</button>
Testo rimbalzante SCRIVI QUI CODICE
<marquee behavior=alternate>SCRIVI QUI</marquee>
Scritta scorrevole con sfondo TESTO QUI CODICE
<marquee bgcolor="#FFAAFF" width="100%">TESTO QUI</marquee>
Frasi una sopra l'altra QUI IL TESTO CHE VUOI SOTTO QUI IL TESTO CHE VUOI SOPRA
CODICE
<p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #f5c2ee; line-height: 6px;">QUI IL TESTO CHE VUOI SOTTO </font> <font style="text-decoration:none; font-family: arial; color:#8e3482 ; font-size: 30px;">QUI IL TESTO CHE VUOI SOPRA</font></p>
Testo sbarrato Testo Testo a destra TESTO
CODICE
<p align="right">TESTO</p>
Testo al centro TESTO
CODICE
<p align="center">TESTO</p>
Testo al sinistra TESTO
CODICE
<p align="left">TESTO</p>
Immagine nel profilo: CODICE
<img src=LINK IMMAGINE width="148" height="44">
Barra scorrevole CODICE
<textarea>TESTO</textarea>
Testo dall'alto verso il basso Testo CODICE
<marquee align="middle" scrollamount="1" height="100" vspace="20" width="100%" direction="up"scrolldelay="1">Testo</marquee>
Testo lampeggiante Testo qui CODICE
<marquee direction="up" scrollAmount=35 height="40" width="80%">Testo qui</marquee>
Testo a zig zag gfgf CODICE
<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">gfgf</marquee></marquee>
Testo con sfondo colorato in tabella SAUUU CODICE
<marquee scrollamount="5" direction="up" style="background-color: pink; width: 200px; height: 30px; border: 2px solid black;">STestoooooooooo Quiii</marquee>
SCRITTE ARCOBALENO AL PASSAGGIO DEL MOUSE Dovete metterlo su
"Gestione Codice HTML" -> "In cima al sito" .
Il codice è questo:
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 type="text/javascript"> var immagine='http://img174.imageshack.us/img174/7996/cufm7.gif'; var code = ''; if (document.all) { code += '<span ID="pointer" STYLE="position: absolute; left: -100">'; code += '<img NAME="pointerImg" SRC="' + immagine + '" BORDER=0>'; code += '</span>'; } else { code += '<layer ID="pointer" POSITION="absolute" LEFT="-100">'; code += '<img ID="pointerImg" SRC="' + immagine + '" BORDER=0>'; code += '</layer>'; } document.write(code); if(document.layers) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = coordinate; function coordinate(e) { if (document.layers) { document.layers.pointer.left = e.pageX + 8; document.layers.pointer.top = e.pageY + 8; } if (document.all) { pointer.style.left = event.clientX + document.body.scrollLeft + 8; pointer.style.top = event.clientY + document.body.scrollTop + 8; } return true; } </script>
PER METTERE LE IMMY IN TABELLA (con riferimento al profilo) In fondo al forum (HTML):
CODICE
<style type="text/css"> .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 9; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: black; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: #C655FF; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } </style>
Questo nello spazio dove ci sono le immy in tabella:
CODICE
<p><a class="thumbnail" href="LINK PROFILO"><img src="LINK IMMAGINE PICCOLA" width="15px" height="50px" border="0"><span><img src="LINK IMMAGINE GRANDE (NASCOSTA)"><br> <b> Nick -....<br> occupazione</b><br>
Bisogna ovviamente cambiare i valori delle misure e i colori in caso di necessità...