Sunrise Avenue // Tutorial, Skinning, WebDesign and Fun

Let me sign Light Blue

« Older   Newer »
  Share  
.Delta
view post Posted on 18/6/2009, 11:00




Let me Sign Light Blue

image


Esempio disponibile a questo link

- Andate in Modifica skin ed impostate la Shoujo Love

- Andate in Modifica colori e stili e inserite questo codice:
CODICE
body {background-image: url(http://img.forumfree.net/style_images/37/sfondo.gif); background-color: #E0E0E0; font-family: verdana, tahoma, arial; font-size: 8pt; color: #525252}
table, div {font-size: 7.5pt; color: #525252}
a:link, a:visited {text-decoration: none; color: #00A4C5}
a:hover {text-decoration: underline; color: #00A4C5}

/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 9pt}

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

/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #F63051; font-weight: bold}
.moderatore {color: #FF657F; font-weight: bold}
.utente {font-weight: bold}
.daconvalidare {color: #E38A96}
.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: 16px}
.mtitle {text-align: left; letter-spacing: 2px; font-family: tahoma, tahoma; padding-left: 27px; font-weight: bold; font-size: 12px; color: #E0E0E0}
.mback_center {background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/mback.gif); background-position: bottom; background-repeat: repeat-x}
.mback_right {width: 23px; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/mback_right.png); background-repeat: no-repeat; background-position: bottom}
.mback_left {width: 6px; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/mback_left.png); background-repeat: no-repeat; background-position: bottom}
.msub {height: 7px}
.msub_left {width: 4px; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/msub_left.png); background-repeat: no-repeat}
.msub_center {background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/msub.gif); background-repeat: repeat-x}
.msub_right {width: 8px; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/msub_right.png); background-repeat: no-repeat}
.mright_top, .mleft_top, .mright, .sep_right, .mleft, .sep_left {width: 0}
.header {background-color: #E0E0E0}
.menu {border: 1px solid #808080; background-color: #E0E0E0}
.menu_right {display: none}

/* SEZIONI FORUM */
.mainbg {background-color: #A7A7A7}
.title {height: 18px; font-weight: bold; background-color: #95C7E7; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/title.gif); background-repeat: repeat-x}
.ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #D3D3D3}
.board .web {font-size: 10.5pt; line-height: 150%}
.forum .web {font-size: 10pt; line-height: 150%}
.desc {font-size: 10px; color: #525252}
.foot {display: none}

/* STATISTICHE */
.stats .border {border: 1px solid #A7A7A7}
.skin_tbl_border {background-color: #A7A6A6}
.stats .title2 {background-color: #E3E1E1; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/title.gif); background-repeat: repeat-x; border: 0}
.sunbar {background-color: #E3E1E1}
.highlight {color: #525252}

/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {background-color: #E2E2E2}
.right_top * a:link, .right_top * a:visited, .right_bottom * a:link, .right_bottom * a:visited {font-weight: bold}
.nick {border: 1px solid #000; font-size: 10px; padding-bottom: 2px; background-color: #E2E2E2}
.nick a:link, .nick a:visited {font-weight: bold; text-decoration: none; font-size: 9pt}
.nick a:hover {text-decoration: none; border-bottom: 1px dashed #00A4C5}
.left, .right {background-color: #E2E2E2}
#quote {font-size: 11px; color: #919292; background-color: #D5D5D5; border: 1px dashed #00A4C5; border-right: 1px dotted #00A4C5; border-bottom: 1px dashed #919191; padding: 2px}
#code {font-size: 11px; color: #919292; background-color: #D5D5D5; border: 1px dotted #000; border-bottom: 1px dashed #00A4C5; padding: 2px}
.color {font-size: 9.5pt; line-height: 150%}
.color a:link, .color a:visited {text-decoration: underline}
hr {color: #BC3232}
.fancyborder {border: 1px solid #A7A7A7}
.edit {font-size: 9px; color: #8D8D8D}
.bottomborder {border-bottom: 1px dashed #525252}
.signature {font-size: 7.5pt; color: #7B7A7A; line-height: 150%}
.bar_left {background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/bar_left.gif)}
.bar {background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/bar.gif)}
.bar_right {background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/bar_right.gif)}

/* MESSENGER */
.msg_main {background-color: #E2E2E2}
.row1 {background-color: #E2E2E2}
.row2 {height: 24px; background-color: #E2E2E2}
.row3 {background-color: #E2E2E2; border: 1px solid #7A7A7A}
.darkbar {background-color: #E2E2E2; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/title.gif); font-weight: bold}
.title3 {background-color: #D5D5D5; font-weight: bold}
.msg .details p {color: #000; font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.info {color: #72A971}
.alert {color: #FF0000}

/* PROFILO UTENTI */
.pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.title2 {height: 24px; background-color: #DADADA; background-image: url(http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/title.gif); font-weight: bold}
.title2 a:link, .title2 a:visited {font-weight: bold}
.profile .row1 {background-color: #DADADA}

/* INPUT */
.textinput {background-color: #E5E5E5; color: #525252; font-size: 8.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.forminput {font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #525252; background-color: #E5E5E5; border: 1px solid #7A7A7A; border-bottom: 1px solid #525252; border-right: 1px solid #525252}
.input, .codebuttons {font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #525252; background-color: #E5E5E5; border: 1px solid #7A7A7A}

/* CONTAINER */
#wrapper {background-color: #E0E0E0;
margin-left: auto;
margin-right: auto;
width: 85%;
border: 16px solid #06C1F5;
margin-top: 56px;
margin-bottom: 56px}


- Andate in Modifica immagini ed inserite questo codice tramite la Modifica rapida:
CODICE
A_STAR:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/a_star.png' width='14' height='12' alt=''>
HEADER_TILE:http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/header_tile.png
TILE_SUB:http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/tile_sub.png
A_REPLY:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/a_reply.png' width='100' height='30' alt='A_REPLY'>
A_POST:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/a_post.png' width='100' height='30' alt='A_POST'>
A_POLL:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/a_poll.png' width='100' height='30' alt='A_POLL'>
A_POLLONLY_B:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/a_locked.png' width='100' height='30' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/a_locked.png' width='100' height='30' alt='A_LOCKED_B'>
M_REPLY:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/m_reply.png' width='100' height='30' alt='M_REPLY'>
M_ADDMEM:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/m_add.png' width='100' height='30' alt='M_ADDMEM'>
M_DELETE:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/m_delete.png' width='100' height='30' alt='M_DELETE'>
M_UNREAD:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_norm.gif' width='16' height='16' alt='M_UNREAD'>
M_READ:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/m_read.png' width='16' height='16' alt='M_READ'>
C_ON:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/c_on.gif' width='27' height='27' alt='C_ON'>
C_OFF:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/c_off.gif' width='27' height='27' alt='C_OFF'>
C_ON_RES:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/c_on_res.gif' width='27' height='27' alt='C_ON_RES'>
C_OFF_RES:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/c_off_res.gif' width='27' height='27' alt='C_OFF_RES'>
C_LOCKED:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/c_off_res.gif' width='27' height='27' alt='C_LOCKED'>
F_ACTIVE:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/c_on.gif' width='27' height='27' alt='F_ACTIVE'>
F_STATS:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign/c_off.gif' width='27' height='27' alt='F_STATS'>
B_NEW:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/LetMeSign/b_new.png' width='16' height='16' alt='B_NEW'>
B_NORM:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_norm.gif' width='16' height='16' alt='B_NORM'>
B_HOT:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_hot.gif' width='16' height='16' alt='B_HOT'>
B_HOT_NN:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_hot_nn.gif' width='16' height='16' alt='B_HOT_NN'>
B_POLL:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_poll.gif' width='16' height='16' alt='B_POLL'>
B_POLL_NN:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_poll_nn.gif' width='16' height='16' alt='B_POLL_NN'>
B_MOVED:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/LetMeSign/b_moved.png' width='16' height='16' alt='B_MOVED'>
B_LOCKED:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_closed.gif' width='16' height='16' alt='B_LOCKED'>
NEW_POST:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/new_post.gif' width='14' height='10' alt='NEW_POST'>
B_PIN:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_pin.gif' width='16' height='16' alt='B_PIN'>
B_ANNUNCIO:<img src='http://i673.photobucket.com/albums/vv98/ChuckBass-tard/Skin/ProblematiqueRed/b_annuncio.gif' width='16' height='15' alt='B_ANNUNCIO'>
P_DELETE:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_delete.gif' width='68' height='15' alt='P_DELETE'>
P_EDIT:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_edit.png' width='74' height='15' alt='P_EDIT'>
P_QUOTE:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_quote.png' width='74' height='15' alt='P_QUOTE'>
P_MSG:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_msg.gif' width='68' height='15' alt='P_MSG'>
P_EMAIL:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_mail.gif' width='68' height='15' alt='P_EMAIL'>
P_WEBSITE:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_website.gif' width='68' height='15' alt='P_WEBSITE'>
P_MSN:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_msn.gif' width='68' height='15' alt='P_MSN'>
P_YIM:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_yim.gif' width='68' height='15' alt='P_YIM'>
P_ICQ:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_icq.gif' width='68' height='15' alt='P_ICQ'>
P_UP:http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/p_up.gif
F_NAV:<img src='http://i660.photobucket.com/albums/uu328/deltaskin/let-me-sign-lightblue/f_nav.png' width='17' height='16' alt='F_NAV'>
F_NAV_SEP:>


- Andate in Gestione Codice HTML e inserite in cima al forum
CODICE
<div id="wrapper"><br>


- e in fondo al forum
CODICE
<div style="margin-top: -10px; font-size: 10px">Skin © <a href="http://roberto.blogfree.net/?act=Profile&MID=474" target="_blank"><b>Chuck Bass</b></a><br>Recolored by <a href="http://ffmagazine.forumfree.net/?act=Profile&MID=4052160"><b>.Delta</b></a></div> <br></div>


- Per aggiungere lo sfondo andate in Modifica sfondo e inserite
CODICE
http://img.forumfree.net/style_images/37/sfondo.gif
 
Top
0 replies since 18/6/2009, 11:00   120 views
  Share