Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Elwood 08 Oct 2011, 20:26:07
-
Ho impostato nel .css i valori a:link, a:visited in bianco con hover nero, per meglio contrastare nei menù di sx con lo sfondo blu.
Ora però mi ritrovo tutti i link delle pagine aperte nella finestra main, con sfondo bianco, ovviamente anch'essi bianchi ed invisibili:
Ad esempio, qui http://www.sirioradiologiadentale.it/sirio/web-link.html (http://www.sirioradiologiadentale.it/sirio/web-link.html) si dovrebbe vedere Siti segnalati (http://www.sirioradiologiadentale.it/sirio/web-link/siti-utili.html) , ma prendendo la stessa classe dei menù, nn è visibile se nn in nero andando in hover.
Come potrei risolvere? L'alternaiva è cambiare con a:link, a:visited nero con hover di altro colore. Ma vorrei mantenere le voci link di menù bianche con hover nero.
Mi potreste consigliare una soluzione pls?
Sito in Joomla 1.5.23
Grazie,
Elwood
-
Ciao Elwood,
tu metti nel css dei link del testo i colori che servono e scrivi quello per i link del menù, tipo:
.menu a {
color:#FFFFFF !important;
}
.menu a:hover {
color:#000000 !important;
}
.menu a:visited {
color:#CCCCCC !important;
}
-
ma poi il class dei menù lo pesca in automatico?
se aggiungo il code che mi hai passato al mio .css, imposto i classici a:link+a:visited con i colori che mi stanno bene per il main, come collego lo stile del menù al nuovo code inserito?
Ti ringrazio,
El
-
Copia e incolla. ;)
-
Ho inserito questo codice nel mio template.css:
/* Joomla core stuff */
a:link, a:visited {
color: #000000; text-decoration: none;
font-weight: bold;
}
a:hover {
color: #0080FF; text-decoration: none;
font-weight: bold;
}
.menu a:link, a:visited {
color:#FFFFFF !important;
}
.menu a:hover {
color:#000000 !important;
}
Il menù è ok.
qui http://www.sirioradiologiadentale.it/sirio/eventi/ (http://www.sirioradiologiadentale.it/sirio/eventi/) pare tutto ok a parte un articolo "Radioprotezione (http://www.sirioradiologiadentale.it/sirio/eventi/radioprotezione.html)" che non lo visualizza, non capisco il perchè, nn dovrebbe esser differente dagli altri elencati.
in home, l'articolo in prima pagina, c'è un link sotto la scritta "3D DAY", anche questo non si vede.
"Weblink" idem come sopra.
http://www.sirioradiologiadentale.it/sirio/contattaci-a-milano (http://www.sirioradiologiadentale.it/sirio/contattaci-a-milano) qui il link a metà pagina "Clicca Qui per visualizzare la Mappa (http://www.sirioradiologiadentale.it/sirio/images/sirio.gif)" non si vede ed invece, cosa strana :P , qui http://www.sirioradiologiadentale.it/sirio/contattaci-a-saronno (http://www.sirioradiologiadentale.it/sirio/contattaci-a-saronno) è ok.
Ho controllato dalla gestione menù se c'erano delle classi diverse assegnate in parametri, ma non ne trovo, il campo è vuoto.
Mi vien da pensare che dove non funziona devono richiamare altri strili dal .css .
che ne pensi?
El
-
Ho pulito la cache del browser e tutto si è sistemato.
Credo di aver imparato che inserendo stile in forma ".menu" nel file css del template, vengono associati automaticamente a quelle voci specifiche!
Grande aiuto mi hai dato!!!!!!! ;)
Se ci sono altre forme fisse che "hanno la priorità" del richiamo di stile, dove potrei vederle? su wiki joomla trovo qualcosa da leggermi?
Per verificare prima di cancellare la cache ho caricato la pagina con IE9..... i link erano ok, ma mammina santa il layout del mainframe è saltato su questo browser.... :o
Ora devo capire cos'è che su IE altera la pagina... mmm... forse le linee <hr> nel secondo articolo... uff... :P sistemo una cosa e salta fuori un'altro problema ehehehe
Grazie ancora per il prezioso aiuto!
El
-
Se ci sono altre forme fisse che "hanno la priorità" del richiamo di stile, dove potrei vederle? su wiki joomla trovo qualcosa da leggermi?
Sì. E trovi anche quali sono qui sul forum. Fai una ricerca tu, la faccio anch'io, il primo che li trova incolla il link.
In ogni caso con Firebug le vedi...
-
Ho provato ad usarlo oggi pomeriggio per la prima volta firebug, però non sono giunto alla soluzione :)
Provo a cercare sul forum anche io.
Intanto sto cercando di capire cosa fa sballare la prima pagina su IE. Mi correggo molte pagine son sballate su IE.. mi vien da piangere... >:( che cavolo di browser... Però devo sistemarlo in qualche modo... uff.
El
-
Guarda che però la vista sezione non è a posto. Devi scrivere il css anche per quella, tipo:
.sectiontableentry2 a:visited, .sectiontableentry2 a:link, .sectiontableentry1 a:visited, .sectiontableentry1 a:link {
color:#000000 !important;
}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover {
color:blue !important;
}
Su IE so molto poco...
-
Trovato! Credo sia questo:
http://wiki.joomla.it/index.php?title=Foglio_di_Stile_base_per_i_template_di_Joomla_1.5 (http://wiki.joomla.it/index.php?title=Foglio_di_Stile_base_per_i_template_di_Joomla_1.5)
El
-
Ottimo. C'è anche questo:
http://forum.joomla.it/index.php?topic=8282.0
-
Ok, ho inserito ed aggiunto a quanto già c'era sul .css:
.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
background-color : #ffffff;
}
.sectiontableentry2 a:visited, .sectiontableentry2 a:link, .sectiontableentry1 a:visited, .sectiontableentry1 a:link {
color:#000000 !important;
}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover {
color:blue !important;
background-color : #f9f9f9;
}
Ora mi resta da vedere per metterlo in regola anche con IE, se entro domani pome non ho migliorato mi toccherà mettere un altro topic di richiesta soccorso.
Intanto inserisco il [risolto] qui, direi che con i due link per le guide abbiamo concluso degnamente l'argomento.
Non so come ringraziarti.
El
-
Ho notato questo: anche inserendo nel .css le classi .menu le voci del topmenu in alto alla pagina vengono ancora visualizzate in maniera errata.
Ho dato un occhio per vedere se c'erano delle classi specifiche per il topmenu, ma non ne ho trovate.
Il guaio è che prende lo stile deli restanti menù laterali, stando però su un colore di background diverso.
Mi è sfuggito qualche class specifico per il topmenu?
El
-
Be sì, ad ognuno il suo...
.shadetabs a {
color:#000 !important;
}
.shadetabs a:visited {
color:red !important;
}
.shadetabs a:hover {
color:blue !important;
}
So poco della teora dei css e faccio del gran copia incolla. Prendi un template di default e guarda come scrivono i css dei menù. Vedrai che aggiungo anche altre parti per specificare meglio a quale menù appartiene e per non influenzare gli altri.
-
Grazie ancora, lo provo subito.
Cercato qualcosa nelle guide che richiamasse i topmenù, invece era tutt'altro.
Si ho notato che alcuni .css di template sono ben fatti con richiami fuori testo a cosa vanno a toccare.
Uppato, va alla grande!
Grazie, un aiuto veramente prezioso!!!!!!!!!!!!!!!!!!!!
El