~ Graphic Style Project » Grafica,Tutorials,Skin, Resources, Valutazioni, C4D,Downloads,Streaming,Hentai & FUN!!

Like a cloud

« Older   Newer »
  Share  
¬riot;™
view post Posted on 1/9/2009, 23:04




CSS - Non sono permesse modifiche al CSS e alla parte grafica ed e' obbligatorio che rimangano invariati i credits. Per eventuali modifiche avvisate l' autrice. Non si può utilizzare questa skin come base per le proprie.



Like a Cloud Skin






image



ANTEPRIMA QUI

Impostate la skin IGC STATION

Andate in Modifica Colori e Stili e copiate il seguente codice:
CODICE
/* SKIN BY ¬riot;™ */
body {background-color: #E3E3E3; font-family: trebuchet ms; font-size: 9pt; color: #999999}
table, div {font-size: 8.5pt; color: #999999}
a:link, a:visited {text-decoration: none; color: #2D838A}
a:hover {color: #83CBD0}

/* CONTAINER */
#container {background-color: #E3E3E3; margin-left: auto; margin-right: auto; width: 950px}
#contentleft {background: url(http://digilander.libero.it/riotgirl81/clouds/Untitled-1_05.png) left repeat-y}
#contentright {background: url(http://digilander.libero.it/riotgirl81/clouds/Untitled-1_05.png) right repeat-y}

/*CREDITS*/
.credit {width: 350px; background-image: none; border: none; font-size: 9.5pt; font-family: georgia; color: #999999; background-position: center; margin-bottom: 0}
.other {width: 350px; background-image: none; border: none; font-size: 9pt; font-family: georgia; color: #999999; background-position: center; margin-bottom: 50px}
.help {display:none}


/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 8pt}
.nav a:link, .nav a:visited {color: #31979F} .nav a:hover {color: #2D838A}

/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl {width: 80%}
.stats .border {width: 80%}

/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #FF7171; font-weight: bold}
.moderatore {color: #008BC2; font-weight: bold}
.utente {}
.daconvalidare {color: #008000}
.gruppo1 {color: #B980FF; font-weight: bold}
.gruppo2 {color: #80A9FF; font-weight: bold}
.gruppo3 {color: #95DDFF; font-weight: bold}
.gruppo4 {color: #9FEF50; font-weight: bold}
.gruppo5 {color: #FFF000; font-weight: bold}
.gruppo6 {color: #FFB56A; font-weight: bold}

/* BARRA DI SCORRIMENTO COLORATA */
body {scrollbar-face-color: #E0E0E0; scrollbar-highlight-color: #EEE; scrollbar-shadow-color: #CFCFCF; scrollbar-3dlight-color: #999; scrollbar-arrow-color: #808080; scrollbar-track-color: #F2F2F2; scrollbar-darkshadow-color: #777}

/*BARRA ATTORNO AL FORUM*/
.mtitle {text-align: center; letter-spacing: 1px; word-spacing: 1px; padding-bottom: 10px; font-weight: bold; font-size: 8.5pt; font-family: trebuchet ms; font-style: italic; text-transform: uppercase; color: #4DB2BA}

.mback {height: 41px}
.msub {height: 22px}

.mback_left {width: 89px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_04.png); background-repeat: no-repeat}
.mback_center {background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_05.png); background-repeat: repeat-x}
.mback_right {width: 97px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_09.png); background-repeat: no-repeat}

.msub_left {width: 35px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_18.png); background-repeat: no-repeat}
.msub_center {background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_18.png); background-repeat: repeat-x}
.msub_right {width: 37px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_21.png); background-repeat: no-repeat}

.mleft, .sep_left {width: 12px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_12.png)}
.mright, .sep_right {width: 11px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_14.png)}

.mleft_top {width: 12px; height: 41px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_03.png); background-repeat: no-repeat}
.mright_top {width: 11px; height: 41px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_10.png); background-repeat: no-repeat}
.mleft_bottom {width: 12px; height: 22pxh; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_17.png); background-repeat: no-repeat}
.mright_bottom {width: 11px; height: 22px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_23.png); background-repeat: no-repeat}

.bar, .bar_left, .bar_right {background-image: url(http://digilander.libero.it/riotgirl81/clouds/stat.png); background-repeat: repeat-x}

/* BARRA UTENTE */
.menu {background-color:transparent; background-image: url(http://digilander.libero.it/riotgirl81/clouds/barra.png); background-position: bottom; background-repeat: no-repeat; color: #E3E3E3; font-weight: bold; height: 35px; margin-left: auto; margin-right: auto; margin-top: 3px; padding-left: 10px; padding-top: 1px; position: relative; text-align: center; width: 494px; border:none; line-height: 100%}
.menu form {display: none}
.menu input, .menu select {display: none}
.menu_right {display: none}

/* SEZIONI FORUM */
.mainbg {background-color: #DCDCDC}
.title {height: 15px; background-color: #EBEBEB; color: #A4A4A4; border-top: 1px solid #EBEBEB; line-height: 100%}
.title, .foot {height: 10px; font-weight: normal; background-color: #EBEBEB; border: 0; color: #A4A4A4; background-image: url(http://digilander.libero.it/riotgirl81/anotherheartcalls/sez.png); background-repeat: repeat-x; background-position: top; letter-spacing: 0; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px}
.board .foot {height: 15px; background-color: #EBEBEB; background-image: url(http://digilander.libero.it/riotgirl81/Halo/sub.png); color: #A4A4A4; border: 0}
.foot {height: 12px; background-color: #EBEBEB; color: #A4A4A4; border: 0}
.title {height: 10px; background-image: url(http://digilander.libero.it/riotgirl81/anotherheartcalls/sez.png); border: none}
.title a:link, .title a:visited, .foot a:link, .foot a:visited {font-weight: bold; color: #A4A4A4}
.title a:hover, .foot a:hover {color: #A4A4A4; text-decoration: none}
.ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #EBEBEB; background-image: url(http://digilander.libero.it/riotgirl81/anotherheartcalls/sez.png); background-repeat: repeat-x; border: 0; border-top: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0}
.board .web a:link, .board .web a:visited {font-size: 11px; font-family: trebuchet ms; font-style: italic; text-transform: uppercase}
.desc {font-size: 8.5px; font-family: trebuchet ms; text-transform: uppercase; color: #A4A4A4}
.desc b {font-style: normal; text-transform: uppercase; color: #A4A4A4}
.foot {height: 10px; background-color: #EBEBEB; background-image: url(http://digilander.libero.it/riotgirl81/hedonismv1/v1/title.png); color: #A4A4A4; border: 0; background-repeat: repeat-x; background-position: center}

.web {font-size: 11px; line-height: 150%; color: #29A3AC}
.web a:link, .web a:visited {font-size: 11px; color: #1E8A92; padding: 0; border: 0}
.web a:hover {font-size: 11px; color: #4DB2BA; text-decoration: underline; border: 0; font-style: italic}
.web a:hover {height: 15px; background-image: url(http://digilander.libero.it/riotgirl81/clouds/star.png); background-position: right; background-repeat: no-repeat; padding-right: 20px}

/* STATISTICHE */
.stats .title2 {height: 20px; border-bottom: 1px solid #D6D6D6; background-image: url(http://digilander.libero.it/riotgirl81/clouds/cloud_05.png); background-repeat: repeat-x; background-position: bottom; background-color: #FEFEFF; letter-spacing: 1px; font-size: 8pt; color: #445588}
.skin_tbl_border {background-color: #EBEBEB}
.sunbar {height: 19px; font-weight: bold; color: #444; background-color: #EBEBEB; border: 1px solid #F1F1F1; border-bottom: 0}
.stats .ww, .stats .aa {background-color: #EBEBEB}
.stats .ww {text-align: center}
.highlight {color: #778F9F}
.stats .title2, .title2, .title3, .row2 {height: 15px; color: #EBEBEB; background-color: #EBEBEB; text-align: center; padding-left: 20; padding-bottom: 3px}
.stats .border {border: 1px dashed #319EAB; background-color: #F1F1F1}

/* LINK MOD */
.highlight a:link, .highlight a:visited {color: #2D838A} .highlight a:hover {text-decoration: line-through}

/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #444; background-color: #EBEBEB; border: 1px solid #F1F1F1; border-bottom: 0}
.nick {font-size: 12px; color: #FF5555; padding-bottom: 2px}
.nick a:link, .nick a:visited {font-weight: bold}
.left, .right {background-color: #EBEBEB; border: 1px solid #F1F1F1; border-bottom: 0}
#quote {border-top: 1px dashed #2D838A; background-color: #E1E1E1; font-size: 8.5pt; padding: 2px}
#code {border-top: 3px solid #66BDC4; background-color: #E3E3E3; font-size: 8.5pt; padding: 2px}



.color {font-size: 8pt; line-height: 120%; color: #666666}
.color a:hover {text-decoration: underline}
hr {color: #999999}
.fancyborder {background-color: #EBEBEB; border: 1px dashed #DDDDDD}

.edit {font-size: 9px; font-style: italic; color: #2D838A}
.bottomborder {border-bottom: 1px dashed #879A70}
.signature {color: #66BDC4; line-height: 150%}
.sep {height: 1px}

/* MESSENGER */
.msg_txt a:hover {text-decoration: underline}
.msg_main, .row1 {background-color: #EBEBEB; border: 1px solid #F1F1F1; border-bottom: 0}
.row3 {background-color: #EBEBEB; border: 1px solid #F1F1F1}
.title3, .darkbar {height: 23px; background-color: #EBEBEB; border: 1px solid #F1F1F1; border-bottom: 0; font-weight: bold; color: #999999}
.title3 {border: 0}
height: 25px; font-weight: bold; color: #999999; background-color: #eaeaea
.msg .details p {color: #999999; font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.info {padding: 3px; background-color: #CCCCCC; color: #29777D; border: 1px dashed #4EAAB1}
.alert {padding: 3px; background-color: #CCCCCC; color: #29777D; border: 1px dashed #4EAAB1}

/* PROFILO UTENTI */
.pagetitle {color: #4EAAB1; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 87%}
.title2 {height: 27px; background-repeat: repeat-x; background-color: #EBEBEB; font-weight: bold; color: #999999; border: 1px solid #F1F1F1}
.profile .title2 {height: 27px; background-repeat: repeat-x; background-color: #EBEBEB; font-weight:bold; color: #4EAAB1; border: 1px solid #F1F1F1; font-family:trebuchet ms; font-size: 12px}
.title2 a:link, .title2 a:visited {font-weight: bold; color: #29777D; text-decoration: none}
.title2 a:hover {color: #8FA6A7}
.profile .row1 {background-image: none; background-color: #EBEBEB; border: 1px solid #F1F1F1; border-top: 3px solid #4EAAB1}

/* INPUT */
.textinput, .forminput, .input, .codebuttons {border: 1px solid #ADBAC6; background-color: #EAEAEA; color: #999999; font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.forminput {font-size: 11px}
.menu .textinput, .menu .forminput {background-color: #EAEAEA; border-left: 1px solid #999999}
.msg .textinput {background-color: #EAEAEA; color: #29777D; font-size: 8.5pt}
.msg .input, .msg .forminput {background-color: #EAEAEA}


Andate in Modifica Immagini, spuntate la casella della modifica rapida Modifica tramite modifica rapida e copiate il seguente codice:

CODICE
A_STAR:<img src='http://digilander.libero.it/riotgirl81/clouds/star.png' width='16' height='16' alt=''>
A_REPLY:<img src='http://digilander.libero.it/riotgirl81/clouds/reply.png' width='95' height='32' alt='A_REPLY'>
A_POST:<img src='http://digilander.libero.it/riotgirl81/clouds/new.png' width='95' height='32' alt='A_POST'>
A_POLL:<img src='http://digilander.libero.it/riotgirl81/clouds/poll.png' width='95' height='32' alt='A_POLL'>
A_POLLONLY_B:<img src='http://digilander.libero.it/riotgirl81/clouds/closed.png' width='95' height='32' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://digilander.libero.it/riotgirl81/clouds/closed.png' width='95' height='32' alt='A_LOCKED_B'>
M_REPLY:<img src='http://digilander.libero.it/riotgirl81/clouds/reply.png' width='95' height='32' alt='M_REPLY'>
M_ADDMEM:<img src='http://digilander.libero.it/riotgirl81/clouds/+friend.png' width='95' height='32' alt='M_ADDMEM'>
M_DELETE:<img src='http://digilander.libero.it/riotgirl81/clouds/delete.png' width='95' height='32' alt='M_DELETE'>
M_UNREAD:<img src='http://digilander.libero.it/riotgirl81/whatelse/email_add.png' width='16' height='16' alt='M_UNREAD'>
M_READ:<img src='http://digilander.libero.it/riotgirl81/whatelse/email_delete.png' width='16' height='16' alt='M_READ'>
C_ON:<img src='http://digilander.libero.it/riotgirl81/clouds/on.png' width='40' height='40' alt='C_ON'>
C_OFF:<img src='http://digilander.libero.it/riotgirl81/clouds/off.png' width='40' height='40' alt='C_OFF'>
C_ON_RES:<img src='http://digilander.libero.it/riotgirl81/clouds/on.png' width='40' height='40' alt='C_ON_RES'>
C_OFF_RES:<img src='http://digilander.libero.it/riotgirl81/clouds/off.png' width='40' height='40' alt='C_OFF_RES'>
C_LOCKED:<img src='http://digilander.libero.it/riotgirl81/clouds/off.png' width='40' height='40' alt='C_LOCKED'>
F_ACTIVE:<img src='http://digilander.libero.it/riotgirl81/cog_go.png' width='16' height='16' alt='F_ACTIVE'>
F_STATS:<img src='http://digilander.libero.it/riotgirl81/chart_bar.png' width='16' height='16' alt='F_STATS'>
B_NEW:<img src='http://digilander.libero.it/riotgirl81/bullet_black.png' width='16' height='16' alt='B_NEW'>
B_NORM:<img src='http://digilander.libero.it/riotgirl81/bullet_blue.png' width='16' height='16' alt='B_NORM'>
B_HOT:<img src='http://digilander.libero.it/riotgirl81/bullet_green.png' width='16' height='16' alt='B_HOT'>
B_HOT_NN:<img src='http://digilander.libero.it/riotgirl81/bullet_orange.png' width='16' height='16' alt='B_HOT_NN'>
B_POLL:<img src='http://digilander.libero.it/riotgirl81/bullet_pink.png' width='16' height='16' alt='B_POLL'>
B_POLL_NN:<img src='http://digilander.libero.it/riotgirl81/bullet_red.png' width='16' height='16' alt='B_POLL_NN'>
B_MOVED:<img src='http://digilander.libero.it/riotgirl81/bullet_yellow.png' width='16' height='16' alt='B_MOVED'>
B_LOCKED:<img src='http://digilander.libero.it/riotgirl81/bullet_purple.png' width='16' height='16' alt='B_LOCKED'>
NEW_POST:<img src='http://digilander.libero.it/riotgirl81/comment.png' width='16' height='16' alt='NEW_POST'>
B_PIN:<img src='http://digilander.libero.it/riotgirl81/bullet_arrow_up.png' width='16' height='16' alt='B_PIN'>
B_ANNUNCIO:<img src='http://digilander.libero.it/riotgirl81/comment_edit.png' width='16' height='16' alt='B_ANNUNCIO'>
P_DELETE:<img src='http://digilander.libero.it/riotgirl81/clouds/del1.png' width='62' height='21' alt='P_DELETE'>
P_EDIT:<img src='http://digilander.libero.it/riotgirl81/clouds/edit.png' width='62' height='21' alt='P_EDIT'>
P_QUOTE:<img src='http://digilander.libero.it/riotgirl81/clouds/quote.png' width='62' height='21' alt='P_QUOTE'>
P_MSG:<img src='http://digilander.libero.it/riotgirl81/clouds/mp.png' width='62' height='21' alt='P_MSG'>
P_EMAIL:<img src='http://digilander.libero.it/riotgirl81/clouds/email.png' width='62' height='21' alt='P_EMAIL'>
P_WEBSITE:<img src='http://digilander.libero.it/riotgirl81/clouds/www.png' width='62' height='21' alt='P_WEBSITE'>
P_MSN:<img src='http://digilander.libero.it/riotgirl81/clouds/msn.png' width='62' height='21' alt='P_MSN'>
P_YIM:<img src='http://digilander.libero.it/riotgirl81/clouds/yim.png' width='62' height='21' alt='P_YIM'>
P_ICQ:<img src='http://digilander.libero.it/riotgirl81/clouds/icq.png' width='62' height='21' alt='P_ICQ'>
P_UP:http://digilander.libero.it/riotgirl81/clouds/star.png
F_NAV:<img src='http://digilander.libero.it/riotgirl81/clouds/star.png' width='16' height='16' alt='F_NAV'>
ICON_SEARCH:http://digilander.libero.it/riotgirl81/zoom.png
ICON_MEMBERS:http://digilander.libero.it/riotgirl81/user.png
ICON_HELP:http://digilander.libero.it/riotgirl81/wand.png


(per il container)
Andate in Gestione Codici HTML e
--> HTML in cima al sito

CODICE
<div id="container">
<div id="contentleft">
<div id="contentright">
<br>


-->HTML in fondo al sito
(crediti obbligatori)


CODICE
<div class="credit">LIKE A CLOUD design by <a href="http://graphicstyleproject.forumcommunity.net/?act=Profile&MID=2026479"><b>¬riot;™</b></a> @ <a href="http://graphicstyleproject.forumcommunity.net"><b>Graphic Style Project</b></a><br><br>


LOGO ( FACOLTATIVO )
SPOILER (click to view)
CODICE
http://digilander.libero.it/riotgirl81/clouds/logo.png


sfondo
CODICE
http://digilander.libero.it/riotgirl81/clouds/bg2.png
 
Top
0 replies since 1/9/2009, 23:04   274 views
  Share