My Serenity

Esempio disponibile a questo link
- Andate in Modifica skin ed impostate la skin Toddlers Lavender
- Andate in Modifica colori e stili e inserite questo codice:CODICE
body {background-image: none; font-family: verdana, tahoma, arial, sans-serif; font-size: 10px; color: #058BFF; background-color: #D3EDEE}
table, div {font-size: 10px; color: #548E93}
a:link, a:visited {text-decoration: none; color: #467F84}
a:hover {color: #A79647; text-decoration: underline}
.header_width, .skin_tbl, .skin_tbl_width, .stats .border {width: 85%}
/* TABELLA FORUM */
#wrapper {background-color: #D3EDEE;
margin-left: auto;
margin-right: auto;
width: 80%;
border: 12px solid #F0E88D;
margin-top: 56px;
margin-bottom: 56px}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #388D92; font-weight: bold}
.moderatore {color: #4BBDC3; font-weight: bold}
.utente {}
.daconvalidare {color: #000}
.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}
/*---------------------------------------------------------*/
.header {background-color: #D2ECEE; border: 1px solid #8BB9BC; border-bottom: 0}
.menu {height: 20px; background-image: url(http://skin.forumfree.net/myserenity/menu.gif); font-size: 10px; padding: 0; border: 1px solid #8BB9BC}
.menu a:hover {font-weight: bold; color: #467F84; text-decoration: none}
.nav {font-weight: bold; color: #23777F; font-size: 11px}
.menu .highlight {font-weight: bold; color: #FFF}
.tag .aa, .tag .ww {background-image: none}
.tag a:link, .tag a:visited {font-weight: bold}
.mback {background-image: none; height: 26px}
.mback_left {width: 99px; background-image: url(http://skin.forumfree.net/myserenity/mback_left.gif); background-position: bottom; background-repeat: no-repeat}
.mback_center {background-image: url(http://skin.forumfree.net/myserenity/mback_center.gif); background-position: bottom; background-repeat: repeat-x}
.mback_right {width: 89px; background-image: url(http://skin.forumfree.net/myserenity/mback_right.gif); background-position: bottom right; background-repeat: no-repeat}
.mtitle {text-align: center; font-size: 10px; font-weight: bold}
.msub {height: 3px; font-size: 3px}
.msub_left {height: 3px; width: 7px; background-image: url(http://helyanstyle.altervista.org/_altervista_ht/skin/msub_left.gif); background-repeat: no-repeat}
.msub_center {background-image: url(http://helyanstyle.altervista.org/_altervista_ht/skin/msub_center.gif); background-repeat: repeat-x}
.msub_right {width: 7px; background-image: url(http://helyanstyle.altervista.org/_altervista_ht/skin/msub_right.gif); background-repeat: no-repeat}
.mainbg {background-color: #8BB9BC}
.title, .title2, .title3, .row2 {height: 18px; background-image: url(http://skin.forumfree.net/myserenity/title.gif); font-weight: bold; color: #FFF; text-align: center; background-color: #B4DADC; background-repeat: repeat-x}
.title a:hover, .title2 a:hover {color: #5D9CA1}
.aa, .bb, .cc, .ww, .xx, .yy, .zz {background-image: url(http://skin.forumfree.net/myserenity/sezione.gif); background-repeat: repeat-x; background-position: top; background-color: #C5E5E8}
.web {font-size: 11px}
.desc {font-size: 10px}
.foot {background-image: url(http://skin.forumfree.net/myserenity/topic.gif); background-repeat: repeat-x; background-position: top; background-color: #A4D3D7}
.board .foot {display:none}
.skin_tbl_border {background-color: #8BB9BC}
.stats .border {border: 1px solid #8BB9BC}
.stats .title2 {height: 25px; color: #467F84; background-image: url(http://skin.forumfree.net/myserenity/stats_title.gif); background-position: bottom; background-repeat: repeat-x; font-size: 10px; font-weight: bold; text-align: center}
.sunbar {height: 18px; background-image: url(http://skin.forumfree.net/myserenity/title.gif); font-weight: bold; color: #FFF; text-align: center; background-color: #B4DADC; background-repeat: repeat-x; text-align: center}
.highlight {color: #548E93}
.left_top, .right_top {background-image: url(http://skin.forumfree.net/myserenity/topic.gif); background-repeat: repeat-x; background-position: top; background-color: #A4D3D7}
.left_bottom, .right_bottom {background-color: #A4D3D7; border-left: 1px solid #C5E8EC; border-top: 1px solid #C5E8EC}
.left_bottom, .right_bottom {background-color: #A4D3D7; border-left: 1px solid #C5E8EC; border-top: 1px solid #C5E8EC}
.left_top a:hover, .right_top a:hover, .left_bottom a:hover, .right_bottom a:hover {color: #5D9CA1}
.nick {font-size: 12px; font-weight: bold; padding-bottom: 2px}
.left, .right {background-image: url(http://skin.forumfree.net/myserenity/sezione.gif); background-repeat: repeat-x; background-position: top; background-color: #C5E5E8}
#quote, #code {font-family: verdana, arial; font-size: 10px; color: #4C8287; background-color: #D0EFF3; border: 4px solid #93BFC3; padding: 2px}
.quote_top, .code_top {color: #978D3B}
hr {color: #94B2E4}
.fancyborder {border: 1px dashed #BAB35A}
.edit {font-size: 9px}
.bottomborder {border-bottom: 1px dashed #94B2E4}
.signature {font-size: 7.5pt}
.signature a:link, .signature a:visited {font-weight: bold; text-decoration: overline}
.sep {height: 6px}
.bar_left {background-image: url(http://skin.forumfree.net/myserenity/barleft.gif); background-repeat: no-repeat}
.bar {background-image: url(http://skin.forumfree.net/myserenity/bar.gif); background-repeat: repeat-x}
.bar_right {background-image: url(http://skin.forumfree.net/myserenity/barright.gif); background-repeat: no-repeat}
.msg_main {background-color: #C5E5E8}
.darkbar {color: #FFF; font-weight: bold; background-image: url(http://skin.forumfree.net/myserenity/topic.gif); background-repeat: repeat-x; background-position: top; background-color: #A4D3D7}
.row1 {background-color: #B4DADC}
.row3 {background-color: #B4DADC; border: 1px solid #8BB9BC}
.msg .details {font-size: 7.5pt}
.color {color: #3B666A; font-size: 11px; line-height: 150%}
.color a:link, .color a:visited {text-decoration: underline}
.color a:hover {text-decoration: overline}
.msg .details p {font-size: 10px; line-height: 150%; color: #000}
.info {color: #005580}
.alert {color: #D31B31}
.pagetitle, .pagetitle a:link, .pagetitle a:visited {color: #A79647; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.pagetitle a:hover {text-decoration: underline}
.profile a:link, .profile a:visited {font-weight: bold; text-decoration: overline}
/* INPUT */
.codebuttons, .forminput, .input {background-color: #B4DADD; border: 1px solid #8BB9BC; background-image: url(http://skin.forumfree.net/myserenity/title.gif); background-repeat: repeat-x; color: #3B7377; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.menu .textinput, .menu select {border: 1px solid #8BB9BC; background-color: #B4DADD; color: #3B7377; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.textinput {background-color: #B4DADD; border: 1px solid #8BB9BC; color: #3B7377; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
- Andate in Modifica immagini/gradi ed inserite queste immagini:A_STAR
CODICE
<img src='http://skin.forumfree.net/myserenity/pip.gif' width='9' height='9' alt=''>
A_REPLY
CODICE
<img src='http://skin.forumfree.net/myserenity/t_reply.gif' width='83' height='27' alt='A_REPLY'>
A_POST
CODICE
<img src='http://skin.forumfree.net/myserenity/t_new.gif' width='83' height='27' alt='A_POST'>
A_POLL
CODICE
<img src='http://skin.forumfree.net/myserenity/t_poll.gif' width='83' height='27' alt='A_POLL'>
A_POLLONLY_B
CODICE
<img src='http://skin.forumfree.net/myserenity/t_closed.gif' width='83' height='27' alt='A_POLLONLY_B'>
A_LOCKED_B
CODICE
<img src='http://skin.forumfree.net/myserenity/t_closed.gif' width='83' height='27' alt='A_LOCKED_B'>
M_REPLY
CODICE
<img src='http://skin.forumfree.net/myserenity/msg_l_reply.gif' width='83' height='27' alt='M_REPLY'>
M_ADDMEM
CODICE
<img src='http://skin.forumfree.net/myserenity/msg_l_addmem.gif' width='83' height='27' alt='M_ADDMEM'>
M_DELETE
CODICE
<img src='http://skin.forumfree.net/myserenity/msg_l_delete.gif' width='83' height='27' alt='M_DELETE'>
C_ON
CODICE
<img src='http://skin.forumfree.net/myserenity/bf_new.gif' width='43' height='39' alt='C_ON'>
C_OFF
CODICE
<img src='http://skin.forumfree.net/myserenity/bf_nonew.gif' width='43' height='39' alt='C_OFF'>
C_ON_RES
CODICE
<img src='http://skin.forumfree.net/myserenity/br_new.gif' width='43' height='39' alt='C_ON_RES'>
C_OFF_RES
CODICE
<img src='http://skin.forumfree.net/myserenity/br_nonew.gif' width='43' height='39' alt='C_OFF_RES'>
C_LOCKED
CODICE
<img src='http://skin.forumfree.net/myserenity/bf_readonly.gif' width='43' height='39' alt='C_LOCKED'>
F_ACTIVE
CODICE
<img src='http://skin.forumfree.net/myserenity/user.gif' width='43' height='39' alt='F_ACTIVE'>
F_STATS
CODICE
<img src='http://skin.forumfree.net/myserenity/stats.gif' width='43' height='39' alt='F_STATS'>
NEW_POST
CODICE
<img src='http://skin.forumfree.net/myserenity/newpost.gif' width='13' height='13' alt='NEW_POST'>
P_DELETE
CODICE
<img src='http://skin.forumfree.net/myserenity/p_delete.gif' width='33' height='12' alt='P_DELETE'>
P_EDIT
CODICE
<img src='http://skin.forumfree.net/myserenity/p_edit.gif' width='33' height='12' alt='P_EDIT'>
P_QUOTE
CODICE
<img src='http://skin.forumfree.net/myserenity/p_quote.gif' width='33' height='12' alt='P_QUOTE'>
P_MSG
CODICE
<img src='http://skin.forumfree.net/myserenity/p_pm.gif' width='24' height='12' alt='P_MSG'>
P_EMAIL
CODICE
<img src='http://skin.forumfree.net/myserenity/p_email.gif' width='33' height='12' alt='P_EMAIL'>
P_WEBSITE
CODICE
<img src='http://skin.forumfree.net/myserenity/p_www.gif' width='29' height='12' alt='P_WEBSITE'>
P_MSN
CODICE
<img src='http://skin.forumfree.net/myserenity/p_msn.gif' width='24' height='12' alt='P_MSN'>
P_YIM
CODICE
<img src='http://skin.forumfree.net/myserenity/p_yim.gif' width='22' height='12' alt='P_YIM'>
P_ICQ
CODICE
<img src='http://skin.forumfree.net/myserenity/p_icq.gif' width='22' height='12' alt='P_ICQ'>
P_UP
CODICE
http://skin.forumfree.net/myserenity/p_up.gif
F_NAV
CODICE
<img src='http://skin.forumfree.net/myserenity/f_nav.gif' width='13' height='13' alt='F_NAV'>
- Se volete la tabella andate in Gestione Codice HTML e inserite in cima al forumCODICE
<style type="text/css">
body {background-image: url(http://skin.forumfree.net/myserenity/bg.gif)}
</style>
<div id="wrapper">
<br><br>
e
in fondo