Modificare il maintitle nella skin

[Haku]

Stavo provando a modificare un pò la skin per non rimanere troppo sullo stile originale con cui esce IPB.

Quando sostituisco però il maintitle (Questo):

http://www.invisioni...r/maintitle.png

mi rimangono dei px di bordo sopra e sotto l'immagine ancora di colore blu...così:

Che altre modifiche dovrei apportare al css?

Modificato 11 Settembre 2012 da Haku

[Askancy]

Sono fuori casa, ma ti consiglio di installare chrome e fare tasto destro sul maintitle e fare "ispeziona elemento" o sennò con photoshop prelevi il colore e lo cerchi nel css finche non trovi quello che ti serviva... Nel pomeriggio se non hai risolto cerco la classe precisa dove devi apportare la modifica...

Inviato dal mio GT-I9100

[trattore]

trova il percorso dell'immagine e vedi si aggiungergli dei pixel in altezza...

Oppure dirigiti verso il tuo tema poi su gestione modelli e cerca nell'opzioni css: ipb_styles.css,aprilo con un editor di testo e cerca

.maintitle {

sotto dovresti trovare sto pezzo di codice:

border: 1px solid #388013;

modificalo così:

border: 0px solid #388013;

aggiorna premendo f5 e dorebbe sparire il bordo

Modificato 11 Settembre 2012 da trattore

[Askancy]

Senza bordo comunque è brutto, dovrebbe sfumarlo

[Haku]

Senza bordo comunque è brutto, dovrebbe sfumarlo

Sono d'accordo, anche perchè se no vado ancora a rimpicciolire il main...come devo farlo allora? °°

@trattore: grazie anche a te per il supporto...

[Askancy]

Ho fatto una bozza... salvalo e con photoshop prendi i colori con il contagoccie.

Ti conviene usare le stesse tonalità della skin...

[Haku]

Dove devo inserire i colori Ask?

[Askancy]

questo è il tuo maintitle:

.maintitle {
background: #2C5687 url(http://forum.games247.it/public/style_images/master/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}

modifica:

border-color: #316897;

Che sarebbe il bordo esterno, quello più scuro

e

-moz-box-shadow: inset 0px 1px 0 #528cbc;

sarebbe quello più chiaro...

Se quindi ti và bene come ti ho modificato io il maintitle:

.maintitle {
background: #2C5687 url({style_images_url}/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #424b50;
-moz-box-shadow: inset 0px 1px 0 #424b50;
box-shadow: inset 0px 1px 0 #424b50;
border-width: 1px 1px 0 1px;
border-color: #353c42;
border-style: solid;
}

Prova così, io ho presupposto che tu stessi parlando della skin di default, non di una skin scaricata dal marketplace eh...

[Haku]

Si si sto modicando quella di default =)

Ho inserito il codice, ma ancora bordo =(

[Askancy]

Non lo hai modificato tutto...

In questa parte:

-webkit-box-shadow: inset 0px 1px 0 #424b50;
-moz-box-shadow: inset 0px 1px 0 #424b50;
box-shadow: inset 0px 1px 0 #424b50;
border-width: 1px 1px 0 1px;
border-color: #353c42;
border-style: solid;
}

io ti ho messo il codice colore #424b50 mentre tu hai ancora #528CBC...

[Haku]

Ora è a posto, non avevo capito che dovevo modificare tutti e 3 i parametri ^^

Grazie mille Ask!

Modificato 11 Settembre 2012 da Haku

[Askancy]

Se vuoi fare anche un lavoro fatto bene qui:

background: #2C5687 url({style_images_url}/maintitle.png) repeat-x top;

il colore #2C5687 cambialo con #32373b sennò chi visita il forum per la prima volta, si vede apparire un flash di blu

[Haku]

Grazie mille, modificata anche quella parte =P

[najaru]

potrebbe essere il bordo superiore del menu allora.....

[Haku]

potrebbe essere il bordo superiore del menu allora.....

Mmm...a cosa ti riferisci?