Codici CSS


Astuzia Codici CSS

Messaggio Da Rey! il Dom 7 Mar 2010 - 2:24

Codici CSS per migliorare i forum PHPBB3 !!!

kingCiao 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




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:


  • Devete inserirli in :► Pannello d'Amministrazione → Visualizzazione → Immagini & Colori → Colori → Foglio di Stile CSS


Barra superire

Codice:
.post .post-header {
background-color: #ffffff;
}

Barra inferiore

Codice:
.post-footer {
background-color: #000000;
}

Profilo

Codice:
.post {
 background-color: #000000;  
 border-bottom: 10px solid #5a86ce;
 }

Sfondo messaggio

Codice:
.post-container {
 background-color:#000000;
}

Sfondo nik

Codice:
.popmenubutton-new-out a {
 background-color: #000000;
 }

Sfondo barra puoi moderare il forum

Codice:
.bar {
 background-color: #ffffff;
 }

Per inserire un’immagine sostituire

questo

Codice:
background-color: #000000;


Con questo

Codice:
background-image: url('IMMAGINE');


Sfondo trasparenre bordo forum phpbb2

Codice:
.bodyline  {
background: transparent;
}

Sfondo trasparenre bordo forum phpbb3

Codice:
.borderwrapm, div.borderwrap {
background-image:
url("http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif");
padding:5px;
}

per farlo trasparemte :background: transparent;

Altre modifiche con il CSS


Copyrigth © FORUMATTIVO.COM
avatar
Rey!
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 2050
Località : Milano


Vedi il profilo dell'utente http://aiuto.forumattivo.it
Rey! è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da the crow il Dom 7 Mar 2010 - 15:32

Codici CSS per migliorare i forum INVISION !!!

king Ciao Cari Membri ! king

Noi sappiamo che voi cercate delle modificare per lo stile del vostro forum! Eccone alcuni !

cheers cheers
  • Devete inserirli in :► Pannello d'Amministrazione → Visualizzazione → Immagini & Colori → Colori → Foglio di Stile CSS


  • Link maiuscolo con immagine di sfondo al passaggio del mouse

Codice:

a:hover {
   text-transform: uppercase;
   font-weight:bold;
   color:blue;
   background-image:url("http://illiweb.com/fa/admin/icones/small_ico/images_couleurs.png");
}




  • Link maiuscolo con sfondo colorato al passaggio del mouse

Codice:
a:hover {
   text-transform: uppercase;
   font-weight:bold;
   color:blue;
   background-color:yellow;
}



  • Link allungabile al passaggio del mouse

Codice:


a:hover {
   letter-spacing:12px;
   font-weight:bold;
   color:yellow;
}



  • link pieghevole al passaggio del mouse

Codice:

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

  • Immagine verticale con colore di sfondo sul forum

Codice:

body {
   background-color: ##0000FF;
   background-image: url("Immagine.gif");
   background-repeat:repeat-y;
}

  • Colora,ingrandisci cambia font nei messaggi


Codice:
.postbody{
font-size: 12px;
font-style:Times New Roman;
color: red;
font-family:
}

  • Scritta widget phpbb3


Codice:
.h3, h3 {
border-bottom: 1px solid black;
color: #ffffff;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;
}

  • Sfondo widget personalizzati phpbb3


Codice:
.connect_widget {
    background-color: #FFFFFF;
}

Copyrigth © FORUMATTIVO.COM


Ultima modifica di the crow il Lun 18 Lug 2011 - 23:34, modificato 3 volte
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da Arnitxe il Dom 14 Nov 2010 - 10:46

Non mi va neanche uno
avatar
Arnitxe
Sono un nuovo membro :)

Sesso : Maschile
Età : 25
Messaggi : 21
Località : Bologna


Vedi il profilo dell'utente http://forumitalia.forumativo.com/forum.htm
Arnitxe è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da Spacca il Dom 14 Nov 2010 - 13:54

sicura che hai la stessa versione?
avatar
Spacca
Meritattivo
Meritattivo

Sesso : Maschile
Età : 20
Messaggi : 3007
Località : Varese


Vedi il profilo dell'utente http://mywiki.tk
Spacca è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da Cl0uD il Dom 14 Nov 2010 - 14:12

Neanche a me fungono alcuni e ho phpbb3 ;(
avatar
Cl0uD
*****

Sesso : Maschile
Età : 20
Messaggi : 728
Località : Roma


Vedi il profilo dell'utente http://finish-test1.forumattivo.com/forum
Cl0uD è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da Spacca il Dom 14 Nov 2010 - 14:16

molto strano!
che codice hai usato?
avatar
Spacca
Meritattivo
Meritattivo

Sesso : Maschile
Età : 20
Messaggi : 3007
Località : Varese


Vedi il profilo dell'utente http://mywiki.tk
Spacca è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da Cl0uD il Dom 14 Nov 2010 - 14:21

-Colora,ingrandisci cambia font nei messaggi
-Link maiuscolo con sfondo colorato al passaggio del mouse

Puo essere che gli ho inseriti io male ;(
avatar
Cl0uD
*****

Sesso : Maschile
Età : 20
Messaggi : 728
Località : Roma


Vedi il profilo dell'utente http://finish-test1.forumattivo.com/forum
Cl0uD è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da Spacca il Dom 14 Nov 2010 - 14:34

si può essere controlla che tutti i codici abbiano un { e un }
avatar
Spacca
Meritattivo
Meritattivo

Sesso : Maschile
Età : 20
Messaggi : 3007
Località : Varese


Vedi il profilo dell'utente http://mywiki.tk
Spacca è stato ringraziato dall'autore di questo topic.

Astuzia Re: Codici CSS

Messaggio Da Cl0uD il Dom 14 Nov 2010 - 14:54

Giusto era proprio quello il problema Wink))))
avatar
Cl0uD
*****

Sesso : Maschile
Età : 20
Messaggi : 728
Località : Roma


Vedi il profilo dell'utente http://finish-test1.forumattivo.com/forum
Cl0uD è 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