Back to top

Autore Topic: Cambiare il font del titolo dei menų  (Letto 1886 volte)

Offline gpdesign

  • Esploratore
  • **
  • Post: 92
  • Sesso: Maschio
    • Mostra profilo
Cambiare il font del titolo dei menų
« il: 19 Giu 2013, 12:33:16 »
Salve, sto impazzendo!
Sto realizzando questo sito partendo da un template:


http://www.birraaltaquota.it/joomla/


Sto provando a cambiare il font del titolo dei menu di sinistra.
A titolo di prova ho caricato un font personalizzato che ho chiamato BAQ e che uso per i testi e per le voci di menu e vorrei utilizzarlo anche per i titoli dei menu.
Tramite css ho trovato la voce che mi permette di cambiare colore, lo sfondo e grandezza di questo ma quando vado ad inserire il font-family non sortisce effetto.


Qualcuno sa aiutarmi?


Riporto il css che gestisce i titoli dei menu:


Codice: [Seleziona]
#left .moduletable h3,
#left .moduletable_menu  h3{ /*GPD titoli
moduli colonna sinistra*/
font-size:22px;
font-family:
BAQ;
color:#ff4f00;
font-weight:bold;
background:transparent;
text-transform:uppercase;
background:
url(../images/menutes.png) repeat-x 0 100%
;
padding:15px;
text-align:center;


}

Edit: Per cortesia titoli in minuscolo e codice col tag  # grazie.
« Ultima modifica: 19 Giu 2013, 12:39:46 da tomtomeight »

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il font del titolo dei menų
« Risposta #1 il: 19 Giu 2013, 14:10:21 »
mah.. a occhio e croce cosė com'č scritto il css non funziona, o meglio funziona solo se sul computer che visualizza la pagina č installato il tuo font personalizzato BAQ.

Dovresti posizionare il tuo font con la tecnica @font-face vedi qui:

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp


per rendere il font disponibile a tutti.

Offline gpdesign

  • Esploratore
  • **
  • Post: 92
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il font del titolo dei menų
« Risposta #2 il: 20 Giu 2013, 02:09:20 »

Lo ho installato e caricato nel foglio di stile con questo codice:


Codice: [Seleziona]


@font-face
{
    font-family:BAQ;
    src: url(../Font/Dragon-DemiBold.eot); /* EOT file for IE */
}


@font-face
{
    font-family:BAQ;
    src: url(../Font/Dragon-DemiBold.ttf); /* TTF file for CSS3 browsers */
}






E infatti come dicevo in altre parti del sito lo carica correttamente. Solo per il nome del titolo dei moduli menu non funziona.
Il codice che avevo riportato nel post precedente č quello che comanda colore, sfondo e grandezza del titolo del menu, ma per il font non funziona.
« Ultima modifica: 20 Giu 2013, 02:19:17 da gpdesign »

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il font del titolo dei menų
« Risposta #3 il: 20 Giu 2013, 09:28:05 »
infatti non mi sembra che all'interno di http://www.birraaltaquota.it/joomla/templates/tequoia/css/tdefaut.css
 

sia enunciato la tipologia del font.. prova ad aggiungere la parte in rosso

#topmenu {
    float: left;
    width: 100%;
    height: 90px;
    background: url("../images/topmenu.png") repeat-x scroll 0px 0px transparent;
    margin-top: -5px;

font-family:BAQ;
}

Offline gpdesign

  • Esploratore
  • **
  • Post: 92
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il font del titolo dei menų
« Risposta #4 il: 20 Giu 2013, 10:38:54 »
Quelle voce del CSS gestisce il menų in alto, mentre io devo cambiare il font del titolo dei menų a sinistra, il codice css č quello che ho riportato nel primo post. Li la riga font-family: BAQ c'č.
Comunque anche aggiungendola dove hai suggerito tu, questo non sortisce effetto neanche sul menų top.
Secondo me c'č qualcosa a che vedere con tag h3 in cui č racchiuso il titolo dei moduli di menų a sinistra.


Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il font del titolo dei menų
« Risposta #5 il: 20 Giu 2013, 11:06:27 »
ho visto che il menu č gestito dal selettore ul con una classe menu

<ul class="menu">

che č presente nel solito css tdefaut.css


ul {
    margin: 0px;
    padding-left: 20px;
}

prova ad aggiungere lė, il font-family...

se non dovessse funzionare allora vai ad aggiungere la regola font-family direttamente sulle voci del menu


che sono delle classi

"item-101" "item-108" "item-112" "item-113"


che non esistono ... ma basta aggiungerle nel file css

.item-101 {
  font-family: BAQ;
}

dovrebbe funzionare ::) ::) ::)


 



Web Design Bolzano Kreatif