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:

 

<style type="text/css">
body {background-color: #FF0000}
.header_width, .skin_tbl, .skin_tbl_width, .stats .border {width:87%}

#centrale {margin: auto;
width:80%;
background-color: #fff2e3}

#sinistra {background: url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/SINISTRO.png) left repeat-y}
#destra {background: url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/DESTRO.png) right repeat-y}
</style>


<div id="centrale">
<div id="sinistra">
<div id="destra">

 

---> Ecco in rosso i valori che cambiano il colore dello sfondo e del bordo, riporterò anche le immagini utilizzate e realizzate con paint shop pro.:

 

<style type="text/css">
body {background-color: #FF0000}
.header_width, .skin_tbl, .skin_tbl_width, .stats .border {width:87%}

#centrale {margin: auto;
width:80% (AMPIEZZA CONTAINER) ;
background-color: #fff2e3 (1.SFONDO)}

#sinistra {background: url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/SINISTRO.png) left repeat-y}
#destra {background: url(http://i178.photobucket.com/albums/w258/dedola2007/SPRING/DESTRO.png) right repeat-y}
</style>


<div id="centrale">
<div id="sinistra">
<div id="destra">

 

SINISTRO.png

DESTRO.png

 

 

---> 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>
<br>
<br>
<a target="_blank" href="http://www.fabulatia.it"><img src="http://www.fabulatia.it/images/fabula.png" alt="Fabulatia"></a>
<br>
<br>
<br> Non modificate i credits.
</center>
</div><br><br><br><br></div>

 

---> Ecco in rosso i valori che cambiano il colore dello sfondo e del bordo:

 

<div><div><div style="background-color: #fff2e3 (1. COLORE SFONDO TABELLA CREDITS); border: 1px (2. GRANDEZZA BORDO TABELLA CREDITS) dotted#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>
<br>
<br>
<a target="_blank" href="http://www.fabulatia.it"><img src="http://www.fabulatia.it/images/fabula.png" alt="Fabulatia"></a>
<br>
<br>
<br> Non modificate i credits.
</center>
</div><br><br><br><br></div>

 

[PUNTI 1.2.]