Pagina 1 di 1

Creare il bordo a headerbar

Inviato: 13/11/2015, 8:51
da Fabiomaticus
Come posso mettere un bordo colorato all headerbar?
Ho inserito nel css personalizzato questo:

Codice: Seleziona tutto

.headerbar {
	border-color: #ea4200;
	background-color: #f3f3f3;
	background-image: url("./images/bg_header_personale.gif");
	color: #ffffff;
}
Ma non funziona

Re: Creare il bordo a headerbar

Inviato: 13/11/2015, 12:59
da Sir Xiradorn
Domanda: quale headerbar vorresti cambiare? Nel tuo codice al link attuale e a me visibile non esiste alcuna headerbar.

Inoltre l'unico headerbar che ci sta, sta qua

Codice: Seleziona tutto

/* IMPORT module table headings */
th.modulex,
headerbar {
	background-color: #f3f3f3;
	background-image: url("../forum/styles/prosilver/theme/images/bg_header.gif");
	color: #FFFFFF;
}
Che per altro è un errorone perchè così fatto indicherebbe non una classe ma un tag html e:
primo) non esiste nel tuo codice
secondo) NON ESISTE PROPRIO in html ne 4 ne 5 quindi attenzione

Se mi indichi dove e cosa vuoi fare vediamo di correggere

Re: Creare il bordo a headerbar

Inviato: 13/11/2015, 13:02
da Fabiomaticus
Sto testando un sito prova con phpbb 3.1 http://fabiomaticus.altervista.org/forum/app.php/portal
Nella pagina indicata dovè cè il logo del sito, vorrei che il riquadro avesse un bordo ed inoltre vorrei anche diminuire l'altezza senza lasciare tutto quello spazio tra il logo e il riquadro stesso.

Re: Creare il bordo a headerbar

Inviato: 13/11/2015, 15:35
da Sir Xiradorn
Ah ok allora si. Per il bordo non usare solo border color senno non va. Ma usa

Codice: Seleziona tutto

.headerbar {
   border: 1px solid #ea4200;
   background-color: #f3f3f3;
   background-image: url("./images/bg_header_personale.gif");
   color: #ffffff;
}
Se non dovesse andare allora forza così

Codice: Seleziona tutto

.headerbar {
   border: 1px solid #ea4200 !important; /* forzamento */
   background-color: #f3f3f3;
   background-image: url("./images/bg_header_personale.gif");
   color: #ffffff;
}

Re: Creare il bordo a headerbar

Inviato: 13/11/2015, 16:04
da Fabiomaticus
Ok Sir funziona perfettamente! Grazie

Potresti ora darmi qualche dritta sul diminuire l'altezza dell'headerbar?

Re: Creare il bordo a headerbar

Inviato: 13/11/2015, 17:03
da Sir Xiradorn
A quanto vedo hai un h1 con il titolo del forum qualcosa del tipo

Codice: Seleziona tutto

<h1> .... </h1>
e poi un

Codice: Seleziona tutto

<p> </p>
Se le elimini sei ok. Altrimenti puoi forzare il tutto aggiungendo al .headerbar questo:

Codice: Seleziona tutto

    max-height: 130px;
    overflow: hidden;