-
.
Per mettere le scritte a fianco di una immagine CODICE<table>
<tr><td>Mettere qui l'immagine</td>
<td>Scritte...scritte.....</td></tr></table>
Menù a tendinaCODICE<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 mouseCODICE<marquee onmouseover="this.stop()" onmouseout="this.start()">Testo/Immagine</marquee>
Sfondo in firmaCODICE<div style="background-image:url(http://i25.tinypic.com/4geuv.png)"><div style="background-image:url(Mettere qui lo sfondo)">METTERE QUA LA FIRMA</div>
Barra testo scorrevoleCODICE<div style="overflow:auto; height:30px;">
SUGARSUGARSUGARSUGAR
</div>
BottoncinoCODICE<button>testooo</button>
Testo rimbalzanteCODICE<marquee behavior=alternate>Testo o immagine </marquee>
Scritta scorrevole con sfondoCODICE<marquee bgcolor="#FFAAFF" width="100%">Testo qyu</marquee>
Frasi una sopra l'altraQUI IL TESTO CHE VUOI SOTTO
QUI IL TESTO CHE VUOI SOPRACODICE<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 sbarratoTestoCODICE<s>Testo</s>CODICE<hr>
Testo a destraTESTO
CODICE<p align="right">TESTO</p>
Testo al centro;TESTO
CODICE<p align="center">TESTO</p>
Immagine nel profilo:CODICE<img src=LINK IMMAGINE width="148" height="44">
Barra scorrevoleCODICE<textarea>TESTO</textarea>
Altra barra scorrevole
dhasdhasdhasdhasdhahsdCODICE<div style="overflow:auto; height:50px;">
asndndnddujdjdjd
</div>
Testo dall'alto verso il bassoCODICE<marquee align="middle" scrollamount="1" height="100" vspace="20" width="100%" direction="up"scrolldelay="1">Testo</marquee>
Testo lampeggianteCODICE<marquee direction="up" scrollAmount=35 height="40" width="80%">Testo qui</marquee>
Testo a zig zagCODICE<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">gfgf</marquee></marquee>SAUUU CODICE<marquee scrollamount="5" direction="up" style="background-color: pink; width: 200px; height: 30px; border: 2px solid black;">SAUUUUUU</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>
Quetto 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à ...
Edited by ..:Gaki Girl:.. - 19/4/2009, 16:35. -
..:Gaki Girl:...
User deleted
Raga ho qui il codice x le scritte arcobaleno al passaggio del mouse....il codice e tt lo metto su . -
{_ Yuriko ~.
User deleted
sisi mettilo *-* . -
..:Gaki Girl:...
User deleted
messo^^ . -
» Vero Chan ~.
User deleted
cavolo grazie mile ho messo nel mio foum quelo della scritta arcobaleno!!!!!!!!!!! . -
{_ Yuriko ~.
User deleted
accie *-* . -
.
bravissima <33
più sono meglio è. -
{_ Yuriko ~.
User deleted
già *Q*
messo il codice per le immy dello staff in tabella ... può essere utile *-*. -
..:Gaki Girl:...
User deleted
ok . -
..:Baby Bimba:...
User deleted
io ho preso la scritta arcobaleno al passaggio del mouse!! . -
..:Gaki Girl:...
User deleted
^^
Raga sapete il codice del bottoncino che appare all'improvviso e tu clikki sempre ok?. -
.
Il bottoncino che appare credo non sia disponibile per i forum ma solo per i siti.
Comunque ho aggiunto il bottone normale (:. -
..:Gaki Girl:...
User deleted
np....i cosi là ci sn mi smbra di aver visto il codice su un sito...cmq se lo trovo lo metto . -
..:Gaki Girl:...
User deleted
Ragazze scusate ma l'ultimo codicea me non va. Mi sapete dire se è sbagliato ? . -
.
Allora devi incollare questo in modifica colori e stili : CODICE<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
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>
poi questo dove ci sono le targhetteCODICE<a class="thumbnail" href=><img src=LINK IMMAGINE PICCOLA CHE COMPARE SUL FORUM width="16px" height="53px" border="0" /><span><img src=LINK IMMAGINE CHE SI VEDE AL PASSAGGIO DEL MOUSE /><br />TESTO</span></a>.