Back to top

Autore Topic: CSS e elenchi di links  (Letto 5127 volte)

Offline gmcfuerte

  • Esploratore
  • **
  • Post: 120
    • Mostra profilo
CSS e elenchi di links
« il: 20 Ott 2010, 12:08:29 »
Ciao a tutti
mi scuso in anticipo sulla mai ignoranza in fatto di css alla quale presto mettero' fine con qualche bel corso di autoapprendimento!
per ora pero' il problema e' questo:
nel sito www.salvatori-traslochi.it sulal colonna left ho il bottone del video trasloco e due menu' entrambi con link di colore azzurro.
Come posso fare a far diventare verdi le scritte di solo uno dei due menu'?
Ho fatto un po' di prove ma mi spiotta (disinpagina in romano) tutto!
ho provato a aggiungere questo al css :
greenlabel {
 color: #F8F8F8;
 }
cosa sbaglio o come fare?
Grazie

GMC

Offline alexask

  • Esploratore
  • **
  • Post: 153
    • Mostra profilo
Re:CSS e elenchi di links
« Risposta #1 il: 20 Ott 2010, 13:00:02 »
... cut ...
Come posso fare a far diventare verdi le scritte di solo uno dei due menu'?
Ho fatto un po' di prove ma mi spiotta (disinpagina in romano) tutto!
ho provato a aggiungere questo al css :
greenlabel {
 color: #F8F8F8;
 }
cosa sbaglio o come fare?
Grazie

GMC

ciao gmcfuerte,

allora, le impostazioni del tuo menu sono "comandate" da:
#left ul.menu a in template_css.css (riga 1013)
ul.menu li a in template_css.css (riga 1007)
mentre il colore del link è dato da:
a:link, a:visited in template_css.css (riga 133)

prova ad aggiungere una classe di tua invenzione (per esempio: greenlabel) nel modulo del tuo menu in "Suffisso classe CSS menu" [parametri avanzati]
Apri il file template_css.css, vai alla riga 1013
e cambi il testo originale:
#left ul.menu a {
in
#left ul.menu a, #left ul.menugreenlabel a {

aggiungi una nuova riga per il cambio colore:
#left ul.menugreenlabel a {
color: #F8F8F8;
}


alla riga 1007 cambia
ul.menu li a { in
ul.menu li a, ul.menugreenlabel li a {

dovrebbe funzionare

ciao
Alex

Offline gmcfuerte

  • Esploratore
  • **
  • Post: 120
    • Mostra profilo
Re:CSS e elenchi di links
« Risposta #2 il: 20 Ott 2010, 15:08:46 »
Purtroppo sembra non andare
ecco il css :
ul.menu li a,  ul.menugreenlabel li a { padding: 3px 3px 5px 15px; text-decoration: none; }
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator { color: #363434; }
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu li a:hover { background-color: transparent; text-decoration: none; }
ul.menu li.active li a,
ul.menu li.active li a:hover { background: transparent; }
#left ul.menu a, #left ul.menugreenlabel a { background: url(../images/menu_row.png) no-repeat left center; outline: none medium; width: 90%; display: block; text-decoration: none; text-align: left; border-bottom: 1px dotted #cacaca; }
/*#left ul.menu a { background: url(../images/menu_row.png) no-repeat left center; outline: none medium; width: 90%; display: block; text-decoration: none; text-align: left; border-bottom: 1px dotted #cacaca; }
*/
#left ul.menugreenlabel a {color: #F8F8F8; }
#left ul.menu a:hover { color: #363434; }
#left ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 5px;}
#left ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 10px;}
.greenlabel {
 color: #F8F8F8;
 }

al modulo del menu' inserisco nel campo Suffisso classe CSS modulo     menugreenlabel
ma non fa altro che perdermi il colore e la grandezza del bordo tabella e basta di cambio colore nememno a parlarne....

Offline alexask

  • Esploratore
  • **
  • Post: 153
    • Mostra profilo
Re:CSS e elenchi di links
« Risposta #3 il: 20 Ott 2010, 15:27:56 »

al modulo del menu' inserisco nel campo Suffisso classe CSS modulo     menugreenlabel
ma non fa altro che perdermi il colore e la grandezza del bordo tabella e basta di cambio colore nememno a parlarne....


non devi inserire menugreenlabel ma solo greenlabel !
la voce menu viene richiamata dal campo "Suffisso classe CSS modulo (che si trova sotto), riassumendo:
In parametri avanzati
Suffisso classe CSS menu --> greenlabel
Suffisso classe CSS modulo --> _menu (che dovrebbe già essere inserito)

fammi sapere (che rileggo il css con calma)

ciao
Alex

Offline alexask

  • Esploratore
  • **
  • Post: 153
    • Mostra profilo
Re:CSS e elenchi di links
« Risposta #4 il: 20 Ott 2010, 15:45:23 »
Nel tuo css l'ultima riga è inninfluente
.greenlabel {color:#F8F8F8;} perché la classe viene applicata all'elemento ul mentre il colore del testo è gestito dall'elemento a (link, visited, hover).

Per verificare se scrivi giusto le classi nel modulo menu, aggiorna il browser e verifica il codice html.
ORIGINALE
<ul class="menu">
    <li id="current" class="active item21">
          <a href="#"><span>Organizzare trasloco</span>[/url]
    </li>
 ecc ecc
DOPO inserimento classe greenlabel nel modulo
<ul class="menu greenlabel">
    <li id="current" class="active item21">
          <a href="#"><span>Organizzare trasloco</span>[/url]
    </li>
 ecc ecc

 



Web Design Bolzano Kreatif