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 :

Elegante gruppo di CSS Css1o

Elegante gruppo di CSS Css2

Elegante gruppo di CSS Css3l

Elegante gruppo di CSS Css4


Spero che vi piaccia yupi

:zen:

Elegante gruppo di CSS Mostroforumattivo Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale da :
Copyrigth ©️ FORUMATTIVO.COM


Nerissa
Nerissa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Messaggi : 3458
Località : Spagna


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
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 24
Messaggi : 4266
Località : Modena, Italy


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:
Nerissa
Nerissa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Messaggi : 3458
Località : Spagna


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
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 24
Messaggi : 4266
Località : Modena, Italy


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 - 8:36

scusami ma non noto nulla...ho fattoqualche errore?
eddy
eddy
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 70
Messaggi : 334
Località : campania


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? :)
Insane
Insane
Aiutante
Aiutante

Sesso : Maschio
Età : 28
Messaggi : 4177
Località : Varese


https://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
eddy
eddy
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 70
Messaggi : 334
Località : campania


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
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 29
Messaggi : 2255
Località : arezzo


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
eddy
eddy
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 70
Messaggi : 334
Località : campania


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...
Insane
Insane
Aiutante
Aiutante

Sesso : Maschio
Età : 28
Messaggi : 4177
Località : Varese


https://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:
Nerissa
Nerissa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Messaggi : 3458
Località : Spagna


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 :)
Skyne
Skyne
Nuovo membro

Sesso : Maschio
Età : 25
Messaggi : 37
Località : Trapani


https://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
Spacca
Spacca
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 23
Messaggi : 3007
Località : Varese


http://mywiki.tk
Spacca è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da Cl0uD il Mar 2 Nov 2010 - 14:31

Ottimo, bravissima Wink
Cl0uD
Cl0uD
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 23
Messaggi : 728
Località : Roma


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
JohnMars
JohnMars
Nuovo membro

Sesso : Maschio
Età : 25
Messaggi : 18
Località : Novi Ligure


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

Elegante gruppo di CSS Logofa10Attenzione:
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:
Insane
Insane
Aiutante
Aiutante

Sesso : Maschio
Età : 28
Messaggi : 4177
Località : Varese


https://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da donato il Gio 9 Dic 2010 - 11:17

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

Sesso : Maschio
Età : 71
Messaggi : 55
Località : campania


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 9 Dic 2010 - 13:41

si il percorso e' giusto solo che prima devi incollarci il tuo css...quello va incollato sotto.
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 8798
Località : Roma


https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da donato il Gio 9 Dic 2010 - 15:14

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

Sesso : Maschio
Età : 71
Messaggi : 55
Località : campania


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 9 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.
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 8798
Località : Roma


https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Astuzia Re: Elegante gruppo di CSS

Messaggio Da donato il Gio 9 Dic 2010 - 21:19

Grazie the crow

ciao
donato
donato
**

Sesso : Maschio
Età : 71
Messaggi : 55
Località : campania


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)
PIETRO9999
PIETRO9999
Nuovo membro

Sesso : Maschio
Età : 29
Messaggi : 13
Località : italia


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
PIETRO9999
PIETRO9999
Nuovo membro

Sesso : Maschio
Età : 29
Messaggi : 13
Località : italia


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

Elegante gruppo di CSS Logofa10Attenzione:
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:
Insane
Insane
Aiutante
Aiutante

Sesso : Maschio
Età : 28
Messaggi : 4177
Località : Varese


https://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Torna in alto


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