HTML Guide By SK2

SKKEB

Posted on 11/9/2009, 23:41

.

User deleted

Moderazione Firma:
Sfondo Nella firma
Contorno Firma
ForumFree Mods:
Informazioni
Ridurre Profilo
Ridurre Profilo Con MP
Secondo Avatar
Personalizzazione Forum:
Menù Orizzontale

Ecco la mia Guida ai codici HTML piu Belli.

01: Sfondo Nella Firma:

HTML

<div style="background-color:#000000"> CONTENUTO DELLA FIRMA</div>

Modificate #000000 (Nero) con il colore che preferite i colori li trovate su Photoshop {Presto il link dove ci sono i colori }
Al Posto di "CONTENUTO DELLA FIRMA" ci deve essere il contenuto della firma (Ma Và!)

02: Cornice Nella Firma con Titolo:

HTML

<fieldset style=""border: 2px white;"><legend style="color: COLORE;"> TITOLO FIRMA </legend> CONTENUTO FIRMA </fieldset>

Modificate "COLORE" con il colore (di solito si Mette red o Black o Blue) Modificate "2px" con la larghezza del bordo modificate "white" con il colore del bordo modificate "TITOLO FRMA" con il titolo e CONTENUTO FIRMA con il contenuto

PS: Per usare i due codici insieme dovete mettere prima lo sfondo poi il contorno

Forum Free Mods Profilo

Premessa: Questi Codici vanno messi nel campo "Interessi" della modifica profilo

03: Ridurre le Info

HTML

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

04: Ridurre Profilo ma lasciare Link per MP

HTML

</td></tr></table></table></table> <div class="skin_tbl_width" style="padding: 2px;"><span class="highlight"><a href="INSERISCI QUI L'INDIRIZZO PER FARTI INVIARE MP">Inviami un MP</a></span></div> <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>

Ora Modificate la frase "INSERISCI QUI L'INDIRIZZO PER FARTI INVIARE MP" con link che è nella barra degli indirizzi quando dovete inviare un MP A Voi! in poche parole entrate nella schermata del profilo vostro cliccate come se vorrsete Auto-Inviarvi un MP copiate l'indirizzo nella barra in alto e mettetelo al posto di "INSERISCI QUI L'INDIRIZZO PER FARTI INVIARE MP"

05: Per avere due differenti Avatar

HTML

Nessuna informazione</table></table></div> <table width=100><tr><td><table class=skin_tbl_border cellspacing=1><tr><td class=row1><table width=100% cellspacing=1 cellpadding=6><tr><td class=title2 colspan=2 align=center>Secondo Avatar</td></tr><tr><td align=center><img src="LINK IMMAGINE"></td>

Modificate "LINK IMMAGINE" con il link del secondo avatar

Persanolizzazione Forum

06: Menù Per Tabella

Andiamo nel pannello Amministratore > Modifica Colori e Stili
Alla fine del CSS inseriamo

Inserisci qui il tuo messaggio

HTML

/* MENU */
div#menu ul {float:left; width: 120px; list-style:none;
margin: 0; padding: 0; border-top: 1px solid #001EFF}
div#menu ul li {margin: 0; padding: 0;
border: 1px solid #001EFF; border-width: 0 1px 1px 1px}
div#menu a:link, #menu a:visited {display: block; height: 25px; line-height: 25px;
text-decoration:none; padding-left: 5px;
background-color: #B6B5B5; color: #001EFF}
div#menu a:hover {background-color: #001EFF; color: #B6B5B5}

Ora analizziamo le parti da modificare:

HTML

div#menu ul {float:left; width: 120px; list-style:none;
margin: 0; padding: 0; border-top: 1px solid #001EFF}
div#menu ul li {margin: 0; padding: 0;
border: 1px solid #001EFF; border-width: 0 1px 1px 1px}
div#menu a:link, #menu a:visited {display: block; height: 25px; line-height: 25px;
text-decoration:none; padding-left: 5px;

Modificate TUTTI I "#001EFF" con il codice colore che volete come Bordo della cornice

HTML

background-color: #B6B5B5; color: #001EFF}

Modificate "#B6B5B5" Con il colore di sfondo del menu e "#001EFF" con il colore della scritta

HTML

div#menu a:hover {background-color: #001EFF; color: #B6B5B5}

Modificate "#001EFF" con il colore di sfondo del menu Quando passi con il mouse sopra e "#B6B5B5" con il colore della scritta quando ci passi con il mouse sopra

Poi Inseriamo nella Colonna della nostra tabella (o dove vogliamo) Il codice in basso

HTML

<div id="menu">
<ul>
<li><a href="LINK"> NOME MENU</a></li>
<li><a href="LINK"> NOME MENU</a></li>
<li><a href="LINK"> NOME MENU</a></li>
<li><a href="LINK"> NOME MENU</a></li>
<li><a href="LINK"> NOME MENU</a></li>
<li><a href="LINK"> NOME MENU</a></li>
</ul> </div>

Per aggiungere una nuova Stringa immettete il codice sottostante prima di

HTML

</ul>

HTML

poi premete invio per far andare

HTML

</ul> </div>

una riga in giu

HTML