Jingle Bell Skin
Esempio disponibile a questo linkTermini di utilizzo- non sono autorizzate manipolazioni del css e delle parti grafiche di questa skin per crearne altre di colore diverso previa autorizzazione
-
i credits sono facoltativi, è a vostra discrezione metterli o no.
CODICE
<div style="width: 200px; border: 5px solid #FFF; background-color: #F4F4F4; padding: 3px">Skin powered by <b>valium skies`</b><br>
Distribuited on <a href="http://wonderwall.forumfree.net" target="_blank"><b>My Wonderwall</b></a><br>
Thanks to <a href="http://www.iconearchive.com" target="_blank">Icon Archive</a></div>
- Andate in
Modifica skin ed impostate la skin
Default Skin- Andate in
Modifica colori e stili e inserite
questo codice:
CODICE
body {background-image: url(http://www.morning-star.org/skin/jb/bg.gif); background-color: #EEE; font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #7A7A7A}
table, div {font-size: 7.5pt; color: #969696}
a:link, a:visited {text-decoration: none; color: #CA584A}
a:hover {color: #D7A761}
img a:hover {border-bottom: 0}
/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 9pt}
/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl {width: 98%}
.stats .border {width: 96%}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #D36255; font-weight: bold}
.moderatore {color: #83B37B; font-weight: bold}
.utente {color: #7A7A7A}
.daconvalidare {font-style: italic}
.gruppo1 {color: #D28796; font-weight: bold}
.gruppo2 {color: #88BBBB; 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 {background-image: url(http://www.morning-star.org/skin/jb/mback.gif); background-repeat: repeat-x; text-transform: uppercase; height: 66px}
.mtitle {padding-top: 25px; text-align: center; letter-spacing: 1px; word-spacing: 2px; font-weight: bold; font-size: 8pt; color: #9A9A9A}
.mback_right {width: 96px; background-image: url(http://www.morning-star.org/skin/jb/mback_right.gif); background-repeat: no-repeat}
.mback_left {width: 106px; background-image: url(http://www.morning-star.org/skin/jb/mback_left.gif); background-repeat: no-repeat}
.mleft_top {width: 24px; background-image: url(http://www.morning-star.org/skin/jb/mleft_top.gif); background-position: top right; background-repeat: no-repeat}
.mleft, .sep_left {width: 24px; background-image: url(http://www.morning-star.org/skin/jb/mleft.gif); background-position: right; background-repeat: repeat-y}
.mleft_bottom {width: 24px; background-image: url(http://www.morning-star.org/skin/jb/mleft_bottom.gif); background-position: top right; background-repeat: no-repeat}
.mright_top {width: 24px; background-image: url(http://www.morning-star.org/skin/jb/mright_top.gif); background-position: top left; background-repeat: no-repeat}
.mright, .sep_right {width: 24px; background-image: url(http://www.morning-star.org/skin/jb/mright.gif); background-position: left; background-repeat: repeat-y}
.mright_bottom {width: 24px; background-image: url(http://www.morning-star.org/skin/jb/mright_bottom.gif); background-position: top left; background-repeat: no-repeat}
.msub {height: 17px}
.msub_center {background-image: url(http://www.morning-star.org/skin/jb/msub.gif); background-position: top; background-repeat: repeat-x}
/* BARRA UTENTE */
.header {background-color: #EEECED; border: 1px solid #CBCBCB; border-bottom: 0}
.menu, .darkbar {height: 19px; background-color: #EEEEEE; background-image: url(http://www.morning-star.org/skin/jb/menu.gif); background-repeat: repeat-x; border: 1px solid #D4D6D9}
.menu .highlight, .msg .highlight {color: #BD9359; font-weight: bold}
.menu_right {display: none}
/* SEZIONI FORUM */
.mainbg, .skin_tbl_border {background-color: #D4D6D9}
.title, .sunbar, .title2, .title3, .row2 {height: 23px; background-image: url(http://www.morning-star.org/skin/jb/title.gif); background-repeat: repeat-x; background-color: #EEEEEE; color: #9C9C9C; font-weight: bold}
.title a:link, .title a:visited {color: #D3A056}
.title a:hover {color: #CA584A}
.aa, .bb, .cc, .ww, .xx, .yy, .zz, .row1, .left, .right, .left_top, .right_top, .left_bottom, .right_bottom, .foot {background-color: #EEEEEE; border-top: 1px solid #FFF}
.web {font-size: 8pt; line-height: 150%}
.web a:link, .web a:visited {color: #D3A056; text-decoration: none}
.web a:hover {color: #CA584A}
.desc {font-size: 10px}
.tag .aa, .tag .ww {border: 0}
.board .foot {display: none}
/* STATISTICHE */
.stats .title2, .stats .sunbar {text-align: center}
.stats .title2 {height: 35px; background-image: url(http://www.morning-star.org/skin/jb/stats_title.gif); border-bottom: 1px solid #DCD1C6; background-repeat: repeat-x; background-color: #E5E6EA; color: #9A9A9A; padding-top: 10px; text-transform: uppercase; font-weight: bold; font-size: 8pt}
/* LINK MOD */
.highlight a:hover {color: #7D2020}
/* DISCUSSIONE */
.nick {font-size: 12px; font-weight: bold; padding-bottom: 2px}
#quote {font-family: verdana, arial; font-size: 10px; color: #9D9D9D; background-color: #F6F4F4; border-top: 5px solid #D7A761; border-bottom: 1px dashed #D7A761; padding: 2px}
#code {font-family: verdana, arial; font-size: 10px; color: #9D9D9D; background-color: #F6F4F4; border-top: 5px solid #CA6B5F; border-bottom: 1px dashed #CA6B5F; padding: 2px}
.color {font-size: 9.5pt; line-height: 150%}
.color a:link, .color a:visited {text-decoration: none; color: #D3A056}
.color a:hover {color: #CA584A}
hr {color: #83B37B}
.fancyborder {border: 1px dotted #DBD1C5}
.edit {font-size: 9px}
.bottomborder {border-bottom: 1px dashed #DBD1C5}
.signature {font-size: 7.5pt; line-height: 150%}
.sep {height: 5px; background-color: #E9E9E8}
.bar_right {background-image: url(http://www.morning-star.org/skin/jb/bar_right.gif)}
.bar {background-image: url(http://www.morning-star.org/skin/jb/bar.gif)}
.bar_left {background-image: url(http://www.morning-star.org/jb/xmas/bar_left.gif)}
/* MESSENGER */
.msg_main {background-color: #EEEEEE}
.row3 {border: 1px solid #D4D6D9; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; background-color: #EEEEEE}
.row3 a:link, .row3 a:visited {color: #D3A056; text-decoration: none}
.row3 a:hover {color: #CA584A}
.darkline {height: 0; border-bottom: 1px dashed #DBD1C5}
.info {color: #797979}
.alert {color: #E62222}
.darkbar {border: 0; font-weight: bold}
/* PROFILO UTENTI */
.pagetitle {color: #D36255; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.profile .title2 {border: 0}
/* INPUT */
.textinput {font-size: 8pt; color: #7A7A7A; border: 1px solid #CBCBCB; font-family: verdana, tahoma, arial; background-color: #F3F3F3; border: 1px solid #CBCBCB; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF}
.codebuttons {font-size: 10px; color: #7A7A7A; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #CBCBCB; border-bottom: 1px solid #FFF; background-color: #FBFAFA}
.forminput {border: 1px solid #CBCBCB; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; color: #7A7A7A; background-color: #FBFAFA; font-size: 11px; color: #7A7A7A; font-family:tahoma, helvetica; vertical-align: middle}
- Andate in
Modifica immagini/gradi ed inserite queste immagini:
A_STAR
CODICE
<img src='http://www.morning-star.org/skin/jb/pip.gif' width='9' height='10' alt=''>
A_REPLY
CODICE
<img src='http://www.morning-star.org/skin/jb/t_reply.gif' width='112' height='53' alt='A_REPLY'>
A_POST
CODICE
<img src='http://www.morning-star.org/skin/jb/t_new.gif' width='112' height='53' alt='A_POST'>
A_POLL
CODICE
<img src='http://www.morning-star.org/skin/jb/t_poll.gif' width='112' height='53' alt='A_POLL'>
A_POLLONLY_B
CODICE
<img src='http://www.morning-star.org/skin/jb/t_closed.gif' width='112' height='53' alt='A_POLLONLY_B'>
A_LOCKED_B
CODICE
<img src='http://www.morning-star.org/skin/jb/t_closed.gif' width='112' height='53' alt='A_LOCKED_B'>
M_REPLY
CODICE
<img src='http://www.morning-star.org/skin/jb/msg_l_reply.gif' width='112' height='53' alt='M_REPLY'>
M_ADDMEM
CODICE
<img src='http://www.morning-star.org/skin/jb/msg_l_addmem.gif' width='112' height='53' alt='M_ADDMEM'>
M_DELETE
CODICE
<img src='http://www.morning-star.org/skin/jb/msg_l_delete.gif' width='112' height='53' alt='M_DELETE'>
M_UNREAD
CODICE
<img src='http://img.forumfree.net/style_images/41/f_norm.gif' width='15' height='13' alt='M_UNREAD'>
M_READ
CODICE
<img src='http://img.forumfree.net/style_images/41/f_norm_no.gif' width='16' height='13' alt='M_READ'>
C_ON
CODICE
<img src='http://www.morning-star.org/skin/jb/bf_new.gif' width='33' height='32' alt='C_ON'>
C_OFF
CODICE
<img src='http://www.morning-star.org/skin/jb/bf_nonew.gif' width='33' height='32' alt='C_OFF'>
C_ON_RES
CODICE
<img src='http://www.morning-star.org/skin/jb/br_new.gif' width='33' height='32' alt='C_ON_RES'>
C_OFF_RES
CODICE
<img src='http://www.morning-star.org/skin/jb/br_nonew.gif' width='33' height='32' alt='C_OFF_RES'>
C_LOCKED
CODICE
<img src='http://www.morning-star.org/skin/jb/bf_readonly.gif' width='33' height='32' alt='C_LOCKED'>
F_ACTIVE
CODICE
<img src='http://www.morning-star.org/skin/jb/user.gif' width='33' height='32' alt='F_ACTIVE'>
F_STATS
CODICE
<img src='http://www.morning-star.org/skin/jb/stats.gif' width='33' height='32' alt='F_STATS'>
B_NEW
CODICE
<img src='http://img.forumfree.net/style_images/41/f_norm.gif' width='15' height='13' alt='B_NEW'>
B_NORM
CODICE
<img src='http://img.forumfree.net/style_images/41/f_norm_no.gif' width='16' height='13' alt='B_NORM'>
B_HOT
CODICE
<img src='http://img.forumfree.net/style_images/41/f_hot.gif' width='16' height='13' alt='B_HOT'>
B_HOT_NN
CODICE
<img src='http://img.forumfree.net/style_images/41/f_hot_no.gif' width='16' height='13' alt='B_HOT_NN'>
B_POLL
CODICE
<img src='http://img.forumfree.net/style_images/41/f_poll.gif' width='16' height='13' alt='B_POLL'>
B_POLL_NN
CODICE
<img src='http://img.forumfree.net/style_images/41/f_poll_no.gif' width='16' height='13' alt='B_POLL_NN'>
B_MOVED
CODICE
<img src='http://img.forumfree.net/style_images/41/f_moved.gif' width='16' height='13' alt='B_MOVED'>
B_LOCKED
CODICE
<img src='http://img.forumfree.net/style_images/41/f_closed.gif' width='16' height='13' alt='B_LOCKED'>
NEW_POST
CODICE
<img src='http://www.morning-star.org/skin/jb/newpost.gif' width='12' height='13' alt='NEW_POST'>
B_PIN
CODICE
<img src='http://www.morning-star.org/skin/jb/f_pinned.gif' width='9' height='10' alt='B_PIN'>
B_ANNUNCIO
CODICE
<img src='http://www.morning-star.org/skin/jb/annuncio.gif' width='9' height='10' alt='B_ANNUNCIO'>
P_DELETE
CODICE
<img src='http://www.morning-star.org/skin/jb/p_delete.gif' width='64' height='30' alt='P_DELETE'>
P_EDIT
CODICE
<img src='http://www.morning-star.org/skin/jb/p_edit.gif' width='64' height='30' alt='P_EDIT'>
P_QUOTE
CODICE
<img src='http://www.morning-star.org/skin/jb/p_quote.gif' width='64' height='30' alt='P_QUOTE'>
P_MSG
CODICE
<img src='http://www.morning-star.org/skin/jb/p_pm.gif' width='64' height='30' alt='P_MSG'>
P_EMAIL
CODICE
<img src='http://www.morning-star.org/skin/jb/p_email.gif' width='64' height='30' alt='P_EMAIL'>
P_WEBSITE
CODICE
<img src='http://www.morning-star.org/skin/jb/p_www.gif' width='64' height='30' alt='P_WEBSITE'>
P_MSN
CODICE
<img src='http://www.morning-star.org/skin/jb/p_msn.gif' width='64' height='30' alt='P_MSN'>
P_YIM
CODICE
<img src='http://www.morning-star.org/skin/jb/p_yim.gif' width='64' height='30' alt='P_YIM'>
P_ICQ
CODICE
<img src='http://www.morning-star.org/skin/jb/p_icq.gif' width='64' height='30' alt='P_ICQ'>
P_UP
CODICE
http://www.morning-star.org/skin/jb/p_up.gif
F_NAV
CODICE
<img src='http://www.morning-star.org/skin/jb/f_nav.gif' width='37' height='36' alt='F_NAV'>
ICON_SEARCH
CODICE
http://www.morning-star.org/skin/jb/icon_search.gif
ICON_MEMBERS
CODICE
http://www.morning-star.org/skin/jb/icon_member.gif
ICON_HELP
CODICE
http://www.morning-star.org/skin/jb/icon_help.gif
- Per il container andate in
Gestione Codice HTML e inserite
in cima al forumCODICE
<br><br><table width="910px" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background:url(http://www.morning-star.org/skin/jb/container_01.gif) no-repeat; width:29px;"> </td>
<td style="background:url(http://www.morning-star.org/skin/jb/container_02.gif) repeat-x; height:29px; background-color: #E7E7E7"> </td>
<td style="background:url(http://www.morning-star.org/skin/jb/container_03.gif) no-repeat;" width="29px"> </td>
</tr>
<tr>
<td style="background:url(http://www.morning-star.org/skin/jb/container_04.gif) repeat-y; width:29px"> </td>
<td style="background:url(http://www.morning-star.org/skin/jb/container_05.gif); background-color: #F3F3F3; repeat;" align="center" valign="top">
<br><br>
e
in fondo CODICE
<br>
</td>
<td style="background:url(http://www.morning-star.org/skin/jb/container_06.gif) repeat-y; width: 29px"> </td>
</tr>
<tr>
<td style="background:url(http://www.morning-star.org/skin/jb/container_07.gif) no-repeat;"> </td>
<td style="background:url(http://www.morning-star.org/skin/jb/container_08.gif) repeat-x; height:29px"> </td>
<td style="background:url(http://www.morning-star.org/skin/jb/container_09.gif) no-repeat;"> </td>
</tr>
</table><br><br>