-
.
|
| Per esempio in questa skin, il .minus e il .plus sono composti da due differenti immagini, ossia:
.plus >> Che inserisci nel CSS con questi paramentri:
CODICE .plus {width: XXpx; height: XXpx; background-image: url(LINK IMMAGINE PLUS)}
.minus >> Che inserisci nel CSS con questi paramentri:
CODICE .minus {width: XXpx; height: XXpx; background-image: url(LINK IMMAGINE MINUS)} |
|
-
.
|
| Ah ok, allora devi modificare questo selettore =):
CODICE .header {background-color: #FFF; border: 1px solid #B2B9C5; border-bottom: 0}
Se vuoi che sia trasparente sostituiscilo con questo (basta cancellare la proprietà background-color):
CODICE .header {border: 1px solid #B2B9C5; border-bottom: 0}
|
|
-
.
|
| @MysticEspeon: posta pure il link del forum di prova, meglio se in un nuovo topic in support =)
@Agne: non vedo il bianco, riesci a farmi uno stamp? =) |
|
-
.
|
| Non è esattamente uno spazio, bensì il colore di fondo di questo selettore =)
CODICE .skin_tbl_border {background-color: #HEX} |
|
-
.
|
| Di niente =) No, no è apposto così il codice =) |
|
-
.
|
| Figurati =) Comunque te l'ho rifatto perchè così com'era non mi convinceva eccessivamente e poi dava problemi con i credits:
Codice da inserire nel box "in CIMA al forum"
CODICE <br><br><table width="75%" align="center" cellspacing="0" cellpadding="0"> <tr> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/top_left.gif) no-repeat; width:23px;"> </td> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/back_center.gif) repeat-x; Height:23px"> </td> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/top_right.gif) no-repeat;" width="23px"> </td> </tr> <tr> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/left.gif) repeat-y;"> </td> <td style="background:url(none) repeat; background-color: #d5d5d5" align="center" valign="top">
Codice da inserire nel box "in FONDO al forum"
CODICE <br> </td> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/right.gif) repeat-y;"> </td> </tr> <tr> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/bottom_left.gif) no-repeat;"> </td> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/sub_center.gif) repeat-x; height:23px"> </td> <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/bottom_right.gif) no-repeat;"> </td> </tr> </table><br> <div style= "width: 350px; border: 2px solid #d5d5d5; font: 8pt">Powered by <a href="?act=Profile&MID=315968">Mezmerized</a> of the <a href="http://skinfactory.forumfree.net">SkinFactory</a</div> <br> |
|
-
.
|
| Ah no, intendevo di metterle in questo topic, così dò un'occhiata ai codici =) |
|
-
.
|
| Prova a postare i codici che trovi in Gestion HTML sia nel box "in CIMA a tutte le pagine" che quello "in FONDO a tutte le pagine" ^^ |
|
-
.
|
| @ Mark:ma hai fatto bene a controllare il css, si deve sempre controllare tutto =)
Riguardo al menu credo sia dettato dai parametri margin-bottom: -18px; margin-top: 35px che trovi in
CODICE .menu {text-align: center; margin-bottom: -18px; margin-top: 35px}
Prova sostituendo con:
CODICE .menu {text-align: center; position: relative; top: 35px}
Rispetto al margin è un pò diverso, vedi se entra in conflitto con il resto della grafica |
|
-
.
|
| Potrebbe essere l'immagine in "benvenuti" che, misurando 1.110px × 377ps, è un problema per le risoluzioni minori come la 1024x768. |
|
-
.
|
| Agne, intendi solo nel .sunbar o vuoi mettere un bordo attorno a tutti i singoli elementi delle statistiche?
Se intendi il primo nella tua skin non si visualizza anche il bordo in basso, poichè qua:
CODICE .sunbar {height: 25px; font-weight: bold; color: #FFFFFF; background-color: #737373; border: 1px solid #444444; border-bottom: 1px}
Compare quel border-bottom: 1px che senza alcun colore non fa visualizzare completamente il border: 1px solid scritto poco prima. Eliminalo e dovrai visualizzare il bordo correttamente =) |
|
-
.
|
| Qui c'è la soluzione al problema del .mainbg ^^ |
|
-
.
|
| Eccolo, lì trovi il parametro che vuoi inserire =) |
|
-
.
|
| Te l'ho un pò ordinato così, le prime volte, ci si confonde di meno tra una misura e l'altra =)
Ecco il codice:
CODICE .mback {height: 56px; border-bottom: 1px solid #ADBAC6; background-image: none}
.mback_center {background-image: url(http://img251.imageshack.us/img251/4302/mbackcenter.png); background-repeat: repeat-x; background-position: bottom}
.mback_left {width: 108px; background-image: url(http://img835.imageshack.us/img835/4402/mbackleftg.png); background-repeat: no-repeat; background-position: bottom} .mleft_top {width: 9px; background-image: url(http://img651.imageshack.us/img651/9438/mleft.png); background-repeat: no-repeat; background-position: bottom} .mleft, .sep_left {width: 9px; background-image: url(http://img59.imageshack.us/img59/453/mseptleft.png); background-repeat: repeat-y} .mleft_bottom {width: 9px; background-image: url(http://img829.imageshack.us/img829/3028/mrighbot.png); background-repeat: no-repeat}
.mback_right {width: 99px; height: 58px; background-image: url(http://img709.imageshack.us/img709/6536/mbackrightq.png); background-repeat: no-repeat; background-position: bottom} .mright_top {width: 11px; height: 56px; background-image: url(http://img64.imageshack.us/img64/9186/mrightbo.png); background-repeat: repeat-y; background-position: bottom} .mright, .sep_right {width: 11px; background-image: url(http://img835.imageshack.us/img835/5002/mseptright.png); background-repeat: repeat-y} .mright_bottom {width: 11px; background-image: url(http://img339.imageshack.us/img339/7636/mleftbot.png); background-repeat: no-repeat}
.msub {height: 30px; font-size: 3px} .msub_left {height: 29px; width: 108px; background-image: url(http://img251.imageshack.us/img251/1585/msubleftu.png); background-repeat: no-repeat} .msub_center {background-image: url(http://img26.imageshack.us/img26/2731/msubcenter.png); background-repeat: repeat-x} .msub_right {width: 99px; height: 30px; background-image: url(http://img823.imageshack.us/img823/4429/msubright.png); background-repeat: no-repeat}
Gli errori erano: L'altezza del .mback era di 25px, quando in realtà dovrebbe seguire quella dell'immagine ossia 56px (secondo quelle che hai usato come .mback_left e .mback_center). L'immagine che hai usato come .mback_right però ha un'altezza di 58px (per visualizzare la skin correttamente le immagini dell'.mback devono avere tutte la stessa altezza >> qui è spiegato meglio). Nel .mleft_top e .mright_top ci va un background-repeat: no-repeat. In .mleft, .sep_left; in .mleft_bottom; in .mright, .sep_right e in .mright_bottom ti conviene specificare la width. Infine il .mright_bottom e il .mleft_bottom devono avere la stessa altezza delle immagini che hai messo come .sub (gli errori qua erano che avevi specificato un'altezza di 3px nel selettore .msub // e un'altezza di 29px nel selettore .msub_right). Nei selettori .mleft, .sep_left e .mright, .sep_right ci va un background-repeat: repeat-y (inoltre il background-repeat: repeat-none non esiste come scrittura). E nei selettori .mleft_bottom e .mright_bottom ci va un background-repeat: no-repeat).
Se adesso si vede male è perchè alcune immagini sono tagliate in maniera errata (per esempio il .mright, .sep_right e il .mleft_top).
Visto che sei alle prime armi ti consiglio di dare un'occhiata al nostro Skinning for Dummies dove insegna tutti i passaggi per creare una skin più qualche utile trucco per non incappare in questi errori ^^ |
|
-
.
|
| Scusami non ho ben capito le modifiche che vorresti attuare alla skin ^^"
Comunque per sicurezza hai chiesto il permesso all'autore? |
|
346 replies since 1/4/2006
.