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


Vedi 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à : 21
Messaggi : 2970
Località : Modena, Italy


Vedi 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


Vedi 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à : 21
Messaggi : 2970
Località : Modena, Italy


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

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

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


Vedi 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 : 4012
Località : Varese


Vedi 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


Vedi 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


Vedi 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


Vedi 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 : 4012
Località : Varese


Vedi 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


Vedi 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


Vedi 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


Vedi 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 2 Nov 2010 - 14:31

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

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à : 23
Messaggi : 18
Località : Novi Ligure


Vedi 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 : 4012
Località : Varese


Vedi 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 9 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


Vedi 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 9 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


Vedi 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 9 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


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

Sesso : Maschile
Età : 25
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: Elegante gruppo di CSS

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

Grazie the crow

ciao
avatar
donato
**
**

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


Vedi 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à : 27
Messaggi : 13
Località : italia


Vedi 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à : 27
Messaggi : 13
Località : italia


Vedi 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 : 4012
Località : Varese


Vedi 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

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