Forum dei Forum: Aiuto per Forumattivo
Benvenuto 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

Codici CSS


Astuzia Codici CSS

Messaggio Da Rey! il Dom 07 Mar 2010, 02: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


Vedere 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 07 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à : 25
Messaggi : 8797
Località : Roma


Vedere 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à : 24
Messaggi : 21
Località : Bologna


Vedere 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


Vedere 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


Vedere 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


Vedere 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


Vedere 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


Vedere 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


Vedere 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum