skin per forumfree©fabulatia
 
 
 

Torna all'elenco Creare un forum su forumfree | Modifica colori e stili | barra attorno al forum |

| gestione codice html | containr semplice | container con bordi | container con riquadro |

 

ANTEPRIMA

Premessa: vi prego di rispettare il mio lavoro e di non scopiazzarlo, su altri siti o forum, il tutorial, da me creato non è completo ed è suscettibile a cambiamenti. Il codice e le immagini, in quanto parte del tutorial, possono essere modificare e utilizzate per creare altre skin, vi chiedo solo di lasciare un messaggio nel Guestbook e di mettere un piccolo riferimento al mio sito.

 Creative Commons License
Tutorial skin per forumfree by
©Fabulatia is licensed under a Creative Commons

Attribuzione-Non commerciale-Non opere derivate 2.5 Italia License.

 

PER MODIFICARE IL CONTAINER: VAI IN Amministrazione grafica ---> Gestione codici HTML

 

---> Codice HTML (pulito puoi utilizzarlo per fare delle prove) verrà visualizzato in ogni pagina in cima al sito:

 

<br><br><table width="85%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/ANGOLOSINISTROALTO.png) no-repeat; width:48px;">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/CENTRALEALTO.png) repeat-x; height:46px">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/ANGOLODESTROALTO.png) no-repeat;" width="48px">&nbsp;</td>
</tr>
<tr>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/LATOSINISTRO-1.png) repeat-y;" width="48px">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/SFONDO-2.png) repeat;" align="center" valign="top">

 

---> Codice HTML (pulito puoi utilizzarlo per fare delle prove) verrà visualizzato in ogni pagina in fondo al sito:

 

<div><div><div style="background-color: #fff2e3; border: 1px dotted  #b9908e; font: 9pt; width: 25%"><center><b>NEW SPRING</b>.
Rrealizzata da:<br>
<br>
<a target="_blank" href="http://www.fabulatia.it"><img src="http://www.fabulatia.it/images/fabula.png" alt="Fabulatia"></a>
<br>
<br>Non modificate i credits.
</center>
</div><br><br><br><br></div></td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/LATODESTRO-1.png) repeat-y;">&nbsp;</td>
</tr>
<tr>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/ANGOLOSINISTROBASSO.png) no-repeat;">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/CENTRALEBASSO.png) repeat-x; height:46px">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/LATODESTROBASSO.png) no-repeat;">&nbsp;</td>
</tr>
</table><br><br>

 

---> Ecco in rosso i valori che cambiano il colore dello sfondo e del bordo, riporterò anche le immagini realizzate con paint shop pro. Codice HTML che verrà visualizzato in ogni pagina in cima al sito:

 

<br><br><table width="85% (AMPIEZZA CONTAINER)" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/ANGOLOSINISTROALTO.png) no-repeat; width:48px;">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/CENTRALEALTO.png) repeat-x; height:46px">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/ANGOLODESTROALTO.png) no-repeat;" width="48px">&nbsp;</td>
</tr>
<tr>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/LATOSINISTRO-1.png) repeat-y;" width="48px">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/SFONDO-2.png) repeat;" align="center" valign="top">

 

Le immagini utilizzate:

 

 

---> Ecco in rosso i valori che cambiano il colore dello sfondo e del bordo, riporterò anche le immagini realizzate con paint shop pro. Codice HTML che verrà visualizzato in ogni pagina in fondo al sito:

 

<div><div><div style="background-color: #fff2e3 ( 1. sfondo tabella credits ); border: 1px dotted (2. AMPIEZZA DEL BORDO DELLA TABELLA CREDITS) #b9908e (2. colore Bordo tabella credits); font: 9pt (DIMENSIONI FONT tabella credits) ; width: 25%"(2. AMPIEZZA tabella credits) [PER I PUNTI 1.2. IN FONDO ALLA PAGINA] ><center><b>NEW SPRING</b>.
Rrealizzata da:<br>
<br>
<a target="_blank" href="http://www.fabulatia.it"><img src="http://www.fabulatia.it/images/fabula.png" alt="Fabulatia"></a>
<br>
<br>Non modificate i credits.
</center>
</div><br><br><br><br></div></td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/LATODESTRO-1.png) repeat-y;">&nbsp;</td>
</tr>
<tr>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/ANGOLOSINISTROBASSO.png) no-repeat;">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/CENTRALEBASSO.png) repeat-x; height:46px">&nbsp;</td>
<td style="background:url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/LATODESTROBASSO.png) no-repeat;">&nbsp;</td>
</tr>
</table><br><br>

Immagini utilizzate:

 

 

RIQUADRO

 

[PUNTI 1.2.]