Married with Graphic, ~ anime, manga, graphic and much more

Freak out and let it go SKIN,

« Older   Newer »
  Share  
noccio˜
view post Posted on 16/5/2011, 19:53




image



E' severamente vietato:
- cambiare qualsiasi cosa che appartiene al codice css a parte la grandezza delle statistiche o delle sezioni.
- rimuovere i credits

Potete però:
- cambiare l'immagine di sfondo
- cambiare i bottoni
- allargare/stringere il container
- ripristinare lo spazio per le ricerche nel web/circuito. Ma vi avverto che ciò andrà a scapito dell'estetica della barra utente.

Gestione codice HTML--> In cima al forum:

CODICE
<!--skinTopBegin-->
<div class="mn"> <a href="http://kawaiikillers.forumcommunity.net/">Home</a><a href="#">Link 2</a><a href="#">Link 3</a><a href="#">Link 4</a><a href="#">Link 5</a></div><div class="bg"><a href="http://kawaiikillers.forumcommunity.net/"><img src="http://i114.photobucket.com/albums/n252/nocciola/logoskin_noccio-1.png"></a></div><div class="decoration" style="width: 100%; height: 8px; line-height: 21px; text-align: right;"></div>
<!--skinTopEnd-->

<div style="background-color: #DEF6F8; background-image: none; background-position: top left; width:55%; -moz-border-radius: 5px" align="center">


In fondo al forum:

CODICE
<!--terms-->
<span style=font-size:13pt><span style="font-family: Georgia, Times New Roman, Tahoma;">Skin by <a href="http://kawaiikillers.forumcommunity.net/">noccio.</span></span>
<br> <br>
</div>
</div>
<br><br>


Codice colori e stili:

CODICE
body {background-color: #333333 repeat-x bottom; font-family: malgun gothic, tahoma, arial; font-size: 8pt; color: #201F1F}
table, div {font-size: 7.5pt; color: #DF4F85}
a:link, a:visited {text-decoration: none; color: #6E6E76}
a:hover {color: #80D28C}

.bg {background-color: #F7CBB7;
background-position: top; background-repeat: repeat-x; width: 100%; height: 200px; text-align: center}

.decoration {background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barradecorazione_noccio.png);
background-position: top; background-repeat: repeat-x; width: 100%; height: 8px; border: 1px solid #D8DFE0}

/* MENU ALTO */
.mn {background-color: #4A474F; color: #AAA7B1; width: 100%; height: 13px; font-size: 11px; padding-top: 6px; padding-bottom: 4px; font-weight: italic}
.mn a:link, .mn a:visited, .mn a:hover {padding-left: 20px; padding-right: 20px; color: #ABA7B1}
.mn a:hover {color: #DFF4A9; font-size: 12px}

/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 8pt}
.nav a:link, .nav a:visited {color: #25C8BC} .nav a:hover {color: #3BDBCE}

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

/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #179463; font-weight: bold}
.moderatore {color: #58BD96; font-weight: bold}
.utente {}
.daconvalidare {color: #CBD7D2}
.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}

/* TAG */
.tag .skin_tbl_width, .tag .skin_tbl {width: 70%; border: 0}
.tag .mainbg {background-color: #F3F9DD}
.tag .mtitle {text-align: right; padding-bottom: 9px; padding: 0; font-weight: normal; font-size: 8pt; color: #524E56; text-shadow: 1px 1px 0 #BBB7BF; text-transform: uppercase}

.tag .ww {background-color: #F3F9DD; color: #5B5C6A; border: 0; font-size: 10px; background-position: bottom; letter-spacing: 0}
.tag .aa {background-color: #E3F1AD; color: #5B5C6A; border: 0; font-size: 10px; background-position: bottom; letter-spacing: 0}

.tag .ww a:link, .tag .ww a:visited {text-decoration: none; color: #60616E; letter-spacing: 0; font-size: 11px}
.tag .aa a:link, .tag .aa a:visited {text-decoration: none; color: #60616E; letter-spacing: 0; font-size: 11px}
.tag .ww a:hover {text-decoration: none; color: #60616E; letter-spacing: 0; font-size: 11px}
.tag .aa a:hover {text-decoration: none; color: #60616E; letter-spacing: 0; font-size: 11px}

.tag .textinput {font-size: 11px; color: #5B5C6A; border: 1px solid #DDC0B7; background-color: #F0E4E0; background-repeat: repeat-x}
.tag .codebuttons {font-size: 10px; color: #5B5C6A; border: 1px solid #DDC0B7; background-color: #F0E4E0}


/* BARRA ATTORNO AL FORUM */
.mtitle {text-align: right; letter-spacing: 1px; word-spacing: 1px; padding-top: 3px; font-weight: italic; font-size: 8pt; color: #524E56; text-shadow: 1px 1px 0 #BBB7BF}

.mback {height: 51px; border-bottom: none; background-image: none}

.mback_left {width: 133px; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barraskinsinistra_noccio.png); background-repeat: no-repeat; background-position: bottom}

.mback_center {background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barraskincentro_noccio.png); background-repeat: repeat-x; background-position: bottom}

.mback_right {width: 114px; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barraskindestra_noccio.png); background-repeat: no-repeat; background-position: bottom}


.msub {height: 3px; font-size: 3px}

.msub_left {height: 3px; width: 57px; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barrasotto_noccio.png); background-repeat: no-repeat}

.msub_center {background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barrasotto_noccio.png); background-repeat: repeat-x}

.msub_right {width: 57px; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barrasotto_noccio.png); background-repeat: no-repeat}




/* BARRA UTENTE */
.header {background-color: #333333; border: 1px solid #333333; border-bottom: 0}
.menu {background-color: transparent; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barrautente_noccio.png); background-position: top center; background-repeat: no-repeat; color: #E1F5AE; font-weight: italic; font: 6px; margin: 0; margin-top: -1px; padding-bottom: 1px; padding-right: 8px; padding-left: 20px; height: 23px; margin-left: auto; margin-right: auto; position: relative; text-align: center; width: 465px; border:none}
.menu .highlight {font-weight: bold; color: #7AA2F1}
.menu_right {display: none}
.menu select {display: none}
.menu input {display: none}


/* SEZIONI FORUM */
.skin_tbl_border, .mainbg {background-color: #F3F9DD}
.title, .foot, .row2 {height: 20px; font-weight: bold; color: #45434A; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barratitle_noccio-1.png); background-repeat: repeat-x; background-color: #DEF1AA; border: 0 solid #F0E4E0; border-bottom: 0}
.ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #F3F9DD; border: none; border-bottom: 0; background-image: url(http://skin.forumfree.net/1365/bordo.png); background-position: top; background-repeat: repeat-x}
.web {font-size: 8pt; line-height: 150%}
.desc {font-size: 10px; color: #8B8A93}
.board .foot {display: none}
.board {margin-bottom: 10px}

/* STATISTICHE */
.stats .title2 {height: 24px; border-bottom: 1px solid #A5A1A9; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barraaa2_noccio-1.png); background-repeat: repeat-x; background-position: bottom; background-color: #0B6341; letter-spacing: 1px; font-size: 8pt; color: #F3F9DD}
.sunbar {height: 20px; font-weight: bold; color: #60616E; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barratitle_noccio-1.png); background-repeat: repeat-x; border: 1px solid #DDDDDD; border-bottom: 0}
.stats .ww, .stats .aa {background-color: #EFEFEF}
.stats .ww {text-align: left}
.highlight {color: #A9A5AD}

/* LINK MOD */
.highlight a:link, .highlight a:visited {color: #7AA2F1} .highlight a:hover {text-decoration: line-through}

/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #444; background-color: #BFE9C5; border: 1px solid #DDDDDD; border-bottom: 0}
.nick {font-size: 15px; color: #D5306A; padding-bottom: 2px}
.nick a:link, .nick a:visited {font-weight: bold}
.left, .right {background-color: #F3F9DD; border: 1px solid #DDDDDD; border-bottom: 0}
#quote {border: 1px dashed #CAE357; background-color: #E9F4BE; font-size: 8pt; padding: 4px}
#code {border: 1px dashed #CAE357; background-color: #E9F4BE; font-size: 8pt; padding: 4px}
.color {font-size: 9pt; line-height: 150%}
.color a:hover {text-decoration: underline}
hr {color: #D0E775}
.fancyborder {background-color: #E7F2B2; border: 1px dashed #D4E55F}

.edit {font-size: 9px; font-style: italic; color: #E1F0A4}
.bottomborder {border-bottom: 1px dashed #D4E55F}
.signature {color: #D4E55F; line-height: 150%}
.sep {height: 3px}


/* MESSENGER */
.msg_txt a:hover {text-decoration: underline}
.msg_main, .row1 {background-color: #F3F9DD; border: 1px solid #DDDDDD; border-bottom: 0}
.row3 {background-color: #F3F9DD; border: 1px solid #DDDDDD}
.title3, .darkbar {height: 23px; background-color: #26C9BC; border: 1px solid #DDDDDD; border-bottom: 0; font-weight: italic; font-family: georgia, tahoma, arial; font-size: 13px; color: #EFEFEF}
.title3 {border: 0}
height: {25px; font-weight: bold; color: #444; background-color: #EAEAEA}
.msg .details p {color: #D32965; font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.info {padding: 4px; background-color: #EAEAEA; color: #333333; border: 2px solid #0B6341}
.alert {padding: 3px; background-color: #EFEFEF; color: #003A23; border: 1px dotted #056640}
.darkline {background-image:none}

/* PROFILO UTENTI */
.pagetitle {font-size: 19px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.profile .title2 {background-image:url(http://i114.photobucket.com/albums/n252/nocciola/barratitle_noccio-1.png); border: 0; border-bottom: 1px dashed: #DDDDDD; font-weight: italic; font-size: 11px; font-family: georgia, tahoma, arial; color: #8C8C98}
.profile .row1 {border: 0; background-color: #F3F9DD}
.highlight a:link, .highlight a:visited {color: #24C8BB} .highlight a:hover {text-decoration: line-through}
.profile .bottomborder {border-bottom: 1px dashed #D3E97D}

/* INPUT */
.textinput, .forminput, .input, .codebuttons {border: 1px solid #DFC3BB; background-color: #F0E4E0; color: #83828D; font-size: 7.5pt; font-family: malgun gothic, tahoma, arial; vertical-align: middle}
.forminput {font-size: 11px}
.menu .textinput, .menu .forminput {background-color: #F3F9DD; border-left: 1px solid #DFC3BB}
.msg .textinput {background-color: #F3F9DD; color: #817F8B; font-size: 8.5pt}
.msg .input, .msg .forminput {background-color: #F3F9DD}

/* BOTTONI */
.button {background-image: trasparent; background-repeat:no-repeat; width: 100px; height: 20px; font-size: 14px; font-family: georgia, tahoma, arial; color: #21C7BB; display:inline-block; padding-top: 3px; text-align: center}

/* SONDAGGIO */
.title2 {height: 22px; font-weight: bold; color: #D73770; background-image: url(http://i114.photobucket.com/albums/n252/nocciola/barratitle_noccio-1.png); background-repeat: repeat-x; border: 1px solid #FFFFFF; border-bottom: 0}
.title2 a:link, .title a:visited, .title a:active {color: #6C6C78}
.title2 a:hover {color: #6C6C78}
.row1 {background-color: #F3F9DD; border: 1px solid #DDDDDD; border-bottom: 0}
.row2 {height: 14px; font-weight: bold; color: #21C7BA; background-color: #F3F9DD; border: 1px solid #EFEFEF; border-bottom: 0}

.bar_left {background-image:url(http://i114.photobucket.com/albums/n252/nocciola/barrasotto_noccio.png); background-position:center center; background-repeat:no-repeat; height: 3px; width: 57px}
.bar {background-image:url(http://i114.photobucket.com/albums/n252/nocciola/barrasotto_noccio.png); background-position:center center; background-repeat:repeat-x; height: 3px}
.bar_right {background-image:url(http://i114.photobucket.com/albums/n252/nocciola/barrasotto_noccio.png); background-position:center center; background-repeat:no-repeat; height: 3px; width: 57px}


Immagini: (modifica rapida)

CODICE
A_STAR:°
A_REPLY:<span class="button">A_REPLY</span>
A_POST:<span class="button">A_POST</span>
A_POLL:<span class="button">A_POLL</span>
A_POLLONLY_B:<span class="button">A_POLLONLY_B</span>
A_LOCKED_B:<span class="button">A_LOCKED_B</span>
M_REPLY:<span class="button">M_REPLY</span>
M_ADDMEM:<span class="button">M_ADDMEM</span>
M_DELETE:<span class="button">M_DELETE</span>
M_UNREAD:<img src='http://skin.forumfree.net/1365/discussione_nuove_risposte.png' width='16' height='16' alt='B_NEW'>
M_READ:<img src='http://skin.forumfree.net/1365/discussione_no_nuove_risposte.png' width='16' height='16' alt='B_NORM'>
C_ON:<img src='http://skin.forumfree.net/1365/on2.png' width='27' height='24' alt='C_ON'>
C_OFF:<img src='http://skin.forumfree.net/1365/off2.png' width='27' height='24' alt='C_OFF'>
C_ON_RES:<img src='http://skin.forumfree.net/1365/on2.png' width='27' height='24' alt='C_ON_RES'>
C_OFF_RES:<img src='http://skin.forumfree.net/1365/off2.png' width='27' height='24' alt='C_OFF_RES'>
C_LOCKED:<img src='http://skin.forumfree.net/1365/on2.png' width='27' height='24' alt='C_LOCKED'>
F_ACTIVE:<img src='http://skin.forumfree.net/1365/on2.png' width='27' height='24' alt='F_ACTIVE'>
F_STATS:<img src='http://skin.forumfree.net/1365/off2.png' width='27' height='24' alt='F_STATS'>
B_NEW:<img src='http://skin.forumfree.net/1365/discussione_nuove_risposte.png' width='16' height='16' alt='B_NEW'>
B_NORM:<img src='http://skin.forumfree.net/1365/discussione_no_nuove_risposte.png' width='16' height='16' alt='B_NORM'>
B_HOT:<img src='http://skin.forumfree.net/1365/discussione_calda_nuove_risposte.png' width='16' height='16' alt='B_HOT'>
B_HOT_NN:<img src='http://skin.forumfree.net/1365/discussione_calda_no_nuove_risposte.png' width='16' height='16' alt='B_HOT_NN'>
B_POLL:<img src='http://skin.forumfree.net/1365/sondaggio_nuovi_voti.png' width='16' height='16' alt='B_POLL'>
B_POLL_NN:<img src='http://skin.forumfree.net/1365/sondaggio_no_nuovi_voti.png' width='16' height='16' alt='B_POLL_NN'>
B_MOVED:<img src='http://skin.forumfree.net/1365/discussione_spostata.png' width='16' height='16' alt='B_MOVED'>
B_LOCKED:<img src='http://skin.forumfree.net/1365/discussione_chiusa.png' width='16' height='16' alt='B_LOCKED'>
NEW_POST:<img src='http://skin.forumfree.net/1365/nuovo_post.png' width='16' height='16' alt='NEW_POST'>
P_DELETE:<span class="button">P_DELETE</span>
P_EDIT:<span class="button">P_EDIT</span>
P_QUOTE:<span class="button">P_QUOTE</span>
P_MSG:<span class="button">P_MSG</span>
P_EMAIL:<span class="button">P_EMAIL</span>
P_WEBSITE:<span class="button">P_WEBSITE</span>
P_CONTACTS:<span class="button">P_CONTACTS</span>
F_NAV:~
ICON_SEARCH:http://skin.forumfree.net/1365/magnifier.png
ICON_MEMBERS:http://skin.forumfree.net/1365/group.png
ICON_HELP:http://skin.forumfree.net/1365/bullet_wrench.png



sfondo

CODICE
http://i114.photobucket.com/albums/n252/nocciola/sfondoskin1_noccio.png
 
Top
Mother Monster
view post Posted on 11/6/2011, 22:59




Non ho resistito, l'ho utilizzata per il mio portfolio!
Va bene che ti avverto qui no?
Qui puoi controllare che non commetta reati con la tua skin haha http://mehlportfolio.blogfree.net/ magnifica, ed io sono molto schizzignosa con le skin!
 
Top
noccio˜
view post Posted on 12/6/2011, 14:17




*A* uuh allora mi sento onorato! Ma certo, grazie mille per aver avvertito ^^
 
Top
Mother Monster
view post Posted on 12/6/2011, 15:40




Potrei chiederti se posso effettuare una mini modifica? Non riguarda la skin, ma vorrei unire la tagboard alla bacheca, posso farlo o mi sbrani? *-*
 
Top
noccio˜
view post Posted on 13/6/2011, 11:20




XD sisi certo che puoi ^^
 
Top
Mother Monster
view post Posted on 15/6/2011, 20:09




Graaazieee gentilissimo!
 
Top
5 replies since 16/5/2011, 19:53   267 views
  Share  
 

Skin zone
 

Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumCommunity