Vuoi reagire a questo messaggio? Crea un account in pochi click o accedi per continuare.

Non sei connesso Connettiti o registrati

 » Officials »  » Tutorial » Codici css per phpBB3 e Invision

Condividi questo topic su Facebook

Visualizza l'argomento precedente Visualizza l'argomento successivo Andare in basso  Messaggio [Pagina 1 di 1]

1Tutoriali Codici css per phpBB3 e Invision Mer Lug 14, 2010 1:57 am

Yakko!

Yakko!
Amminattivo
Amminattivo
Codici CSS per migliorare i forum PHPBB3 !!!

king Ciao Cari Membri ! king

Noi sappiamo che voi encata modificare lo stile del tuo forum! Quindi proponiamo codici diversi per migliorare il tuo forum !
cheers cheers

  • Devono andare a
    ► Pannello d'Amministrazione → Visualizzazione → Immagini & Colori → Colori → Foglio di Stile CSS


Codici css per phpBB3 e Invision Magic

1. Tornare il forum opaco:

  • Tutto il Forum

Codice:
body {
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8
}



  • I Categories

Codice:
[.forabg {
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8
}


  • I Sub-Forums

Codice:
.forumbg {
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8
}


2. Modificare i Moduli o Widgets:

  • Il Colore

Codice:
.module h3 {
background-color: #00000000;
}

Devi modificare il 00000000 per il codice del colore desiderato


  • L'immagine

Codice:
.module h3 {
background-image: url('http://miimagen.jpeg');
}

Sustituire Miniimagen.jpeg per l'URL della vostra immagine

Spiegazione: H3 è la parte del titolo dei moduli


  • Per gestire la parte dei titoli dei moduli

Codice:
.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 1px solid #b52c97;
height: 1%;
text-align:center;
background-image: url('http://miimagen.jpeg');
}

Spiegazione:
color: # 000000; Colore del titolo del moduli
text-align: center; posizione del titolo (left / center / rigth)
background-image: url ( 'http://miimagen.jpeg');Immagini di sfondo dei titoli
border-bottom: 1px solid # b52c97; linea sottostante i titoli


  • Contorno dei Moduli

Codice:
.module {
border: 1px #00000 solid;
}

Spiegazione:
border: 1px "spessore" del contorno
#00000 solid; Colore e estruturra del contorno (dotted,inset,outset,double)


  • Aggiungere un colore di sfondo per i moduli

Codice:
.module {
border: 1px #0000000 solid;
background-color: #ecf3f7;
}

Spiegazione:
background-color: #ecf3f7; colore di sfondo (si può mettere l'immagine)



3. Modificare la Polizza Originale al spostare il mouse:

Codice:
A:hover{text-transform:uppercase;}

Spiegazione:
Muovendo il mouse, la fonte diventa mayusculas.



¡¡¡ Spero che questi codici ti piace !!!
:good: :good: :good:



Copyrigth © FORUMATTIVO.COM

http://sharing.forumattivo.com

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto  Messaggio [Pagina 1 di 1]

 » Officials »  » Tutorial » Codici css per phpBB3 e Invision

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