Matrix Skin

« Older   Newer »
  Share  
~ Fraffrog ~
PAG Posted on 1/5/2009, 15:45




© Matrix Skin




~ Anteprima skin disponibile qui: Anteprima

Creative Commons License
Questo/a opera č pubblicato sotto una Licenza Creative Commons.

~ E' vietato modificare i CSS o la colorazione della skin. E' vietato rimuovere i credits dalla homepage. E' vietato fare una copia anche parziale dei CSS.
~ E' possibile modificare solo il logo, gli On/Off, il Nav, F_ACTIVE e F_STATS e lo sfondo.




Per impostare la skin:



In Modifica skin impostare: Amnestiac Skin

In Modifica colori e stili inserire:

CODICE
/* COPYRIGHT FRAFFROG - VIETATA LA COPIA*/

body {font-family: verdana; font-size: 10px; color: #888; margin: 0 50px 0; background-color: #333333}
table, div {font-size: 9px; color: e6e6e6}
a:link, a:visited {text-decoration: none; color: #00CC00}
a:hover {text-decoration: underline; color: #30FF00}


body {scrollbar-3dlight-color: #1D1D1D;
scrollbar-arrow-color: #232323;
scrollbar-face-color: #1D1D1D;
scrollbar-darkshadow-color: #0E0E0E;
scrollbar-track-color: #262626;
scrollbar-highlight-color: #1D1D1D;
scrollbar-shadow-color: #0E0E0E}


.header {background-color: #3D3D3D; border: 1px solid #272727; border-bottom: 0}
.menu {height: 20px; background-image: url(http://digilander.libero.it/keyzbianca/Nekom/yu3.gif); background-repeat: repeat-x; background-color: #3D3D3D; border: 1px solid #272727}

.tag .aa {background-color: #454545; border: none}
.tag .ww {background-color: #3D3D3D; border: none}

.nav {font-weight: normal; font-size: 8pt}

/* SCRITTE ESTERNE */
.nav {font-weight: normal; font-size: 8pt}
.nav a:hover {color: #5176B5}

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

/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #B3B1B1; font-weight: bold}
.moderatore {color: #9FBDDD; font-weight: bold}
.utente {}
.daconvalidare {color: #FFFFFF; font-weight: bold}
.gruppo1 {color: #FF0000; font-weight: bold}
.gruppo2 {color: #FF9700; font-weight: bold}
.gruppo3 {color: #FFFF00; font-weight: bold}
.gruppo4 {color: #82FF00; font-weight: bold}
.gruppo5 {color: #00FF80; font-weight: bold}
.gruppo6 {color: #00FFFF; font-weight: bold}
.gruppo7 {color: #007FFF; font-weight: bold}
.gruppo8 {color: #0028FF; font-weight: bold}
.gruppo9 {color: #000000; font-weight: bold}

/* BARRA ATTORNO AL FORUM*/
.mtitle {padding-top: 6px; text-align: center; color: #101010; font-size: 7pt; font-weight: bold; padding-bottom: 1; letter-spacing: 1px}
.mback_center {height: 37px; background-image: url(http://i41.tinypic.com/20h1015.jpg); background-repeat: repeat; background-position: top}
.mback_right {width: 160px; background-image: url(http://i39.tinypic.com/2cnd01f.jpg); background-position: top right; background-repeat: no-repeat}
.mback_left {width: 160px; background-image: url(http://i44.tinypic.com/5yw3vd.jpg); background-position: top left; background-repeat: no-repeat}
.msub_left {width: 189px; background-image: url(http://i44.tinypic.com/333lowk.jpg); background-repeat: no-repeat}
.msub_right {width: 189px; background-image: url(http://i44.tinypic.com/okpyq8.jpg); background-repeat: no-repeat}
.msub_center {height: 30px; background-image:url(http://i39.tinypic.com/33x8zt0.jpg); background-repeat: repeat-x; background-position: back}
.mleft_top {width: 24px; background-postition: down; background-image: url(http://i41.tinypic.com/23kul5d.jpg); background-position: top right; background-repeat: no-repeat}
.mleft, .sep_left {width: 24px; background-image: url(http://i41.tinypic.com/2z6dy8o.jpg); background-position: right; background-repeat: repeat-y}
.mleft_bottom {width: 24px; background-image: url(http://i42.tinypic.com/8yxk7k.jpg); background-position: top right; background-repeat: no-repeat}
.mright_top {width: 26px; background-image: url(http://i41.tinypic.com/547y2b.jpg); background-position: top left; background-repeat: no-repeat}
.mright, .sep_right {width: 26px; background-image: url(http://i44.tinypic.com/ncfmur.jpg); background-position: left; background-repeat: repeat-y}
.mright_bottom {width: 26px; background-image: url(http://i44.tinypic.com/w9fmoj.jpg); background-position: top left; background-repeat: no-repeat}
.skin_tbl_border, .mainbg {background-color: #000}
.darkbar, .foot, .title, .title2, .title3 {font-weight: bold; color: #CCC; height: 24px; background-color: #303030}
.title a:link, .title a:visited, .title2 a:link, .title2 a:visited, .darkbar a:link, .darkbar a:visited, .foot a:link, .foot a:visited {text-decoration: underline; color: #CCC}
.title a:hover, .title2 a:hover, .darkbar a:hover, .foot a:hover {color: #FFF}
.msg_main, .board .foot, .aa, .bb, .cc, .left, .right, .row2 {background-color: #282828}
.row3 {background-color: #282828; border: 1px solid #000}
.menu_right {display: none}
.ww, .xx, .yy, .zz, .row1, .profile .row1 {background-color: #303030}
.board .web {font-size: 10pt; line-height: 150%}
.web {font-size: 9pt; color: #DDD}
.web a:link, .web a:visited {text-decoration: underline; color: #DDD}
.forum .web a:visited {color: #CCC}
.board .web a:hover, .forum .web a:hover {color: #EEE}
.desc {font-size: 7.5pt; color: #CCC}

/* BARRA UTENTE */
.header {background-color: #3D3D3D; border: 1px solid #272727; border-bottom: 0}
.menu {height: 20px; background-image: url(http://i40.tinypic.com/119m0lv.jpg); background-repeat: repeat-x; background-color: #101010; border: 1px solid #272727; .menu_left display: none}


/* SEZIONI FORUM */
.mainbg {background-color: #000000}
.title, .title2, .title3, .row2, .darkbar {height: 20px; background-image: url(http://i40.tinypic.com/119m0lv.jpg); background-repeat: repeat-x; font-weight: normal; color: #00CC00; background-color: #3D3D3D; border: 1px solid #000000}
.ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #101010; border: 1px solid #000000}
.web {font-size: 8pt}
.board .foot {display:none}
.desc {font-size: 7.5pt}
.title3 {border: 0}

/* STATISTICHE */
.skin_tbl_border {background-color: #101010}
.stats .title2 {height: 22px; background-image: url(http://i26.tinypic.com/16iz8uc.png); background-color: #101010; background-position: bottom; background-repeat: repeat-x; font-size: 8pt; font-weight: bold; color: #3A1600}
.sunbar {height: 20px; background-image: url(http://i40.tinypic.com/119m0lv.jpg); font-weight: bold; color: #888888; background-color: #101010; border: 1px solid #4C4C4C}
.highlight {color: #101010}


/* DISCUSSIONE */
.mainbg {background-color: #373737}
.left_top, .right_top, .left_bottom, .right_bottom, .foot {background-color: #101010; border: 1px solid #000000}
.nick {font-size: 11px; font-weight: normal; color: #00B300; padding-bottom: 2px}
.left, .right {background-color: #101010; border: 1px solid #000000}
.quote_top {text-align: left; color: #373737}
#quote {font-family: verdana, arial; font-size: 11px; color: #908F8F; background-color: #202020; padding-left: 5px; padding-right: 5px; border: 1px solid #373737}
.code_top {text-align: left; color: #373737}
#code {font-family: verdana, arial; font-size: 11px; color: #AFD161; background-color: #101010; padding-left: 5px; padding-right: 5px; border: 1px solid #373737}


.fancyborder {border: 1px dashed #101010}
.edit {font-size: 9px}
.bottomborder {border-bottom: 1px dashed #101010}
.signature {font-size: 7.5pt}
.sep {background-color: #101010; height: 7px; border: 1px solid #000000}
.bar_left {background-image:url(http://i28.tinypic.com/xoqx42.gif)}
.bar {background-image:url(http://i28.tinypic.com/xoqx42.gif)}
.bar_right {background-image:url(http://i28.tinypic.com/xoqx42.gif)}




/* MESSENGER */
.msg_main {background-color: #101010}
.row1 {background-color: #101010}
.row3 {background-color: #101010; border: 1px solid #656565}
.msg .details {font-size: 7.5pt}
.color {font-size: 8pt; 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%}
.info {color: #005580}
.alert {color: #7FB8CA}

.pagetitle, .pagetitle a:link, .pagetitle a:visited {color: #B3B1B1; font-size: 18px; font-weight: normal; letter-spacing: -1px; line-height: 120%}
.pagetitle a:hover {text-decoration: underline}


/* INPUT */
.codebuttons, .forminput, .input {background-color: #202020; border: 1px solid #000000; background-image: url(http://digilander.libero.it/keyzbianca/Nekom/yu3.gif); background-repeat: repeat-x; color: #101010; font-size: 8pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.menu .textinput, .menu select {border: 1px solid #000000; background-color: #272727; color: #101010; font-size: 8pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
.textinput {border: 1px solid #000000; background-color: #393939; color: #636363; font-size: 8pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}


.web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5}
.web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}

.tag .aa {background-color: #101010; border: none}
.tag .ww {background-color: #1C1C1C; border: none}

.originale {position: relative; z-index: 0}
.originale:hover {background-color: transparent; z-index: 9}
.originale span {position: absolute; background-color: #414141; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
.originale span img {border-width: 0; padding: 2px}
.originale:hover span {visibility: visible; top: 10px; display: block; width: 200px; left: 15px}




In Modifica sfondo inserire:

CODICE
http://i42.tinypic.com/900zup.jpg




In Modifica logo inserire:

CODICE
http://i44.tinypic.com/2e0r38m.jpg




In Modifica immagini inserire:

CODICE
A_STAR:<img src='http://i42.tinypic.com/2s7ct3r.jpg' width='15' height='15' alt=''>
TILE_BACK:http://i39.tinypic.com/mu772g.png
TILE_SUB:http://i39.tinypic.com/mu772g.png
A_REPLY:<img src='http://i44.tinypic.com/28k3pe1.jpg' width='90' height='23' alt='A_REPLY'>
A_POST:<img src='http://i44.tinypic.com/15d65j.jpg' width='90' height='23' alt='A_POST'>
A_POLL:<img src='http://i41.tinypic.com/a0jmhc.jpg' width='90' height='23' alt='A_POLL'>
A_POLLONLY_B:<img src='http://i42.tinypic.com/21en8i.jpg' width='90' height='23' alt='A_POLLONLY_B'>
A_LOCKED_B:<img src='http://i42.tinypic.com/21en8i.jpg' width='90' height='23' alt='A_LOCKED_B'>
M_REPLY:<img src='http://i44.tinypic.com/28k3pe1.jpg' width='90' height='23' alt='M_REPLY'>
M_ADDMEM:<img src='http://i41.tinypic.com/24wfzer.jpg' width='90' height='23' alt='M_ADDMEM'>
M_DELETE:<img src='http://i43.tinypic.com/29xhhlc.jpg' width='90' height='23' alt='M_DELETE'>
M_UNREAD:<img src='http://i42.tinypic.com/2cgym1x.jpg' width='23' height='14' alt='M_UNREAD'>
M_READ:<img src='http://i40.tinypic.com/20zof9t.jpg' width='23' height='14' alt='M_READ'>
C_ON:<img src='http://i44.tinypic.com/mjwjs4.jpg' width='50' height='50' alt='C_ON'>
C_OFF:<img src='http://i42.tinypic.com/lh3kl.jpg' width='50' height='50' alt='C_ON_RES'>
C_ON_RES:<img src='http://i42.tinypic.com/2w33z37.jpg' width='50' height='50' alt='C_OFF'>
C_OFF_RES:<img src='http://i42.tinypic.com/29a4jd.jpg' width='50' height='50' alt='C_OFF_RES'>
C_LOCKED:<img src='http://i44.tinypic.com/16ljyma.jpg' width='50' height='50' alt='C_LOCKED'>
F_ACTIVE:<img src='http://i42.tinypic.com/15y94jd.jpg' width='70' height='70' alt='F_ACTIVE'>
F_STATS:<img src='http://i40.tinypic.com/5xmsqx.jpg' width='70' height='79' alt='F_STATS'>
B_NEW:<img src='http://i42.tinypic.com/2cgym1x.jpg' width='23' height='14' alt='B_NEW'>
B_NORM:<img src='http://i40.tinypic.com/20zof9t.jpg' width='23' height='14' alt='B_NORM'>
B_HOT:<img src='http://i43.tinypic.com/1rycdt.jpg' width='23' height='14' alt='B_HOT'>
B_HOT_NN:<img src='http://i40.tinypic.com/2pqnaq0.jpg' width='23' height='14' alt='B_HOT_NN'>
B_POLL:<img src='http://i44.tinypic.com/2egfcyu.jpg' width='23' height='14' alt='B_POLL'>
B_POLL_NN:<img src='http://i44.tinypic.com/35mmmqh.jpg' width='23' height='14' alt='B_POLL_NN'>
B_MOVED:<img src='http://i41.tinypic.com/o05jev.jpg' width='23' height='14' alt='B_MOVED'>
B_LOCKED:<img src='http://i44.tinypic.com/seyd4y.jpg' width='23' height='14' alt='B_LOCKED'>
NEW_POST:<img src='http://i43.tinypic.com/111jbqq.jpg' width='14' height='14' alt='NEW_POST'>
B_PIN:<img src='http://i35.tinypic.com/169lzfa.png' width='16' height='16' alt='CAT_IMG'>
B_ANNUNCIO:<img src='http://i35.tinypic.com/169lzfa.png' width='16' height='16' alt='CAT_IMG'>
P_DELETE:<img src='http://i43.tinypic.com/2hmlwr4.jpg' width='60' height='20' alt='P_DELETE'>
P_EDIT:<img src='http://i40.tinypic.com/kba8h2.jpg' width='60' height='20' alt='P_EDIT'>
P_QUOTE:<img src='http://i44.tinypic.com/2dsh5y1.jpg' width='60' height='20' alt='P_QUOTE'>
P_MSG:<img src='http://i40.tinypic.com/27y8qcz.jpg' width='60' height='20' alt='P_MSG'>
P_EMAIL:<img src='http://i42.tinypic.com/11ru64l.jpg' width='60' height='20' alt='P_EMAIL'>
P_WEBSITE:<img src='http://i42.tinypic.com/2iialfr.jpg' width='60' height='20' alt='P_WEBSITE'>
P_MSN:<img src='http://i39.tinypic.com/16hrn6d.jpg' width='60' height='20' alt='P_MSN'>
P_YIM:<img src='http://i40.tinypic.com/2iu94za.jpg' width='60' height='20' alt='P_YIM'>
P_ICQ:<img src='http://i40.tinypic.com/2hclrvt.jpg' width='60' height='20' alt='P_ICQ'>
F_NAV:<img src='http://i41.tinypic.com/2zptanp.jpg' width='84' height='75' alt='F_NAV'>
ICON_SEARCH:http://i37.tinypic.com/23u20kl.png
ICON_MEMBERS:http://i37.tinypic.com/2jadswk.png
ICON_HELP:http://i37.tinypic.com/5fisu0.png
CAT_IMG:<img src='http://i35.tinypic.com/169lzfa.png' width='16' height='16' alt='CAT_IMG'>
PAG:<img src='http://i35.tinypic.com/169lzfa.png' width='16' height='16' alt='CAT_IMG'>



In Gestione codici HTML:

In Codice HTML che verrą visualizzato in ogni pagina in cima al sito inserire:

CODICE
<br><br><body bgcolor="#3c3c3c" leftmargin="50" topmargin="50" marginwidth="50" marginheight="50" alink="#000000" vlink="#000000">
<center><table cellpadding="0" cellspacing="0" width="70%" class="border" bgcolor="#101010">
<tr>
<td><img src="http://i42.tinypic.com/4k8vg4.png"></td><td width="100%" background="http://i42.tinypic.com/4k8vg4.png"></td>
<td><img src="http://i42.tinypic.com/4k8vg4.png"></td></tr>
<tr>
<td background="http://i42.tinypic.com/4k8vg4.png"><img src="http://i42.tinypic.com/4k8vg4.png"></td><td>
<center>
<a href="http://matrixskin.prova.skin.forumcommunity.net"><img src="http://i44.tinypic.com/2nge9zs.jpg" border="0" alt="Image and video hosting by TinyPic"></a>



In Codice HTML che verrą visualizzato in ogni pagina in fondo al sito inserire:

CODICE
<center><div style="border: 2px red; width: 400px; background-color: rgb(22, 23, 23); color: rgb(255, 255, 255);"><table width="400" align="center"><tbody><tr align="center"><td><center>
<font color="#2ac500"><font size="2"><b>© Matrix Skin</b></font></font><br>
is a skin created by <a href="?act=Profile&MID=1951810"><b>~ Fraffrog ~</b></a>
<br><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.5/it/80x15.png"></a><br>Questo/a opera &#232; pubblicato sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/">Licenza Creative Commons</a>.
</center></td></tr></tbody></table></div><br>

</td><td background="http://i42.tinypic.com/4k8vg4.png"><img src="http://i42.tinypic.com/4k8vg4.png"></td></tr>
<tr align="center">
<td><img src="http://i42.tinypic.com/4k8vg4.png"></td><td background="http://i42.tinypic.com/4k8vg4.png"></td><td><img src="http://i42.tinypic.com/4k8vg4.png"></td></tr></table><br><br>


Edited by ~ Fraffrog ~ - 15/6/2009, 12:41
 
Top
0 replies since 1/5/2009, 15:45   232 views
  Share  
 

Skin a Tema ~
 

Create your blog! · Create your forum! · Top Blog · Categories · Help · Status · Contacts · Powered by BlogFree