Skin Green Life, Verde/Grigio Chiaro

« Older   Newer »
  Share  
Shanky
view post Posted on 12/12/2009, 16:51




GREEN LIFE SKIN




Autore: Shanky
Prewiev: http://greenlife.forumcommunity.net/
Vietato: Modificare il CSS (Colori e Stili) e copiare le Immagini della Skin Per qualche modifica chiedere a me!!!

Inserire in "Codice HTML in Cima al Sito" NON Modificabile senza chiedere!!!
CODICE
<div style="margin: auto; width:925px; background-color:#DAD9D9">
<div style="background: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/ContainerSinistroA.png) left repeat-y">
<div style="background: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/ContainerDestroA.png) right repeat-y">
<div style="background: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/ContainerCentraleA.png) center repeat-y">


Inserire in "Codice HTML in Fondo al Sito" NON Modificabile senza chiedere!!!
CODICE
<div class="credits"><table><tr><th><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS Valido!"></a><br></th><th><font color=#FFFFFF>Skin</font> creata da <a href=http://theworldofgraphic.forumfree.it/?act=Profile&MID=4416452><u><i>Shanky</i></u></a> pubblicata su:</th></tr></table> <a href=http://theworldofgraphic.forumfree.it/><u><b>theworldofgraphic.forumfree.it</b></u></a><br><b>Consiglio uno di questi Browser:</b><br><a href="http://download.mozilla.org/?product=firefox-3.5.5&os=win&lang=it"><img src="http://i47.tinypic.com/2a7u7x3.png"></a> <a href="http://www.opera.com/download/get.pl?id=32656&*=216&nothanks=yes&sub=marine"><img src="http://i49.tinypic.com/23kvvom.png"></a> <a href="http://www.google.com/chrome/eula.html?hl=it"><img src="http://i48.tinypic.com/2hgux60.png"></a></div></table>

</div></div></div></div>


Inserire in "Colori e Stili" NON Modificabile senza chiedere!!!
CODICE
/* SKIN CREATA DA SHANKY */
body {background-attachment: fixed; background-color: #C1EDB2; font-family: tahoma, arial, sans-serif; font-size: 9pt; color: #7A7A7A}
table, div {font-family: tahoma, arial, sans-serif; font-size: 8pt; color: #7A7A7A}
a:link, a:visited {text-decoration: none; color: #157A0D}
a:hover {color: #67BD60}

/* HEADER E BARRA */
.header_width {width: 850px; height: 50px}
.header {width: 850px; height: 150px; border: 1px solid #000}
.menu {background-color: #157A0D; height: 25px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraUtente.png); background-repeat: repeat-x; border: 1px solid #000; font-weight: bold; color: #000000}
.menu a:link, .menu a:visited {color: #EAEAEA; font-weight: bold; font-style: italic}
.menu a:hover {color: #196D0E; text-decoration: underline}
.menu input, .menu select {display: none}
.menu_right {display: none}

/* SEZIONE HOMEPAGE */
.nav a:link, .nav a:visited, .nick a:link, .nick a:visited, .pagetitle {font-weight: bold; font-size: 10pt}
.nav {font-style: italic; font-weight: bold; font-size: 8pt}
.board {width: 700px}
.mtitle {color: #157A0D; text-align: center; font-weight: bold; font-size: 9pt; padding-bottom: 1px}
.mback {height: 30px; background-image: none}
.mback_left {width: 150px; height: 30px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraSinistraA.png); background-position: left; background-repeat: no-repeat}
.mback_center {height: 30px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraCentraleA.png); background-position: center; background-repeat: repeat-x}
.mback_right {width: 150px; height: 30px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraDestraA.png); background-position: right; background-repeat: no-repeat}
.mleft_top {width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/AngoloAltoSinistro.png); background-repeat: no-repeat; background-position: left top}
.mright_top {width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/AngoloAltoDestro.png); background-repeat: no-repeat; background-position: right top}
.mleft {width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BordoDestro.png); background-repeat: repeat-y}
.mright {width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BordoSinistro.png); background-repeat: repeat-y}
.msub {height: 10px; background-image: none}
.mleft_bottom {height: 10px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraSottoDestraA.png); background-repeat: no-repeat}
.mright_bottom {height: 10px; width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraSottoSinistraA.png); background-repeat: no-repeat}
.msub_center {height: 10px; width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraSottoCentraleA.png); background-position: center top; background-repeat: repeat-x}
.msub_left {height: 10px; width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraSottoCentraleA.png); background-position: left top; background-repeat: repeat-x}
.msub_right {height: 10px; width: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraSottoCentraleA.png); background-position: right top; background-repeat: repeat-x}
.title, .sunbar {height: 10px; background-color: #EAEAEA; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraInterna.png); background-position: center; background-repeat: repeat-x; padding-bottom: 4px; font-weight: bold}
.foot, .right_top, .right_bottom, .left_top, .left_bottom, .darkbar {background-color: #F1F1F1; height: 20px; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/BarraInternaSottoA.png); background-repeat: repeat-x; background-position: top; font-weight: bold}
.mainbg {background-color: #DAD9D9}
.xx, .yy, .cc {background-color: #A9E7A4; border: none}
.aa, .ww, .bb, .zz, .color, .right, .left, .msg_main, .row1 {background-color: #EAEAEA; border: none}
.ww a:visited {text-decoration: underline}

/* STATS */
.skin_tbl_border {background-color: #000000}
.highlight {color: #000000}
.stats, .tag {width: 800px}
.title2, .row2, .title3 {height: 20px; background-color: #72DD6A; background-image: url(http://i824.photobucket.com/albums/zz161/Rpgworld_S/TitoloStatistiche.png); background-repeat: repeat-x; color: #000000; font-weight: bold; font-style: italic}

/* CREDITS */
.credits {width: 180px; height: 95px; background-color: #363636; background-position: center; border: 2px dashed #69DB60}

/* INPUT */
.textinput {background-color: #B4F7B9; color: #000; font-size: 8.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #000}
.forminput, .input, .codebuttons {background-color: #7EE585; color: #000000; font-size: 8.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #3F3F3F; background-image: none}

/* TOPIC INTERNI E SEZIONI INTERNE*/
.forum {width: 800px}
.web a:link, .web a:visited {font-weight: bold; text-decoration: none; text-transform: capitalize}
.web a:hover {text-decoration: none; font-weight: bold; text-transform: uppercase}
.small, .navsub {font-size: 7pt; font-style: italic}
.small a:link, small a:visited, .navsub a:link, .navsub a:visited, .highlight a:link, .highlight a:visited {font-size: 5pt}
.small a:hover, .navsub a:hover, .highlight a:hover {font-size: 5pt; font-weight: bold}
.desc {font-size: 8pt; font-style: italic}
.sep {height: 10px; background-color: #67BD60; border: 1px solid #007B00}
.sep_left, .sep_right {width: 15px; height: 5px; background-color: #67BD60; border: 1px solid #007B00}
.color a:link, .color a:visited {color: #157A0D; text-decoration: underline; font-style: italic}
.color a:hover {color: #67BD60; text-decoration: line-through; font-weight: bold}
#quote {font-family: "comic sans MS", sans-serif; font-style: italic; background-color: #DAD9D9; border: 1px dashed #157A0D; padding: 7px; text-align: justify}
#code {font-family: tahoma, arial, sans-serif; font-style: italic; background-color: #DAD9D9; border: 1px groove #157A0D; padding: 7px; text-align: justify}
.edit {color: #000; font-style: italic; font-size: 3pt; padding-bottom: 10px}
.bottomborder {border-bottom: 1px solid #157A0D}
.fancyborder {border: 1px solid #157A0D}
.signature {font-family: "comic sans MS", sans-serif}
.nick a:hover {font-weight: bold; font-size: 10pt; text-decoration: line-through; text-transform: uppercase}
.details {font-style: italic}
.row3 {background-color: #B4F7B9; border: 1px solid #157A0D}


Inserire in "Immagini" in Modifica Rapida Modificabile ma avvertitemi!!!
CODICE
A_STAR:<img src='http://i50.tinypic.com/b5saw1.jpg' width='15' height='15' alt=''>
A_REPLY:<img src='http://i49.tinypic.com/2zxmd6p.jpg' width='90' height='30' alt='A_REPLY'>
A_POST:<img src='http://i46.tinypic.com/oaniu1.jpg' width='90' height='30' alt='A_POST'>
A_POLL:<img src='http://i48.tinypic.com/23r6e4p.png' width='90' height='30' alt='A_POLL'>
A_POLLONLY_B:<img src='http://i45.tinypic.com/3039174.png' width='90' height='30' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://i45.tinypic.com/3039174.png' width='90' height='30' alt='A_LOCKED_B'>
M_REPLY:<img src='http://i50.tinypic.com/21o27uc.png' width='60' height='20' alt='M_REPLY'>
M_ADDMEM:<img src='http://i45.tinypic.com/6iy0jd.png' width='60' height='20' alt='M_ADDMEM'>
M_DELETE:<img src='http://i48.tinypic.com/fdc13s.png' width='60' height='20' alt='M_DELETE'>
M_UNREAD:<img src='http://img.forumfree.net/style_images/10/f_norm.gif' width='16' height='16' alt='M_UNREAD'>
M_READ:<img src='http://img.forumfree.net/style_images/10/f_norm_no.gif' width='16' height='16' alt='M_READ'>
C_ON:<img src='http://i49.tinypic.com/mkgu8.png' width='32' height='32' alt='C_ON'>
C_OFF:<img src='http://i50.tinypic.com/2cicmsm.png' width='32' height='32' alt='C_OFF'>
C_ON_RES:<img src='http://i48.tinypic.com/34qpw9g.png' width='32' height='32' alt='C_ON_RES'>
C_OFF_RES:<img src='http://i45.tinypic.com/2s0fzud.png' width='32' height='32' alt='C_OFF_RES'>
C_LOCKED:<img src='http://i46.tinypic.com/2ithu12.png' width='32' height='32' alt='C_LOCKED'>
F_ACTIVE:<img src='http://i45.tinypic.com/2cnczk9.png' width='32' height='32' alt='F_ACTIVE'>
F_STATS:<img src='http://i46.tinypic.com/21r15d.png' width='32' height='32' alt='F_STATS'>
B_NEW:<img src='http://img.forumfree.net/style_images/10/f_norm.gif' width='16' height='16' alt='B_NEW'>
B_NORM:<img src='http://img.forumfree.net/style_images/10/f_norm_no.gif' width='16' height='16' alt='B_NORM'>
B_HOT:<img src='http://img.forumfree.net/style_images/10/f_hot.gif' width='16' height='16' alt='B_HOT'>
B_HOT_NN:<img src='http://img.forumfree.net/style_images/10/f_hot_no.gif' width='16' height='16' alt='B_HOT_NN'>
B_POLL:<img src='http://img.forumfree.net/style_images/10/f_poll.gif' width='16' height='16' alt='B_POLL'>
B_POLL_NN:<img src='http://img.forumfree.net/style_images/10/f_poll.gif' width='16' height='16' alt='B_POLL_NN'>
B_MOVED:<img src='http://img.forumfree.net/style_images/10/f_moved.gif' width='16' height='16' alt='B_MOVED'>
B_LOCKED:<img src='http://img.forumfree.net/style_images/10/f_closed.gif' width='16' height='16' alt='B_LOCKED'>
NEW_POST:<img src='http://i50.tinypic.com/33kg76u.png' width='10' height='10' alt='NEW_POST'>
B_PIN:<img src='http://i47.tinypic.com/25g56dx.png' width='20' height='20' alt='B_PIN'>
B_ANNUNCIO:<img src='http://i47.tinypic.com/169izrq.png' width='20' height='20' alt='B_ANNUNCIO'>
P_DELETE:<img src='http://i48.tinypic.com/fdc13s.png' width='60' height='20' alt='P_DELETE'>
P_EDIT:<img src='http://i50.tinypic.com/2it308x.png' width='60' height='20' alt='P_EDIT'>
P_QUOTE:<img src='http://i47.tinypic.com/156z2f8.png' width='60' height='20' alt='P_QUOTE'>
P_MSG:<img src='http://i48.tinypic.com/bduv82.png' width='40' height='20' alt='P_MSG'>
P_EMAIL:<img src='http://i48.tinypic.com/1pz5zk.png' width='60' height='20' alt='P_EMAIL'>
P_WEBSITE:<img src='http://i46.tinypic.com/1io1v7.png' width='40' height='20' alt='P_WEBSITE'>
P_MSN:<img src='http://i46.tinypic.com/2ai372f.png' width='40' height='20' alt='P_MSN'>
P_YIM:<img src='http://i48.tinypic.com/wtx7ns.png' width='40' height='20' alt='P_YIM'>
P_ICQ:<img src='http://i47.tinypic.com/1zqq2pw.png' width='40' height='20' alt='P_ICQ'>
P_UP:http://i45.tinypic.com/o8tdzp.png
F_NAV:<img src='http://i49.tinypic.com/2w1z4ee.png' width='13' height='13' alt='F_NAV'>
ICON_SEARCH:http://i48.tinypic.com/30vnk29.png
ICON_MEMBERS:http://i50.tinypic.com/2ztapnt.png
ICON_HELP:http://i48.tinypic.com/25sy0wp.png


Inserire in "Sfondo" Modificabile a vostro Piacimento
CODICE
http://i45.tinypic.com/2iuq2op.png


Inserire in "Logo" Modificabile a vostro Piacimento
CODICE
http://i46.tinypic.com/2gxljk3.png
 
Top
-Nicko-
view post Posted on 12/12/2009, 17:04




Bella! *_*
E' la prima skin che crei o ne hai già fatte altre?
 
Top
Shanky
view post Posted on 12/12/2009, 17:10




La prima in assoluto XD e non solo è anche la prima volta che utilizzo il CSS per tutto quel lavoro xD solitamente facevo giusto 2/3 righe di script :a:

W3C Validate 0 Errori :powa:
 
Top
-Nicko-
view post Posted on 12/12/2009, 17:16




Allora complimenti! :rosa:
Spero che continuerai a farne ancor di skin
 
Top
Shanky
view post Posted on 12/12/2009, 17:22




Lunedi forse inizio la Red Life XD
 
Top
-Nicko-
view post Posted on 12/12/2009, 17:28




CITAZIONE (Shanky @ 12/12/2009, 17:22)
Lunedi forse inizio la Red Life XD

Che sarà uguale a questa che hai appena fatto,solo che sarà rossa? :asd: Buon lavoro comuque :sasa:
 
Top
Shanky
view post Posted on 12/12/2009, 17:32




LoL sarà diversa :susu: Grazie :powa:
 
Top
6 replies since 12/12/2009, 16:51   62 views
  Share