Pubblicato da: Spacca
 | Questo tutorial è offerto da FORUMATTIVO.COM All rights reserved to forumattivo inc. |
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
PhpBB2
PunBB
Invision
FASE 3: Dove inserire i codici
PDA - Visualizzazione - Colori - Foglio di stile CSS
Esempio Finale:
Ingrandire quest'immagineRidurre quest'immagine Cliccare qui per vederla alla sua dimensione originale.
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
- Code: ----------Selezionare il contenuto
#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
- Code: ----------Selezionare il contenuto
.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
- Code: ----------Selezionare il contenuto
.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
- Code: ----------Selezionare il contenuto
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:
Ingrandire quest'immagineRidurre quest'immagine Cliccare qui per vederla alla sua dimensione originale.
Profilo utente
Social
Messaggi privati
Soggetti controllati
Staff tools