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

Effetto 3D ai Bordi


Astuzia Effetto 3D ai Bordi

Messaggio Da DarkLeo il Gio 26 Ago 2010, 16:24

Effetto 3D ai Bordi


Tutorial Universale: Funzionante su tutte le Board.
Con questo Tutorial, potremmo inserire dei simpatici bordi 3D, al nostro Forum.

FASE 1: Analisi del codice che useremo



La parte evidenziata in rosso, è la larghezza in pixel del Forum. Si raccomanda, di non superare i 1100 px, oppure causerà alcuni errori.

FASE 2: Scopriamo i codici da usare

PhpBB3
Codice:
#wrap {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

PhpBB2
Codice:
.bodyline  {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

PunBB
Codice:
.pun {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

Invision
Codice:
body {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

FASE 3: Dove inserire i codici

PDA - Visualizzazione - Colori - Foglio di stile CSS

Esempio Finale:



Tutoriale da :
Copyrigth © FOROACTIF.COM



DarkLeo
Veterano dello staff

Sesso : Maschile
Età : 19
Messaggi : 1784
Località : Italia


Vedere il profilo dell'utente http://aiuto.forumattivo.it/
DarkLeo è 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