-
~Claire~.
User deleted
avete spiegato propio bene! mi metto subito a lavoro^^ . -
~Claire~.
User deleted
domandaaa!
io ho creato la barra di dimensioni 500x30
dove devo mettere il codice URL della barra?
mi sono un po' confusa!. -
.CITAZIONEImportante! Questa sarà la parte del codice che ci apprestiamo a modificare!
.mback {height: XXpx; background-image: none}
.mback_left {width: XXpx; background-image: url(URL); background-repeat: no-repeat; background-position: bottom}
.mback_center {background-image: url(URL); background-repeat: repeat-x; background-position: bottom}
.mback_right {width: XXpx; background-image: url(URL); background-repeat: no-repeat; background-position: bottom}
va modificata quella parte, dividi la barra in tre parti, sinistra centro(che si ripeterà per la lunghezza) e destra. Carichi le immagini sul tuo host e metti il direct link al posto dei vari URL. Rileggi in cima alla lezioni a che parti corrispondono a te servono .mback_left, .mback, .mback_center, .mback_right. -
~Claire~.
User deleted
ok!
ci provo subito!
ci sono riuscita, ma la parte superiore mi viene tagliata un po'!. -
.
controlla le dimensioni dei tre pezzi e sistemale esatte nel codice =) . -
~Claire~.
User deleted
la altezza dei pezzi e 30px
io la metto, ma me lo taglia lo stesso!
ecco il codice:SPOILER (click to view)CODICE/* BARRA ATTORNO AL FORUM */
.mback {height: 80px; background-image: none}
.mback_left {width: 60px; background-image: url(http://i25.tinypic.com/293i05j.jpg); background-repeat: no-repeat; background-position: bottom}
.mback_center {background-image: url(http://i26.tinypic.com/2lve8v8.jpg); background-repeat: repeat-x; background-position: bottom}
.mback_right {width: 57px; background-image: url(http://i27.tinypic.com/2s5xv01.jpg); background-repeat: no-repeat; background-position: bottom}
.mback {height: 27px; border-bottom: 1px solid #ADBAC6; background-image: none}
.msub {height: 7px; font-size: 3px}
.msub_left {height: 7px; width: 7px; background-image: url(http://img.forumfree.net/style_images/15/msub_left.gif); background-repeat: no-repeat}
.msub_center {background-image: url(http://img.forumfree.net/style_images/15/msub_center.gif); background-repeat: repeat-x}
.msub_right {width: 7px; background-image: url(http://img.forumfree.net/style_images/15/msub_right.gif); background-repeat: no-repeat}
.mleft_top, .mleft, .sep_left, .mleft_bottom, .mright_top, .mright, .sep_right, .mright_bottom {width: 0}
e dove si trova la skin....se ritenete spam, cancellate!SPOILER (click to view). -
.CODICE.mback {height: 27px; border-bottom: 1px solid #ADBAC6; background-image: none}
c'è un mback sotto al primo che annulla il codice sopra, levalo e metti il bordo al primo se vuoi il bordo =D. -
~Claire~.
User deleted
capito e rimediato!
ora e' come dovrebbe essere!
tnx!. -
.
di niente buon proseguimento =) . -
.
X
Come vi sembra?
Almeno per adesso. -
Sbrinzo.
User deleted
CITAZIONE (s c r a t; @ 17/9/2009, 14:17)
Come prima skin (presumo, visto che si chiama first skin il forum) è davvero ottima =) La parte grafica è fatta bene, i colori sono molto carini. Ora monta il codice e personalizza la skin ; D
Comunque per postare i "lavori in corso" eisiste l'apposita sezione: http://skinfactory.forumfree.net/?f=5731965. -
.
Ok, grazie per i complimenti.
Solo che prima di postarla nella discussione dove dici tu, preferisco trovarle un nome (Perchè First Skin è abbastanza orribile ).
P.S.: sì, è la prima skin in assoluto X). -
star1488.
User deleted
Io avevo già iniziato la mia skin ancora prima di leggere questo tutorial però ho un problema che si ripete ogni volta che faccio una skin e non sò perchè!
Vi lascio il link se non potevo toglietelo pure x
In pratica la barra in torno al forum mi viene bene però se provate a cliccare in una sezione ad es se cliccate nel sondaggio che c'è nella prima sezione la parte superiore della cornice si spezza e si ripete male...come mai? Potete aiutarmi?. -
.
Perchè l'immagine che hai usato come mback_center ha una lunghezza ridotta.
Ci sono due diverse strade per risolvere:
1) Fai una immagine 1300px × 146px allungando l'ultima parte dell'immagine (non verrà un lavoro pulitissimo però così si evita il problema):SPOILER (click to view)
2) Dividi nuovamente la barra in tre parti così:SPOILER (click to view)
Allora la prima la metterei come .mback_left, la seconda come .mback_center e l'ultima quella più a destra .mback_right.
Per qualunque altro problema o dubbio apri pure un topic in Support ^^. -
star1488.
User deleted
Grazie ora provo =)
Giusto per curiosità come ti sembra la skin?
Wow ci sono riuscita grazie mille ^__^
Edited by star1488 - 18/9/2009, 09:32.