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


avatar
DarkLeo
Veterano dello staff
Veterano dello staff

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


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

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum