Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Categoria a 3 forum con immagine a destra


Tutorial Categoria a 3 forum con immagine a destra

Messaggio Da Dozy™ il Mar 12 Feb 2013, 18:54

Categoria a 3 forum con immagine a destra


Con questo tutorial cambieremo aspetto ad un nostra categoria contenente 3 forum e metteremo un'immagine alla destra di tutto ciò rendendo un nuovo look alla sezione desiderata.

Ovviamente dovete metterci i vostri url, le vostre immagini, la vostra descrizione forum.

Rechiamoci in pda>generale>forum>categorie e forum scegliamo il forum cliccando su  :mod: e mettiamo questo codice:

Codice:
<span style="float: left; margin: 15px 0px 0px 20px; width: 75%;"><table align="center" width="95%"><tr><td rowspan="2" width="36px"><img src="http://icons.iconarchive.com/icons/designcontest/vintage/48/Sketch-Book-icon.png"></td><td align="left" width="28%"><a href="tuo url"><b>Regolamento</b></a></td><td rowspan="2" width="36px"><img src="http://icons.iconarchive.com/icons/iconshock/real-vista-social/48/gifts-icon.png"></td><td align="left" width="28%"><a href="tuo url"><b>Premi</b></a></td><td rowspan="2" width="36px"><img src="http://icons.iconarchive.com/icons/mayosoft/azullustre/48/medal-icon.png"></td><td align="left" width="28%"><a href="tuo url"><b>Classifica</b></a></td></tr><tr><td align="left">testo testo testo testo</td><td align="left">testo testo testo ecc</td><td align="left">testo testo testo testo</td></tr></table></span><div style="float: right; margin-right: 10px"><img src="http://icons.iconarchive.com/icons/iconshock/super-vista-business/72/trophy-icon.png" border="0" alt="" /></div><span style="float: left; margin: 25px 0px 0px 10px; width: 75%;">Testo sezione testo sezione testo sezione</span>

Risultato:



Se volete solo la descrizione della sezione con relativa immagine mettete:

Codice:
<div style="float: right; margin-right: 10px"><img src="http://www.johnmayer.it/forum/images/icons/presentazioni.png" border="0" alt="" /></div><span style="float: left; margin: 25px 0px 0px 10px; width: 75%;">La sezione dove troverete i regolamenti del forum, le varie faq, il regolamento della chat box, e una guida sul perfetto utente.</span>

Risultato:




Un' ottima oppurtunità per cambiare aspetto hai vostri forum Bravo

Per chiarimenti: Gestire aspetto forum

   
   Tutorial creato da: Dozy
   Copyrigth © FORUMATTIVO.COM

   

   

Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum