Simple Sample

« Older   Newer »
  Share  
view post Posted on 29/8/2011, 14:22     +1   -1
Avatar

PES Community's User

Group:
Member
Posts:
6,076
Reputation:
+1
Location:
Sulmona [AQ]

Status:
Anonymous



Simple Sample


png
Appunti: La skin è costruita quasi completamente tramite Css. | È la mia seconda skin.

Impostare come skin di base la Dreamerz Green
Colori e Stili:
CODICE
/* SKIN BY ALESSANDRO` | ALEZ.FORUMCOMMUNITY.NET */
body {background-color: #E0E0E0; font-family: verdana, helvetica, arial; font-size: 8.5pt; color: #000}
table, div {font-size: 7.5pt; color: #242424}
a:link, a:visited {font-weight: bold; text-decoration: none; color: #2E82B3}
a:hover {text-decoration: underline; color: #214B75}

/* SCRITTE ESTERNE */
.nav {color: #305C88; font-weight: bold; font-size: 9pt}
.navsub {color: #305C88}

/* BOTTONI */
.button1 {background-image:url(http://img88.imageshack.us/img88/3659/button1rg.png); background-repeat: no-repeat; width: 77px; height: 20px; font-size: 12px; letter-spacing: 2px; text-shadow: #1AACFC 1px 1px 0; color: #FFF; font-weight: bold; font-family: arial, tahoma, verdana; display:inline-block; padding-top: 2px; text-align:center; margin-right: 5px}

.button2 {background-image: url(http://img853.imageshack.us/img853/4702/button2k.png); background-repeat:no-repeat; width: 100px; height: 24px; font-size: 12px; letter-spacing: 2px; text-shadow: 1px 1px 0 #878787; color: #FFF; font-weight: bold; font-family: arial, tahoma, verdana; display:inline-block; padding-top: 8px; text-align:center; margin-right: 5px}

/* DIMNSIONI FORUM */
.skin_tbl_width, .skin_tbl, .stats .border {width: 74%}
.header {background: #CFCFCF; background: linear-gradient(#E1E1E1,#CFCFCF); border: 1px solid #F4F4F4; background-image: none}
.header_width {width: 90%}

/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #009900; font-weight: bold}
.moderatore {color: #4466A6; font-weight: bold}
.utente {color: #3898D0; font-weight: bold}
.daconvalidare {color: #FF6699}
.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 ATTORNO AL FORUM */
.mback {height: 30px; background: linear-gradient(#00A552,#00C763); border-top: 1px solid #008C42}
.mtitle {color: #F2F2F2; font-size: 10pt; font-weight: bold; text-shadow: 1px 1px 0 #00A552; text-align: left; padding-left: 150px}
.mtitle a:link, .mtitle a:visited {color: #F4F4F4}
.mtitle a:hover {color: #E8E8E8}
.mleft, .mleft_top, .mright, .mright_top, .mleft_bottom, .mright_bottom {width: 1px; background-color: #008C42}
.msub {height: 20px; background-color: #E0E0E0; background: #00A552; background: linear-gradient(#00C763,#00A552); border-bottom: 1px solid #008C42}

/* TAGBOARD */
.tag .mback {height: 30px; background: linear-gradient(#C55200,#E55F00); border-top: 1px solid #A62800}
.tag .mtitle {color: #F2F2F2; font-size: 10pt; font-weight: bold; text-shadow: 1px 1px 0 #C55200; text-align: left; padding-left: 150px}
.tag .mleft, .tag .mleft_top, .tag .mright, .tag .mright_top, .tag .mleft_bottom, .tag .mright_bottom {width: 1px; background-color: #A62800}
.tag .msub {height: 20px; background-color: #E0E0E0; background: #00A552; background: linear-gradient(#E55F00,#C55200); border-bottom: 1px solid #A62800}

/* BARRA UTENTE */
.menu {padding-left: 200px; margin-top: 0; background: linear-gradient(#008AD4,#009CED); border: 1px solid #F4F4F4; color: #0E0E0E; font-size: 8pt}
.menu a b {color: #A6DAFF}
.menu a {color: #A6DAFF}

/* SEZIONI FORUM */
.mainbg {background-color: #FFF}
.title {color: #5B5B5B; height: 23px; font-weight: bold; background: linear-gradient(#E6E6E6,#D5D5D5)}
.title a:link, .title a:visited {color: #2E82B3}
.title a:hover {color: #2D649B}
.foot {color: #486044; height: 23px; font-weight: bold; background: linear-gradient(#D5D5D5,#E6E6E6)}
.aa, .bb, .cc, .ww, .xx, .yy, .zz, .row1, .row3 {background: linear-gradient(#E1E1E1,#CFCFCF); border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8}
.main6 {border-collapse: collapse}
.web {color: #242424; font-size: 9pt; line-height: 150%}
.web a:link, .web a:visited {text-decoration: underline}
.desc {font-style: italic; font-size: 9px; color: #25488A}
.board .foot {display: none}
.board .sep {display: none}
.foot {color: #242424}

/* STATISTICHE */
.stats .border {background-color: #DDD; border: 1px dashed #009DB0}
.skin_tbl_border {background-color: #FFF}
.stats .title2 {height: 24px; font-size: 8pt; font-weight: bold; color: #FFF; background-color: #ACD0AF; background: linear-gradient(#00BDD3,#009DB0)}
.sunbar {color: #5B5B5B; font-weight: bold; line-height: 150%; background-color: #D5D5D5}
.highlight {color: #242424}

/* LINK MOD */
.highlight a:link, .highlight a:visited {display: block; background-color: #FAFAFA; border: 1px dotted #2E82B3; color: #2E82B3}
.highlight a:hover {background-color: #F8FBFE; border: 1px dotted #404C80; color: #404C80}

/* DISCUSSIONE */
.topic .mainbg {border-top: 0; border-bottom: 0}
.topic .title {border-bottom: 1px solid #FFF}
.left_top, .right_top {background: linear-gradient(#D5D5D5,#E6E6E6)}
.nick {font-size: 11px; font-weight: bold; color: #154492; padding-bottom: 2px}
.left, .right {background-color: #E6E6E6}
.quote {font-size: 8pt; color: #006287; background-color: #E7E7E7; border: 1px solid #006287; padding: 2px}
.code {font-size: 8pt; color: #006287; background-color: #E7E7E7; border: 1px solid #006287; padding: 2px}
.spoiler_top, .code_top, .quote_top {text-shadow: 1px 1px 0 #3C6C8E; height: 25px; font-size: 9pt; color: #FFF; background-color: #228BB2; border-radius: 5px 5px 0 0; border-bottom: 1px dotted #000; padding-left: 5px}
.color {font-size: 9.5pt; line-height: 150%}
hr {color: #628562}
.fancyborder {border: 1px dotted #154492}
.edit {color: #6184C5; font-size: 8px; font-style: italic}
.bottomborder {border-bottom: 1px dotted #515151}
.signature {font-size: 7.5pt; color: #6184C5; line-height: 150%}
.left_bottom, .right_bottom {background: linear-gradient(#E6E6E6,#D5D5D5)}
.sep {background-color: #D6D6D6}
.sep_left {background-color: #008C42; width: 1px}
.sep_right {background-color: #008C42; width: 1px}
#end .title {background: linear-gradient(#D5D5D5,#E6E6E6); border-top: 1px solid #FFF; border-bottom: 1px solid #FFF}
.right_bottom * a:link, .right_bottom * a:visited {color: #FFF}
.right_bottom * a:hover {color: #49A049}

/* MESSENGER */
.msg_main {background-color: #E6E6E6}
.row1 {background-color: #D6EDD6}
.row2 {color: #0A347A; height: 23px; font-weight: bold; background: linear-gradient(#E1E1E1,#CFCFCF)}
.row3 {background-color: #EEFBED; border: 1px solid #628562}
.darkbar {color: #3E3E3E; font-weight: bold; background-color: #E0E0E0; border: 1px dashed #FFF}
.darkline {background-color: #0C0C0C; border: 1px solid #0C0C0C}
.msg_text {color: #0C0C0C}
.title3 {color: #002561; height: 23px; font-weight: bold; background: linear-gradient(#D5D5D5,#E6E6E6); border-bottom: 1px dotted #FFF}
#end .title3 {color: #002561; height: 23px; font-weight: bold; background: linear-gradient(#E6E6E6,#D5D5D5); border-top: 1px dotted #FFF}
.msg .details p {color: #4466A6; font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.info {color: #000099; background-color: #B6B6FF; border: 1px solid #000099; border-radius: 10px 10px 10px 10px; padding: 5px; text-align: center}
.alert {color: #990000; background-color: #FFBABA; border: 1px solid #FFBABA; border-radius: 10px 10px 10px 10px; padding: 5px}
.msg .sunbar {color: #5B5B5B; font-weight: bold; line-height: 150%; background-color: #D5D5D5; border: 1px dashed #FFF}
.msg .row2 {border: 1px dashed #FFF}

/* IMMAGINI OPACIZZATE */
img {-moz-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0.8}
img:hover {opacity: 1}
.header img {-moz-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1}
.header img:hover {opacity: 1}

/* PROFILO UTENTI */
.pagetitle {color: #4466A6; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.title2 {color: #242424; height: 23px; font-weight: bold; background: linear-gradient(#E6E6E6,#D5D5D5)}
.title2 a:link, .title2 a:visited {color: #214B75}
.title2 a:hover {color: #2D649B}
.profile .row1 {background-color: #DEEADB}

/* INPUT */
.codebuttons {font-size: 8pt; font-family: helvetica, arial, trebuchet ms, sans-serif; vertical-align: middle; border: 1px solid #0B598B; background: linear-gradient(#6BA6CB,#327BAA)}
.forminput {font-size: 8pt; font-family: sans-serif, arial, helvetica, trebuchet ms; vertical-align: middle; border: 1px solid #0B598B; background: linear-gradient(#6BA6CB,#327BAA)}
.textinput {font-size: 9pt; font-family: trebuchet ms, arial, helvetica, sans-serif; vertical-align: middle; border: 1px solid #0B598B}
.input {font-size: 8pt; font-family: trebuchet ms, arial, helvetica, sans-serif; vertical-align: middle; border: 1px dashed #0B598B}

Codice HTML in cima a tutte le pagine:
CODICE
//

Codice HTML sotto il logo del sito:
CODICE
//

Codice HTML in fondo a tutte le pagine:
CODICE
//

Immagini:
CODICE
A_STAR:<img src=\"http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-3/16/Star-Full-icon.png\" width=\"16\" height=\"16\" alt=\"\">
HEADER_TILE:http://img.forumfree.net/index_file/spacer.gif
TILE_BACK:http://img.forumfree.net/index_file/spacer.gif
TILE_SUB:http://img.forumfree.net/index_file/spacer.gif
A_REPLY:<div class=\"button2\">Reply</div>
A_POST:<div class=\"button2\">New Topic</div>
A_POLL:<div class=\"button2\">New Poll</div>
A_POLLONLY_B:<div class=\"button2\">Locked</div>
A_LOCKED_B:<div class=\"button2\">Locked</div>
M_REPLY:<div class=\"button2\">Reply PM</div>
M_ADDMEM:<div class=\"button2\">Add Friend</div>
M_DELETE:<div class=\"button2\">Delete PM</div>
M_UNREAD:<img src=\'http://img.forumfree.net/style_images/1/f_norm.gif\' width=\'18\' height=\'12\' alt=\'M_UNREAD\'>
M_READ:<img src=\'http://img.forumfree.net/style_images/1/f_norm_no.gif\' width=\'18\' height=\'12\' alt=\'M_READ\'>
C_ON:<img src=\"http://img571.imageshack.us/img571/4250/98298101.png\" width=\"30\" height=\"30\" alt=\"C_ON\">
C_OFF:<img src=\"http://img69.imageshack.us/img69/1336/offmu.png\" width=\"30\" height=\"30\" alt=\"C_OFF\">
C_ON_RES:<img src=\"http://img571.imageshack.us/img571/5602/reson.png\" width=\"30\" height=\"30\" alt=\"C_ON_RES\">
C_OFF_RES:<img src=\"http://img6.imageshack.us/img6/4851/resoff.png\" width=\"30\" height=\"30\" alt=\"C_OFF_RES\">
C_LOCKED:<img src=\"http://img571.imageshack.us/img571/4250/98298101.png\" width=\"30\" height=\"30\" alt=\"C_LINK\">
F_ACTIVE:<img src=\"http://icons.iconarchive.com/icons/kyo-tux/phuzion/32/Misc-Stats-icon.png\" width=\"32\" height=\"32\" alt=\"F_ACTIVE\">
F_STATS:<img src=\"http://icons.iconarchive.com/icons/aha-soft/people/32/user-group-icon.png\" width=\"32\" height=\"32\" alt=\"F_STATS\">
B_NEW:<img src=\'http://img.forumfree.net/style_images/1/f_norm.gif\' width=\'18\' height=\'12\' alt=\'B_NEW\'>
B_NORM:<img src=\'http://img.forumfree.net/style_images/1/f_norm_no.gif\' width=\'18\' height=\'12\' alt=\'B_NORM\'>
B_HOT:<img src=\'http://img.forumfree.net/style_images/1/f_hot.gif\' width=\'18\' height=\'12\' alt=\'B_HOT\'>
B_HOT_NN:<img src=\'http://img.forumfree.net/style_images/1/f_hot_no.gif\' width=\'18\' height=\'12\' alt=\'B_HOT_NN\'>
B_POLL:<img src=\'http://img.forumfree.net/style_images/1/f_poll.gif\' width=\'18\' height=\'12\' alt=\'B_POLL\'>
B_POLL_NN:<img src=\'http://img.forumfree.net/style_images/1/f_poll_no.gif\' width=\'18\' height=\'12\' alt=\'B_POLL_NN\'>
B_MOVED:<img src=\'http://img.forumfree.net/style_images/1/f_moved.gif\' width=\'18\' height=\'12\' alt=\'B_MOVED\'>
B_LOCKED:<img src=\'http://img.forumfree.net/style_images/1/f_closed.gif\' width=\'18\' height=\'12\' alt=\'B_LOCKED\'>
NEW_POST:<img src=\"http://img.forumfree.net/index_file/spacer.gif\" width=\"1\" height=\"1\" alt=\"NEW_POST\">
B_PIN:<img src=\"http://icons.iconarchive.com/icons/antialiasfactory/enterprise-resource-planning/32/News-icon.png\" width=\"32\" height=\"32\" alt=\"B_PIN\">
B_ANNUNCIO:<img src=\"http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Mimetypes-text-html-icon.png\" width=\"32\" height=\"32\" alt=\"B_ANNUNCIO\">
P_DELETE:<div class=\"button1\">Delete</div>
P_EDIT:<div class=\"button1\">Edit</div>
P_QUOTE:<div class=\"button1\">Quote</div>
P_MSG:<div class=\"button1\">PM</div>
P_EMAIL:<div class=\"button1\">E-MAIL</div>
P_WEBSITE:<div class=\"button1\">WEB</div>
P_CONTACTS:<div class=\"button1\">OTHER</div>
P_UP:http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-up-icon.png
F_NAV:<img src=\"http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/48/Banner-design-icon.png\" width=\"48\" height=\"48\" alt=\"F_NAV\">
F_NAV_SEP:»
ICON_SEARCH:http://icons.iconarchive.com/icons/delacro/id/16/Search-2-icon.png
ICON_MEMBERS:http://icons.iconarchive.com/icons/deleket/soft-scraps/16/User-Group-icon.png
ICON_HELP:http://icons.iconarchive.com/icons/saki/nuoveXT/16/Actions-help-icon.png
LOADING:http://img.forumfree.net/index_file/load.gif
EMOTICONS:http://img.forumfree.net/style_images/1/icon1.gif
TOPIC_ICON1:http://img.forumfree.net/style_images/1/icon1.gif
TOPIC_ICON2:http://img.forumfree.net/style_images/1/icon2.gif
TOPIC_ICON3:http://img.forumfree.net/style_images/1/icon3.gif
TOPIC_ICON4:http://img.forumfree.net/style_images/1/icon4.gif
TOPIC_ICON5:http://img.forumfree.net/style_images/1/icon5.gif
TOPIC_ICON6:http://img.forumfree.net/style_images/1/icon6.gif
TOPIC_ICON7:http://img.forumfree.net/style_images/1/icon7.gif
TOPIC_ICON8:http://img.forumfree.net/style_images/1/icon8.gif
TOPIC_ICON9:http://img.forumfree.net/style_images/1/icon9.gif
TOPIC_ICON10:http://img.forumfree.net/style_images/1/icon10.gif
TOPIC_ICON11:http://img.forumfree.net/style_images/1/icon11.gif
TOPIC_ICON12:http://img.forumfree.net/style_images/1/icon12.gif
TOPIC_ICON13:http://img.forumfree.net/style_images/1/icon13.gif
TOPIC_ICON14:http://img.forumfree.net/style_images/1/icon14.gif
CAT_IMG:<img src=\'http://img.forumfree.net/index_file/post.gif\' width=\'8\' height=\'9\' alt=\'view post\' title=\'view post\'>
PAG:<img src=\'http://img.forumfree.net/index_file/pages.gif\' width=\'11\' height=\'11\' alt=\'PAG\'>
ONLINE:<b>Online</b>
OFFLINE:<b>Offline</b>
ANONIMO:<b>Anonymous</b>
IMPORTANTE:<b>Sticky:</b>
ANNUNCIO:<b>Announcement:</b>
SONDAGGIO:<i>Poll:</i>
SPOSTATO:<i>Moved:</i>
THUMBS_UP:http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/thumb-up-icon.png
THUMBS_DOWN:http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/thumb-icon.png

Sfondo:
CODICE
//

Logo:
CODICE
http://www.cantilux.net/files3/1322496147.png
 
Top
0 replies since 29/8/2011, 14:22   59 views
  Share