Piccola guida HTML per forum ^^

« Older   Newer »
  Share  
view post Posted on 17/10/2010, 03:44

Advanced Member

Group:
Member
Posts:
1,431

Status:


Per mettere le scritte a fianco di una immagine

imageScritte...scritte.....


CODICE
<table>
<tr><td>Mettere qui l'immagine</td>
<td>Scritte...scritte.....</td></tr></table>


Menù a tendina



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

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

CODICE
<s>Testo</s>


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à...
 
Web  Top
Ammiraglio Satana Sscn
view post Posted on 17/10/2010, 17:08




Bravissimo *_*
 
Top
view post Posted on 17/10/2010, 18:54
Avatar


glitched away

Group:
Member
Posts:
27,178

Status:


Ma questi sono codici html che trovi nella guida di F.c. ... :fumomg:

Va beh Son sempre utili .
 
Top
Dark Hero
view post Posted on 19/10/2010, 02:00




Bravo bonfi
 
Top
view post Posted on 23/11/2010, 17:12
Avatar


glitched away

Group:
Member
Posts:
27,178

Status:


 
Top
Tifa Lockheart
view post Posted on 28/11/2010, 13:47




*-* utilissimo *-*
 
Top
5 replies since 17/10/2010, 03:44   103 views
  Share