Creare il bordo a headerbar

[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

[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

[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.

[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;
}

[Fabiomaticus]

Ok Sir funziona perfettamente! Grazie

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

[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;