Elenco codici HTML per profili&Co.

Ecco una serie di codici che può tornarvi utile. (:



Per nascondere il profilo (togliere provenienza, messaggi e titolo personalizzato), il codice è questo, e va messo in 'titolo personalizzato'





Se volete aggiungere qualcosa, tipo la una scritta o una faccina, bisognerà mettere il codice dell'eventuale scritta/immagine PRIMA di quello che nasconde tutto, esempio:




Se poi volete colorare il titolo personalizzato, la provenienza e il resto del profilo, basterà aggiungere un semplice (sempre in titolo personalizzato)


Al posto di codice colore va messo il nome in INGLESE del colore (red, blue, yellow, ecc.)

Per mettere il profilo in grassetto, corsivo, sottolineato o sbarrato, dovrete solo inserire , , <u>, <s> e nient'altro.

- Questo codice serve per inserire un riquadro su "Informazioni varie"

CODICE

<br><br></td><div style="background-color:COLORE; border:1px solid #ddd; text-align:center;">TESTO</div><br><br><br><br><br><br><br><br><br><br><br>

Questo codice serve per nascondere il profilo. Bisogna inserirlo in Interessi.

CODICE

</table></table></table><table style="display: none;"><tr><td><table width="100%" cellpadding="6" cellspacing="1"></h></h><br>

- Se volete una barra in più mettete sopra l'altro codice quest'altro codice

CODICE

</table><table width=100%><tr><td class=title2 colspan=2 align=center>titolo:</td></tr><tr><td align=center>quello che volete</br></td>

- Inserendo questo codice in "Interessi" si può modificare il proprio profilo

CODICE

<br><br><tr><td><b>Campo</b><td class="bottomborder" style="border-bottom:0">Scritta<br>

- Nascondi profilo e rendi visibile il pulsante per MP

CODICE

</td></tr></table></table></table><br><div class="skin_tbl_width" style="padding: 2px;"><span class="highlight"><a href="INSERISCI QUI L'INDIRIZZO PER FARTI INVIARE MP">Invia un MP a questo utente</a></span></div><br><table style="display: none;"><tr><td><table></table><td class="row1" width="50%" valign="top"><table width="100%" cellpadding="6" cellspacing="1"><tr><td class="title2" colspan="2" align="center">Avatar<tr><td width="30%" valign="top"><td>

- Creare 2 spazi per l'avatar

CODICE

<i>Nessuna informazione</i></table></table><br><br><div class=skin_tbl_width style=width:100%><div class=highlight></div></div><table class=skin_tbl_width style=width:100%><tr><td><table class=skin_tbl_border><tr><td class=row1 valign=top><table width=100%><tr><td class=title2 colspan="2" align=center>TITOLO</td></tr><tr><td align=center><br>CONTENUTO<br></td>

- Far visualizzare solo informazioni e avatar

CODICE

</table><td class="row1" width="50%" valign="top"><table width="100%" cellpadding="6" cellspacing="1"><tr><td class="title2" colspan="2" align="center">Avatar<tr><td width="30%" valign="top"><td><img src="AVATAR""color:#03C"></table></table></table><table style="display: none;"><tr><td><table width="100%" cellpadding="6" cellspacing="1">

Elenco tag HTML comuni

Accapo

CODICE

<br>

Linea

CODICE

<hr>

Immagine

CODICE

<img src="http://indirizzo_immagine">

l'immagine deve essere online

Collegamento a una pagina web o file

CODICE

<a href="http://indirizzo_sito">testo</a>

Collegamento a un punto della pagina

CODICE

<a name="target"></a>

CODICE

<a href="#target">testo</a>

Immagine con collegamento

CODICE

<a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a>

Centrare un'immagine o un testo

CODICE

<div align="center">immagine/testo</div>

Immagine o testo in movimento

CODICE

<marquee direction="up" scrollAmount=1 height="100%" width="70%">immagine/testo</marquee>

direction indica la direzione
testoscrollAmount indica la velocità
height indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina


Immagine o testo in movimento che si ferma al passaggio del mouse

CODICE

<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>

questo codice non può essere inserito nella firma

Immagine o testo in movimento che rallenta al passaggio del mouse

CODICE

<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>

Testo in grassetto

CODICE

<b>testo</b>

Testo in corsivo

CODICE

<i>testo</i>

Testo sottolineato

CODICE

<u>testo</u>

Testo barrato

CODICE

<s>testo</s>

Colore testo

CODICE

<font color="colore">testo</font>

Dimensione testo

CODICE

<font size="dimensione">testo</font>

Font testo

CODICE

<font face="font da utilizzare">testo</font>

Cambiare colore, dimensione, font ad un testo

CODICE

<font color="colore" size="dimensione" face="font da utilizzare">testo</font>

<div style="float: left; margin-right: 10px">
Testo con alone (visibile solo da Internet Explorer)

CODICE

<div style="width:100%;filter:glow(color=colore)">testo</div>

Testo sfumato (visibile solo da Internet Explorer)

CODICE

<div style="width:100%;filter:blur">testo</div>

Lista

CODICE

<ul type="disc">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>

Si può cambiare disc con circle o square


Lista numerata

CODICE

<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

Area di testo

CODICE

<textarea>testo</textarea>

Input

CODICE

<input type="" value="testo">

Menù a tendina

CODICE

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Pulsante

CODICE

<button>testo</button>

Testo apice

CODICE

^...

Testo pedice

CODICE

_...

Iframe (includere una pagina esterna nel proprio forum)

CODICE

<iframe src="http://indirizzopagina" width="100" height="100"></iframe>

<i>Ora dei codici per modifcare il profilo e la firma:

---

Inserire un immagine nel profilo

---

Creare una minitabella negli interessi

---

Inserire uno spazio sopra informazioni varie

---

Dividere a metà il profilo e aggiungerci una parte

---

Inserire uno sfondo nella firma

---

Per colorare il titolo del topic, non si usano i codici presenti quando si fa un messaggio. Tipo questo:

Ma si usano codici diversi.
Il codice da usare è questo:

Al posto di codice colore non si mette il nome del colore in inglese ma codici tipo #BBFF00 che potete prendere da QUI

Edited by grethe. - 26/2/2012, 15:10