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

Elegante gruppo di CSS


Astuzia Elegante gruppo di CSS

Messaggio Da Nerissa il Dom 10 Ott 2010, 14:14

Elegante gruppo di CSS


Ciao ^^

Porto alcuni css molto elegante :good:

Pannelo d'ammin --> visualizzazione --> colori --> foglio di stile css

Codice:
.introduction  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.header {
text-shadow: 1px 1px 0px #4f7c02;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background: #ffffff;
border: 1px solid #0098F7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

textarea:focus,input:focus {outline: none;}

#wrap {
width : 925px;
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;
}

p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#preview {
background: #f7f7f7 !important;}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

Tutto questo gruppo di CSS rende il seguente effeto sul forum :










Spero che vi piaccia yupi

:zen:

Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale da :
Copyrigth © FORUMATTIVO.COM


avatar
Nerissa
Veterano dello staff

Sesso : Femminile
Messaggi : 3458
Località : Spagna


Vedere il profilo dell'utente http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da MattiaDes il Dom 10 Ott 2010, 16:41

Bello peccato però che riduce anche la larghezza al forum
avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 20
Messaggi : 2811
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Nerissa il Dom 10 Ott 2010, 21:43

MOD-fenice ha scritto:Bello peccato però che riduce anche la larghezza al forum

Questo è il codice, è lo stesso solo che non cambia la larghezza del forum :

Codice:
.introduction  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.header {
text-shadow: 1px 1px 0px #4f7c02;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background: #ffffff;
border: 1px solid #0098F7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

textarea:focus,input:focus {outline: none;}

p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#preview {
background: #f7f7f7 !important;}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

:zen:
avatar
Nerissa
Veterano dello staff

Sesso : Femminile
Messaggi : 3458
Località : Spagna


Vedere il profilo dell'utente http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da MattiaDes il Dom 10 Ott 2010, 22:05

ok grazie Very Happy ora è stupendo happy
avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 20
Messaggi : 2811
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da eddy il Lun 11 Ott 2010, 08:36

scusami ma non noto nulla...ho fattoqualche errore?
avatar
eddy
****

Sesso : Maschile
Età : 67
Messaggi : 334
Località : campania


Vedere il profilo dell'utente http://sangiorgiodelsannio.forumattivo.com/
eddy è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Insane il Lun 11 Ott 2010, 10:18

@eddy ha scritto:scusami ma non noto nulla...ho fattoqualche errore?
Hai notato cosa cambia almeno? :)
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 3924
Località : Varese


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

Astuzia Re: Elegante gruppo di CSS

Messaggio Da eddy il Lun 11 Ott 2010, 11:51

N,ho inserito il codice ma sembra tutto uguale a prima... Very Happy
avatar
eddy
****

Sesso : Maschile
Età : 67
Messaggi : 334
Località : campania


Vedere il profilo dell'utente http://sangiorgiodelsannio.forumattivo.com/
eddy è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Diego il Lun 11 Ott 2010, 13:01

wow.. Shocked
avatar
Diego
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 2249
Località : arezzo


Vedere il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da eddy il Lun 11 Ott 2010, 13:48

triste
avatar
eddy
****

Sesso : Maschile
Età : 67
Messaggi : 334
Località : campania


Vedere il profilo dell'utente http://sangiorgiodelsannio.forumattivo.com/
eddy è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Insane il Lun 11 Ott 2010, 13:56

eddy evita post inutile...
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 3924
Località : Varese


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

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Nerissa il Lun 11 Ott 2010, 14:02

@eddy ha scritto:scusami ma non noto nulla...ho fattoqualche errore?

Ciao eddy,

il supporto non è permesso in questa sezione.

I commenti sono solo per dare il parere sul ricorso Very Happy

se avete problemi si deve aprire un post nella sezione di supporto

Grazie :zen:
avatar
Nerissa
Veterano dello staff

Sesso : Femminile
Messaggi : 3458
Località : Spagna


Vedere il profilo dell'utente http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Skyne il Mar 12 Ott 2010, 16:26

Molto Elegante, Good :)
avatar
Skyne
Sono un nuovo membro :)

Sesso : Maschile
Età : 22
Messaggi : 37
Località : Trapani


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

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Spacca il Ven 15 Ott 2010, 13:47

Stupendo!
Bravissima Yoko
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: Elegante gruppo di CSS

Messaggio Da Cl0uD il Mar 02 Nov 2010, 14:31

Ottimo, bravissima 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.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da JohnMars il Lun 29 Nov 2010, 22:55

Scusa,ho inserito il secondo codice che hai messo,solo che la larghezza è lo stesso ridotta.... Mad
avatar
JohnMars
Sono un nuovo membro :)

Sesso : Maschile
Età : 22
Messaggi : 18
Località : Novi Ligure


Vedere il profilo dell'utente http://lobbaforum.forumattivo.eu
JohnMars è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Insane il Mar 30 Nov 2010, 11:26

Attenzione:
Come da Regolamento di questa sezione
E' vietato chiedere supporto, se avete bisogno di supporto siete pregati di richiederlo in queste Sezioni

Lo Staff di ForumAttivo :good:
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 3924
Località : Varese


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

Astuzia Re: Elegante gruppo di CSS

Messaggio Da donato il Gio 09 Dic 2010, 11:17

Scusate lo devo copiare e incollare e convalidare qui:Pannelo d'ammin --> visualizzazione --> colori --> foglio di stile css
avatar
donato
**
**

Sesso : Maschile
Età : 68
Messaggi : 55
Località : campania


Vedere il profilo dell'utente http://mosca-club-sud.first-forum.com/
donato è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da the crow il Gio 09 Dic 2010, 13:41

si il percorso e' giusto solo che prima devi incollarci il tuo css...quello va incollato sotto.
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: Elegante gruppo di CSS

Messaggio Da donato il Gio 09 Dic 2010, 15:14

Grazie, the crow
Ho visto, ma già c'era il css, devo solo incollare questo sotto e convalidare.
avatar
donato
**
**

Sesso : Maschile
Età : 68
Messaggi : 55
Località : campania


Vedere il profilo dell'utente http://mosca-club-sud.first-forum.com/
donato è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da the crow il Gio 09 Dic 2010, 15:37

si perfetto ...non doversti avere problemi visto che il codice e' stato testato con un forum della versione come il tuo.
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: Elegante gruppo di CSS

Messaggio Da donato il Gio 09 Dic 2010, 21:19

Grazie the crow

ciao
avatar
donato
**
**

Sesso : Maschile
Età : 68
Messaggi : 55
Località : campania


Vedere il profilo dell'utente http://mosca-club-sud.first-forum.com/
donato è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da PIETRO9999 il Mer 15 Dic 2010, 14:50

amminattivi YOKO ma le parti di lato mi vengono bianche per vederle CLICCA (QUI)
avatar
PIETRO9999
Sono un nuovo membro :)

Sesso : Maschile
Età : 26
Messaggi : 13
Località : italia


Vedere il profilo dell'utente http://habbox-forum-ufficio.attiviforum.com/
PIETRO9999 è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da PIETRO9999 il Mer 15 Dic 2010, 14:58

e dove ce la risposta rapida e sempre come prima
avatar
PIETRO9999
Sono un nuovo membro :)

Sesso : Maschile
Età : 26
Messaggi : 13
Località : italia


Vedere il profilo dell'utente http://habbox-forum-ufficio.attiviforum.com/
PIETRO9999 è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Insane il Mer 15 Dic 2010, 16:28

Attenzione:
Come da Regolamento di questa sezione
E' vietato chiedere supporto, se avete bisogno di supporto siete pregati di richiederlo in queste Sezioni

Lo Staff di ForumAttivo :good:
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 3924
Località : Varese


Vedere il profilo dell'utente http://aiuto.forumattivo.it/
Insane è 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