Land of Illusion ~ where graphic meets fun {Graphic, skin & template}

Code Power

« Older   Newer »
  Share  
-kira-
view post Posted on 27/7/2008, 16:11





image


Info
Preview
Name: Code Power
Author: -kira-
Notes: Non togliere i credits. In nessun caso!
Le seguenti parti della skin possono essere tolte o sostituite senza chiedere i permessi:
/il logo
/lo sfondo
/il container
Anche la larghezza del forum e del container sono liberamente modificabili.
Per tutte le altre modifiche chiedere direttamente nel topic o per mp :wink:
Non si possono usare le immagini della skin per farne di altre


Modifica Skin >> Amnesiac Skin

Gestione Codice HTML >> Codice in cima al forum
CODICE
<div id=sfondo>
<div id=border-left>
<div id=border-right>
<br><br><style>#skin_tbl, #skin_tbl_width, #header_width, #solidborder {width: 90%}</style> <table cellPadding="0" cellSpacing="0" style="width: 780px; background-color: #575c63; border: 9px solid #6e747d"><tr><td><td align="center">


Gestione Codice HTML >> Codice in fondo al forum
CODICE
<br>
<div class="ww"; style="border: 4px solid #5A6067; width: 50%; padding: 2px">
Skin made by:<b> <a href="http://graphicomani.forumfree.net/?act=Profile&MID=333963">-kira-</a></b><br>Do <b>NOT</b> copy or redistribute! <br>
</div><br><br> </div> </table> <br><br> </div></div>



Amministrazione >> Modifica colori e stili
CODICE
body {background-color: #424A51; font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #979FA8; background-image: url(http://i143.photobucket.com/albums/r146/graphicomani/skinss/back.jpg); background-repeat: no-repeat; background-repeat: repeat-x}
table, div {font-size: 7.5pt; color: #979FA8}
a:link, a:visited {text-decoration: none; color: #BDC5CC}
a:hover {color: #EDEEEF; text-decoration: underline}

/* SCRITTE ESTERNE */
.nav {font-weight: bold; font-size: 9pt}
.nav a:hover, .navsub a:hover {color: #EDEEEF; border-bottom: 3px solid #61666E}

/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl, .stats .border {width: 98%}
.stats .border {width: 98%}
#sfondo {width: 800px; background-color: #575C63; border: 10px solid #575C63}
#border-left {background: url() left repeat-y}
#border-right {background: url() right repeat-y}

/*SCROLLBAR*/
body {scrollbar-3dlight-color: #575C63;
scrollbar-arrow-color: #6E747D;
scrollbar-face-color: #575C63;
scrollbar-darkshadow-color: #575C63;
scrollbar-track-color: #424A51;
scrollbar-highlight-color: #575C63;
scrollbar-shadow-color: #4F545A}

/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #CC3300; font-weight: bold}
.moderatore {color: #3366CC; font-weight: bold}
.utente {}
.daconvalidare {color: #008000}
.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: 31px; background-image: none}
.mtitle {letter-spacing: 1px; word-spacing: 2px; padding-bottom: 3px; font-size: 14pt; color: #3D3D3; text-align: center}
.mback_left, .mback_center, .mright, .mback_right, .sep_right, .mleft, .sep_left, .msub_center, .mright_top, .mleft_top, .mleft_bottom, .mright_bottom {width: 0; background-image: none; background-color: #4B5056}
.msub {height: 9px; font-size: 3px}
.msub_left, .msub_right {width: 0}
.mright_top, .mleft_top {width: 9px}
.mright_top {-moz-border-radius-topright: 3px}
.mleft_top {-moz-border-radius-topleft: 3px}
.mleft, .sep_left, .mright, .sep_right {width: 9px; background-repeat: repeat-y}
.mleft_bottom, .mright_bottom {width: 9px; background-repeat: no-repeat; background-position: bottom}
.tag {margin-bottom: 60px}

/* MENU UTENTE*/
.header {border: 0; background-color: #575C63;  background-repeat: no-repeat; background-position: center}
.menu {height: 15px; font-weight: normal; background-color: #6E747D; background-image: none; background-repeat: repeat-x; color: #4F545A; border: none; -moz-border-radius: 3px; border-bottom: 3px solid #4B5056}

/* SEZIONI FORUM */
.mainbg {background-color: transparent}
.title {height: 15px; font-weight: normal; background-color: #6E747D; background-image: none; background-repeat: repeat-x; color: #4F545A; border: none; -moz-border-radius: 3px}
.title a:link, .title a:visited {font-weight: normal; text-decoration: none; color: #88909B}
.title a:hover {color: #8B9197; border-bottom: 2px solid #484B4E}
.aa, .bb, .cc, .ww, .xx, .yy, .zz {background-color: #565B62; border: none}
.web {font-size: 10pt; line-height: 150%; font-family: arial}
.web a:link, .web a:visited, .title a:hover, .foot a:hover {color: #BDC5CC; text-decoration: none}
.web a:hover {color: #A9B2C0; text-decoration: underline; border-bottom: 3px solid #3E4641}
.desc {font-size: 10px; color: #99A2AE}
.foot {height: 12px; font-weight: bold; background-color: #6E747D; background-image: none}

/* STATISTICHE */
.skin_tbl_border {background-color: transparent}
.stats .border {border: 3px solid #6E747D}
.stats .title2, .sunbar {height: 15px; font-weight: normal; background-color: #6E747D; background-image: none; background-repeat: repeat-x; color: #4F545A; border: none; -moz-border-radius: 3px}
.stats .title2 {text-align:center; background-color: #60656D; font-size: 8.5pt; color: #858C97; font-weight: bold}
.highlight {color: #A7B0BE}

/* LINK MOD */
.highlight a:link, .highlight a:visited {color: #BDC5CC}
.highlight a:hover {color: #EDEEEF; text-decoration: underline}

/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {background-color: #4B5056; font-weight: bold; border: 0}

.left, .right {background-color: #565B62}
.nick {font-size: 12px; font-weight: bold; color: #414141; padding-bottom: 2px}
.nick a:link, .nick a:visited {text-decoration: underline}

#quote {font-family: verdana, arial; font-size: 10px; color: #979FA8; border: 1px solid #4B5056; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}
#code {font-family: verdana, arial; font-size: 11px; color: #979FA8; border: 1px solid #4B5056; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}
.quote_top, .code_top {text-align: right; border-bottom: 2px solid #A9AEB8}
.color {color: #979FA8; font-size: 9.5pt; line-height: 150%}
.color a:link, .color a:visited {text-decoration: underline; border-bottom: 2px solid #696A6F}
.color a:hover {border-bottom: 3px solid #3F4043}
hr {color: #000}
.fancyborder {background-color: #11161A; border: 1px dashed #999}
.edit {color: #979FA8; font-size: 9px}
.bottomborder {border-bottom: 1px solid #5F646C}
.signature {font-size: 7.5pt; color: #979FA8; line-height: 150%}
/*fatto*/
#end .title {background-color: #4B5056; background-image: none; color: #979FA8}
#end .title a:link, a:visited {text-decoration: none; color: #BEC6CF}
#end .title a:hover {color: #A4ACB3; text-decoration: underline; bottom-border: 2px solid #878E97}

.bar_left, .bar_right {width: 0}
.bar {height: 8px; background-image: none; background-repeat: repeat-x; background-color: #4C5053; border: 1px solid #393B3E}

/* MESSENGER */
.msg_main {background-color: #565B62}
.msg_txt a:link, .msg_txt a:visited {color: #BDC5CC}
.msg_txt a:hover {color: #D5DAE1; text-decoration: underline; border-bottom: 2px solid #7B828C}
.row1 {background-color: #565B62; border-bottom: 1px solid #61666E}
.row2 {height: 24px; background-color: #474B51; background-image: none; border-bottom: 2px solid #6A6F78; -moz-border-radius: 3px}
.row3 {background-color: #52565D; border-bottom: 1px solid #565B62}
.darkbar {background-image: none; background-color: #6A6F78; font-weight: bold; border-bottom: 2px solid #54585F; -moz-border-radius: 3px}
.title3 {font-weight: bold; color: #979FA8; background-color: #474B51; background-image: none; -moz-border-radius: 5px}
.msg .title3 {background-color: #5C6169}
.msg .nick a:link, .msg .nick a:visited {text-decoration: none}
.msg .nick a:hover {text-decoration: line-through; color: #000}
.msg .details p {color: #003; font-size: 10px; line-height: 150%}
.msg .details {font-size: 7.5pt}
.info {color: #008000}
.alert {color: #BDC5CC}
.darkline {background-image: none; background-color: #4B5056}

/* PROFILO UTENTI */
.pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.title2 {height: 24px; background-color: #474B51; background-image: none; font-weight: bold; color: #9199A2; -moz-border-radius: 3px}
.profile .title2 {font-size: 9pt; text-align: right}

.title2 a:link, .title2 a:visited {font-weight: bold; text-decoration: underline; color: #7B8086}
.title2 a:hover {color: #8B9197; border-bottom: 2px solid #484B4E}
.profile .row1 {background-color: #53585F; border: 0}
input {background-color: #53585F; border: 0; color: #757B85}

/* INPUT */
.codebuttons {font-size: 10px; color: #979FA8; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-image: none; background-color: #575C63; border: 1px solid #4D5157}
.forminput {border: 1px solid #808691; color: #5A5E66; background-image: none; background-repeat:no-repeat; background-color: #757B85; font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; font-weight: normal; padding: 0}
.textinput {border: 1px solid #808691; background-color: #757B85; font-size: 10px; color: #BDC5CC; font-family: verdana, helvetica, sans-serif; vertical-align: middle}


Modifica immagini
ricordatevi di selezionare l'opzione di Aggiorna tramite la modifica rapida

CODICE
A_STAR:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/astar-1.gif' width='10' height='10' alt=''>
A_REPLY:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/risp-1.gif' width='80' height='19' alt='A_REPLY'>
A_POST:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/ndisc-1.gif' width='119' height='19' alt='A_POST'>
A_POLL:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/sond-2.gif' width='97' height='19' alt='A_POLL'>
A_POLLONLY_B:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/cl.gif' width='68' height='19' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/cl.gif' width='68' height='19' alt='A_LOCKED_B'>
M_REPLY:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/risp-2.gif' width='78' height='19' alt='M_REPLY'>
M_ADDMEM:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/agg.gif' width='78' height='19' alt='M_ADDMEM'>
M_DELETE:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/canc.gif' width='78' height='19' alt='M_DELETE'>
C_ON:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/onn.gif' width='50' height='50' alt='C_ON'>
C_OFF:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/off-1.gif' width='50' height='50' alt='C_OFF'>
C_ON_RES:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/onres.gif' width='50' height='50' alt='C_ON_RES'>
C_OFF_RES:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/offres.gif' width='50' height='50' alt='C_OFF_RES'>
C_LOCKED:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/clos.gif' width='50' height='50' alt='C_LOCKED'>
P_DELETE:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/can.gif' width='82' height='13' alt='P_DELETE'>
P_EDIT:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/mod.gif' width='82' height='13' alt='P_EDIT'>
P_QUOTE:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/rr.gif' width='82' height='13' alt='P_QUOTE'>
P_MSG:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/mp.gif' width='47' height='13' alt='P_MSG'>
P_EMAIL:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/mail.gif' width='47' height='13' alt='P_EMAIL'>
P_WEBSITE:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/site.gif' width='47' height='13' alt='P_WEBSITE'>
P_MSN:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/msn.gif' width='47' height='13' alt='P_MSN'>
P_YIM:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/yim.gif' width='47' height='13' alt='P_YIM'>
P_ICQ:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/icq.gif' width='47' height='13' alt='P_ICQ'>
F_NAV:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/nav2.gif' width='18' height='15' alt='F_NAV'>
F_NAV_SEP:<img src='http://i143.photobucket.com/albums/r146/graphicomani/skinss/nav2.gif' width='18' height='15' alt='F_NAV_SEP'>
ICON_MEMBERS:http://i143.photobucket.com/albums/r146/graphicomani/skinss/nav-2.gif
ICON_HELP:http://i143.photobucket.com/albums/r146/graphicomani/skinss/nav-2.gif




Modifica Logo
CODICE
http://i143.photobucket.com/albums/r146/graphicomani/skinss/head2.jpg





Edited by -kira- - 11/2/2009, 18:24
 
Top
.kid;
view post Posted on 28/7/2008, 00:00




Semplice e professionale! Ottima! Come d'altronde tutte le tue skin ;)
 
Top
-kira-
view post Posted on 9/8/2008, 14:49




^////^
 
Top
Kirtash Shek
view post Posted on 19/9/2008, 13:37
Avatar


Group:
Member
Posts:
7,351

Status:


Io vorrei cambiare una cosa... i bottoni on of... è possibile?
 
Top
-kira-
view post Posted on 19/9/2008, 21:00




ma certo! ^___^

i bottoni sono liberamente sostituibili
 
Top
Kirtash Shek
view post Posted on 21/9/2008, 11:40
Avatar


Group:
Member
Posts:
7,351

Status:


ok grazie ^_^
 
Top
Beib--X
view post Posted on 3/1/2009, 20:00




senti una cosina..
non riesco a modificare il logo del forum con questa skin..

è mai successo a nessuno?
ci sono delle restrinzioni..oppure bo delle misure particolari?
aspetto risp..grazie :shrug:
 
Top
Beib--X
view post Posted on 6/1/2009, 11:14




up...? :sad:
 
Top
MeBUH!la
view post Posted on 11/2/2009, 10:16




Il logo si dovrebbe poter cambiare.. come i bottoni..
E' bellissima!! la prendo per questa versione del mio archivio ^^

Mmh... neanche a me cambia il logo.. T_T
 
Top
MeBUH!la
view post Posted on 11/2/2009, 10:57




ho trovato l'errore.. qui..
CODICE
/* MENU UTENTE*/
.header {border: 0; background-color: #575C63; background-image: url(QUI C'è IL LINK DEL TUO LOGO E NON SI TOGLIE PERCHè è NEL CODICE DELLA SKIN); background-repeat: no-repeat; background-position: center}
.menu {height: 15px; font-weight: normal; background-color: #6E747D; background-image: none; background-repeat: repeat-x; color: #4F545A; border: none; -moz-border-radius: 3px; border-bottom: 3px solid #4B5056}
 
Top
-kira-
view post Posted on 11/2/2009, 18:25




rimettete i codici di modifica colori e stili e si risolve.
l'errore non era proprio lì, c'era un selettore chiuso male

cmq sia ho inserito il nuovo codice di modifica immagini, cosa che pian piano farò con tutte le mie skin
 
Top
MeBUH!la
view post Posted on 11/2/2009, 19:18




Grazie ^^
Scusa io non ne so molto di css XD
 
Top
-kira-
view post Posted on 11/2/2009, 21:17




ma no guarda, l'errore era una cosa infida che io stessa ci ho messo tanto tempo a trovare xD
 
Top
[NbS*]|DISTRUZIONE|
view post Posted on 5/3/2009, 20:29




o trovato meravigliosa qst skin e lo usata complimenti al grafico :aasd:
 
Top
13 replies since 27/7/2008, 16:11   1023 views
  Share  
 

Skin Scure
 

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