-
¿Cia.
User deleted
E' vietato spacciare la skin per vostra, rimuovere i credits, copiare anche solo parzialmente il codice o usarla come base per vostre skin
Potete modificare la larghezza della skin, il container, i bottoni, lo sfondo, il colore dei gruppi per qualsiasi altra modifica domandatemi in questo topic
Se prelevate segnalate QUIINSTALLAZIONE DELLA SKIN
in cima al forumCODICE<div id="wrapper">
<div id="leftborder">
<div id="rightborder">
codice html › in fondo al forumCODICE<div style="background-color: #000; width: px; height: 12px"><div align=center>
<div style="font-size: 9px; font-family: trebuchet ms; line-height: 11px;"><b>Ti aspetto</b> skin by <a href="http://ciaportfolio.blogfree.net/"> ¿cia</a> |Disponibile sul <a href="http://ciaportfolio.blogfree.net/"> ¿cia portfolio</a></i></a>
</td>
</tr>
</table></div><br><br><br>
colori e stiliCODICE/* TI ASPETTO SKIN BY CIA*/
body {background-color: #ECFCF6; font-family: verdana; font-size: 10px; color: #6A6A6A}
table, div {font-family: georgia; font-size: 10px; color: #6A6A6A; line-height: 80%}
a:link, a:visited {text-decoration: none; color: #DB9B7C}
a:hover {color: #3D3D3D}
/* SCRITTE ESTERNE */
.nav {font-size: 10px; background-color: #none; font-family: georgia; color: #B2A760; text-transform: none}
.nav a:link, .nav a:visited {color: #2C000F} .nav a:hover {color: #D8D8D8}
/* CONTAINER */
#wrapper {background-color: #F8F8F8;
margin-left: 0;
margin-right: 0;
width: 60%}
/* DIMENSIONI FORUM */
.header_width, .skin_tbl_width, .skin_tbl {width: 83%}
.stats .border {width: 83%}
/* COLORI LISTA UTENTI ATTIVI */
.amministratore {color: #5D4343; font-weight: bold}
.moderatore {color: #DFD594; font-weight: bold}
.utente {}
.daconvalidare {color: #008000}
.gruppo1 {color: #5D4343; font-weight: bold}
/* BARRA ATTORNO AL FORUM */
.mtitle {font-family: georgia; letter-spacing: 1; word-spacing: 1px; padding-top: 8; font-size: 7pt; color: #D4DCE0; text-align: center; text-transform: uppercase}
.msub {height: 16px}
.mback {height: 19px; background-color: none; background-image: none}
.mback_left {width: 12px; height: 19px; background-image: url(http://localhostr.com/file/v8Y1mpo/34.png); background-repeat:no-repeat}
.mback_center {height: 19px; background-image: url(http://localhostr.com/file/v8Y1mpo/34.png); background-repeat:repeat-x}
.mback_right {width: 13px; height: 19px; background-image: url(http://localhostr.com/file/v8Y1mpo/34.png); background-repeat:no-repeat}
.msub_left {width: 24px; background-image: url(http://localhostr.com/file/CXyS1Ev/sotto.png); background-repeat:no-repeat}
.msub_center {height: 16px; background-image: url(http://localhostr.com/file/CXyS1Ev/sotto.png); background-repeat: repeat-x}
.msub_right {width: 24px; background-image: url(http://localhostr.com/file/CXyS1Ev/sotto.png); background-repeat: no-repeat}
.mleft_top {width: 9px; height: 19px; background-image: url(http://localhostr.com/file/XjJkpaM/ULTIMA.png); background-repeat:no-repeat}
.mright_top {width: 9px; height: 19px; background-image: url(http://localhostr.com/file/ogRTQ0t/ULTIM1A.png); background-repeat:no-repeat}
.mleft_bottom {width: 9px; height: 16px; background-image: url(http://localhostr.com/file/L7d4sE2/br.png); background-repeat:no-repeat}
.mright_bottom {width: 9px; height: 16px; background-image: url(http://localhostr.com/file/zC3tRSL/br2.png); background-repeat:no-repeat}
.mleft, .sep_left {width: 8px; background-image: url(http://localhostr.com/file/zPvRrqt/latterale.png); background-repeat: repeat-y}
.mright, .sep_right {width: 9px; background-image: url(http://localhostr.com/file/3z97WKG/latterale%20destra.png); background-repeat: repeat-y}
/* BARRA UTENTE */
.menu input, .menu img {display: none}
.menu .highlight {color: #B5B5B5}
.menu {height: 20px; background-color: #000000; font-size: 9px; font-family: century gothic; letter-spacing: 1px; text-position: center; padding-left: 10px; padding-right: 10px; text-align: right; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #482F20}
.header_width {width: 100% !important}
/* SEZIONI FORUM */
.skin_tbl_border, .mainbg {background-color: #FFF}
.title, .title2, .foot, .row2 {height: 20px; font-size: 7.5pt; background-image: url(http://img.forumfree.net/index_file/spacer.gif); padding: 1px; color: #6A6A6A}
.ww, .xx, .yy, .zz, .aa, .bb, .cc {background-image: url(http://img577.imageshack.us/img577/5241/senzaolo1zg.png); background-repeat: repeat-x; background-position: top; background-color: #FFF; border-bottom: 0}
.foot {height: 10px; font-weight: normal; letter-spacing: 1; color: #6A6A6A; background-color: #FFF}
.web {font-weight: normal; font-size: 7pt; font-family: georgia; tahoma, arial; line-height: 7px; color: #6A6A6A}
.web a:link, .web a:visited, .web a:active {color: #E0A98E; line-height: 8px}
.web a:hover {color: #6A6A6A; line-height: 8px} .desc {font-size: 9px; color: #6A6A6A}
.desc {font-size: 9px; color: #979797; font-family: trebuchet ms; font-style: italic; line-height: 8px}
.zz a:link, .zz a:visited {color: #E7725B}
.zz a:hover {color: #E6C55F}
.board .foot {display: none}
/* STATISTICHE */
.stats .title2 {height: 10px; border-bottom: 0 dashed #FFFCDD; background-color: #F8F8F8; font-size: 0; color: #F0F0F0; line-height: 6px}
.stats .border {background-color: #F8F8F8; border: 0 dashed #D8E1E6}
.sunbar {height: 5px; background-color: #F8F8F8; border: 0; line-height: 6px; color: #613821; font-weight: normal; text-transform: uppercase; letter-spacing: 0; font-family: trebuchet ms; font-style: italic; font-size: 9px; letter-spacing: 1px; border-bottom: 1 px solid #F4F4F4}
.stats .ww, .stats .aa {background-color: #F8F8F8; font-family: arial; font-size: 7pt; line-height: 6px; border: 0}
.stats .skin_tbl_border {background-color: #F8F8F8}
.stats .ww {text-align: center}
.highlight {color: #BBBBBB}
/* SONDAGGIO */
.bar_left {height: 3px; background-image: none; background-color: #E7725B}
.bar {height: 3px; background-image: none; background-color: #E7725B; background-repeat: repeat-x}
.bar_right {height: 3px; background-image: none; background-color: #E7725B}
/* LINK MOD */
.highlight a:link, .highlight a:visited {color: #7D9968; font-size: 7pt; font-family: 'droid serif', serif} .highlight a:hover {text-decoration: line-through}
/* DISCUSSIONE */
.left_top, .right_top, .left_bottom, .right_bottom {height: 10px; color: #C5BCB2; background-color: #FFF; border: 1px solid #FFF; border-bottom: 0}
.nick {font-size: 14px; color: #E7725B; font-family: tahoma; text-transform: uppercase; padding-bottom: 2px}
.nick a:link, .nick a:visited {font-weight: bold}
.left, .right {background-color: #FFF; border: 1px solid #FFF; border-bottom: 0}
.quote_top {text-align: left; font-size: 6, 5pt; padding-top: 6px; font-family: georgia; text-transform: lowercase; letter-spacing: 2px; color: #A4A4A4; font-weight: normal}
.quote {border-bottom: 2px solid #6E583C;(d); background-color: #F8F5F0; font-size: 10px; padding: 2px; font-style: italic} .code_top {background-color: #FFF; border: 0; background-image: url(http://digilander.libero.it/nemesis09/ordinary/sep.bot.gif); background-repeat: repeat-x; background-position: bottom; text-align: center; font-size: 9px; color: #B0B0B0; font-family: verdana; padding-top: 6px; text-transform: uppercase; letter-spacing: 0}
.code {background: #F8F5F0; border: 0 dotted #FFF; border-left: 0 solid #FFF; border-top: 2px solid #E0D694; margin: 0 auto 8px auto; padding: 4px; font-size: 7pt; color: #B0B0B0; text-align: justify; font-family: arial}
.spoiler .code_top {background-color: #FFFFFF; border: 0; background-image: url(http://digilander.libero.it/nemesis09/ordinary/sep.bot.gif); background-repeat: repeat-x; background-position: bottom; text-align: center; font-size: 9px; color: #B0B0B0; font-family: verdana; padding-top: 6px; text-transform: uppercase; letter-spacing: 0}
.spoiler .code {background: #F8F5F0; border: 0 dotted #FFF; border-left: 0 solid #FFF; border-top: 2px solid #E6C55F; margin: 0 auto 8px auto; padding: 4px; font-size: 7pt; color: #B0B0B0; text-align: justify; font-family: arial}
.color {font-size: 8pt; line-height: 90%}
.color a:hover {text-decoration: underline}
hr {color: #DDF3F9}
.fancyborder {background-color: #FFF; border: 1px dashed #C5BCB2}
.edit {font-size: 9px; font-style: trebuchet ms; color: #D1CFDF}
.bottomborder {border-bottom: 1px dashed #C5BCB2}
.signature {color: #C5BCB2; line-height: 90%}
.sep {height: 1px; border-bottom: 1px dashed #E7725B; background-color: #FFF}
/* MESSENGER */
.msg_txt a:hover {text-decoration: none}
.msg_main, .row1 {background-color: #FFF; border: 1px solid #F4F3EE; border-bottom: 0}
.row3 {background-color: #FFF; border: 1px solid #FFF}
.title3, .darkbar {background-color: #FFF; border-bottom: 1px solid #C1CCCE; border-bottom: 0; text-style: italic; color: #BAD9E1}
.msg .details p {font-family: trebuchet ms, verdana, tahoma, arial; font-size: 7pt; line-height: 150%}
.msg .details {font-family: trebuchet ms, verdana, tahoma, arial; font-size: 7pt}
.msg .details {font-family: trebuchet ms, verdana, tahoma, arial; font-size: 7pt}
.info {font-weight: bold; color: #FFC4B3}
.alert {font-weight: bold; color: #FFC4B3}
.pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
.profile .title2 {border: 0; border-bottom: 1px solid #FFF}
.profile .row1 {border: 0; background-color: #FFF}
/* INPUT */
.textinput, .forminput, .input {color: #656565; border: 1px solid #E5E0E0; background-color: #F4F4F4; font-size: 7pt; font-family: trebuchet ms}
.codebuttons, .textinput, .forminput {border-radius: 8px; border: 1px solid #E5E0E0; background-color: #F4F4F4; color: #6A6A6A; font-size: 7pt; font-family: trebuchet ms}
.menu .textinput, .menu .forminput {background-color: #F4F4F4; border-left: 1px solid #E5E0E0; font-family: trebuchet ms}
.forminput {font-size: 10px; font-family: trebuchet ms}
.msg .textinput {background-color: #F4F4F4; color: #6A6A6A; font-size: 8pt; font-family: trebuchet ms}
.msg .input, .msg .forminput {background-color: #F4F4F4; font-family: trebuchet ms}
.codebuttons, .forminput {background-image: url(http://img13.imageshack.us/img13/3223/senzatitolo1edl.png); background-position: top}
/* TAG */
.tag .aa {background-color: #FAF8EB}
.tag a:link {color: #5D4343; font-weight: bold}
immagini › modifica rapidaCODICEA_STAR:*
GRADO_ADMIN:
GRADO_MOD:
HEADER_TILE:http://img.forumfree.net/style_images/15/header_tile.gif
TILE_BACK:http://img.forumfree.net/style_images/15/tile_back.gif
TILE_SUB:http://img.forumfree.net/index_file/spacer.gif
A_REPLY:reply -
A_POST:new topic
A_POLL:- new poll
A_POLLONLY_B:closed
A_LOCKED_B:closed
M_REPLY:reply,
M_ADDMEM:add,
M_DELETE:delete,
M_UNREAD:<img src='http://localhostr.com/file/rHKOQbS/off.png' alt='C_OFF'>
M_READ:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
C_ON:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
C_OFF:<img src='http://localhostr.com/file/rHKOQbS/off.png' alt='C_OFF'>
C_ON_RES:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
C_OFF_RES:<img src='http://localhostr.com/file/rHKOQbS/off.png' alt='C_OFF'>
C_LOCKED:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
F_ACTIVE:<img src='http://i.imgur.com/dlOrO.png' alt='F_ACTIVE'>
F_STATS:<img src='http://i.imgur.com/s0BX4.png' alt='F_STATS'>
B_NEW:<img src='http://a.imageshack.us/img100/8683/balloonellipsis.png' width='16' height='16' alt='B_NEW'>
B_NORM:<img src='http://a.imageshack.us/img2/5704/balloonu.png' width='16' height='16' alt='B_NORM'>
B_HOT:<img src='http://a.imageshack.us/img100/8683/balloonellipsis.png' width='16' height='16' alt='B_HOT'>
B_HOT_NN:<img src='http://a.imageshack.us/img2/5704/balloonu.png' width='16' height='16' alt='B_HOT_NN'>
B_POLL:<img src='http://a.imageshack.us/img100/8683/balloonellipsis.png' width='16' height='16' alt='B_POLL'>
B_POLL_NN:<img src='http://a.imageshack.us/img2/5704/balloonu.png' width='16' height='16' alt='B_POLL_NN'>
B_MOVED:<img src='http://a.imageshack.us/img573/2181/balloonarrow.png' width='16' height='16' alt='B_MOVED'>
B_LOCKED:<img src='http://a.imageshack.us/img607/3865/balloonexclamation.png' width='16' height='16' alt='B_LOCKED'>
NEW_POST:<img src='http://img819.imageshack.us/img819/5125/newtext.png' width='16' height='16' alt='NEW_POST'>
B_PIN:<img src='http://skin.forumfree.net/1449/40.png' width='10' height='10' alt='B_PIN'>
B_ANNUNCIO:<img src='http://i47.tinypic.com/25rgydk.png' width='10' height='10' alt='B_ANNUNCIO'>
P_DELETE:x delete +
P_EDIT:edit "
P_QUOTE:quote
P_MSG:mp
P_EMAIL:email
P_WEBSITE:www
P_CONTACTS:<b>P_CONTACTS</b>
P_UP:http://img560.imageshack.us/img560/1251/newt.png
F_NAV:<img src=http://localhostr.com/file/LR7P5e0/123.png>
F_NAV_SEP:-
ICON_SEARCH:http://skin.forumfree.net/1449/49.png
ICON_MEMBERS:http://skin.forumfree.net/1449/05.png
ICON_HELP:http://skin.forumfree.net/1449/30.png
LOADING:http://img.forumfree.net/index_file/load.gif
EMOTICONS:http://img.forumfree.net/style_images/1/icon1.gif
TOPIC_ICON1:http://img.forumfree.net/style_images/15/icon1.gif
TOPIC_ICON2:http://img.forumfree.net/style_images/15/icon2.gif
TOPIC_ICON3:http://img.forumfree.net/style_images/15/icon3.gif
TOPIC_ICON4:http://img.forumfree.net/style_images/15/icon4.gif
TOPIC_ICON5:http://img.forumfree.net/style_images/15/icon5.gif
TOPIC_ICON6:http://img.forumfree.net/style_images/15/icon6.gif
TOPIC_ICON7:http://img.forumfree.net/style_images/15/icon7.gif
TOPIC_ICON8:http://img.forumfree.net/style_images/15/icon8.gif
TOPIC_ICON9:http://img.forumfree.net/style_images/15/icon9.gif
TOPIC_ICON10:http://img.forumfree.net/style_images/15/icon10.gif
TOPIC_ICON11:http://img.forumfree.net/style_images/15/icon11.gif
TOPIC_ICON12:http://img.forumfree.net/style_images/15/icon12.gif
TOPIC_ICON13:http://img.forumfree.net/style_images/15/icon13.gif
TOPIC_ICON14:http://img.forumfree.net/style_images/15/icon14.gif
CAT_IMG:<img src='http://skin.forumfree.net/1768/post.png' width='10' height='10' alt='CAT_IMG'>
PAG:<img src='http://img.forumfree.net/index_file/pages.gif' width='11' height='11' alt='PAG'>
ONLINE:http://img.forumfree.net/index_file/online.gif
OFFLINE:http://img.forumfree.net/index_file/offline.gif
ANONIMO:http://img.forumfree.net/index_file/anonimo.gif
IMPORTANTE:!
ANNUNCIO:-
SONDAGGIO:<i>Sondaggio:</i>
SPOSTATO:<i>Spostato:</i>
THUMBS_UP:http://img.forumfree.net/index_file/thumbs_up.png
THUMBS_DOWN:http://img.forumfree.net/index_file/thumbs_down.png
SfondoCODICEhttp://localhostr.com/file/I1Nvn0D/VF_r13.jpg
host:http://localhostr.com/
Edited by ¿Cia - 18/3/2012, 23:43. -
fabs‚.
User deleted
che bella *O* . -
¿Cia.
User deleted
ma grazie ^^ . -
N a n n a.
User deleted
bellissima complimenti:D . -
.
Un'altra skin minimal che mi convince XD Bene, vuol dire che c'è un certo impegno nel realizzarle e renderle belle anche se ridotte al minimo graficamente parlando. E' molto gradevole e non stanca troppo la vista, a parte le scritte che sono sempre troppo piccole per quanto mi riguarda. Gli hover sui links del menù sono poco leggibili. E anche il colore della parte CODE è poco leggibile, sarebbe meglio contrastare le scritte dallo sfondo sempre e comunque se si tratta di scritte importanti. Sia per gli utenti che per google che se non rammento male odia i colori di scritte troppo simili a quelli di sfondo, ma non mi inoltro nei dettagli di questo che potrebbero aver cambiato parametri XD Per contrasto sarebbe ideale quello usato per le scritte normali in tag, non è troppo scuro ma si legge comunque bene. Passiamo agli errori:
24 .nav Value Error : background-color #none is not a valid color 3 or 6 hexadecimals numbers #none
Qui a background-color none non esiste. Per levare il colore di sfondo si usa background-color:transparent
47 .mtitle Value Error : letter-spacing only 0 can be a length. You must put a unit after your number : 1
47 .mtitle Value Error : padding-top only 0 can be a length. You must put a unit after your number : 8
74 .foot Value Error : letter-spacing only 0 can be a length. You must put a unit after your number : 1
Qui invece hai dimenticato di aggiungere px o pt o em o % accanto ai numeri, solo 0 può non avere l'unità di misura, mentre qualsiasi numero superiore ha bisogno di qualcosa accanto.
50 .mback Value Error : background-color none is not a color value : none
Qui lo stesso, al posto di none si usa transparent
67 .menu Property text-position doesn't exist : center
Qui è text-align per allineare il testo, position da solo si usa per posizionare altre cose e in modo diverso.
75 .web Parse Error tahoma, arial
Qui hai messo ; tra un font e l'altro:CODICE.web {font-weight: normal; font-size: 7pt; font-family: georgia; tahoma, arial; line-height: 7px; color: #6A6A6A}
invece ci va la , il ; si mette quando finisce un attributo.
88 .sunbar Value Error : border-bottom Too many values or values are not recognized : 1 px solid #f4f4f4
Qui va solo attaccato px a 1, se viene staccato da errore.
112 .quote_top Value Error : font-size Too many values or values are not recognized : 6,5pt
Qui va il . al posto della , altrimenti li stacca come fa coi font e li prende come un valore diverso.
114 .quote Parse Error ;(d);
qui tra due ; c'è quel (d) che va rimosso, probabilmente c'era un'immagine.
114 Parse Error [: #F8F5F0; font-size: 10px; padding: 2px; font-style: italic} .code_top]
Questo è dato dal (d) sopra di troppo.
126 .edit Value Error : font-style Too many values or values are not recognized : trebuchet ms
trebuchet ms è un solo font però i font con i nomi spezzati vanno tra virgolette singone ovvero 'trebuchet ms'.
135 .title3, .darkbar Property text-style doesn't exist : italic
Qui è font-style per mettere il corsivo.
Finiti XD Sì lo so, sembrano tanti ma sono solo piccoli errori che capitano spesso. La skin ancora non è pubblicabile, quando gli errori saranno risolti sarà possibile pubblicarla tra le chiare. -
¿Cia.
User deleted
Premetto che è la prima skin che creo quindi con il codes non è che sia un genio xD Sto imparando piano piano...
Per gli errori appena ho un po di tempo libero cercherò di sistemarli Grazie per i consigli cercherò di seguirli.. -
.
Non ti preoccupare, si comincia tutti prima o poi e ti assicuro che la mia prima skin in confronto era uno schifo assoluto XD Continua così :3 .