Back to top

Autore Topic: Formattazione link nei div  (Letto 2605 volte)

Offline Nuvola6

  • Appassionato
  • ***
  • Post: 718
  • Sesso: Femmina
    • Mostra profilo
Formattazione link nei div
« il: 09 Nov 2009, 12:12:15 »
Salve a tutti. Qualcuno può aiutarmi in questo grattacapo?
Vorrei capire come faccio ad avere link diversi tra loro nella formattazione. Cerco di spiegarmi...
Ho diversi div ma vorrei che i link di un div siano ad esempio bianchi mentre i link degli altri div sono neri di per sè.
Suppongo che si debba creare una classe ma qual è la sintassi esatta?
Ripeto: i link del div header devono essere bianchi (i link degli altri div sono già neri e non m'interessa toccarli per adesso).
Spero di essere riuscita a farvi capire.
Grazie a chiunque vorrà aiutarmi.
Saluti :-)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Formattazione link nei div
« Risposta #1 il: 09 Nov 2009, 14:39:43 »
Certo che lo puoi fare Nuvola6  :)
Ma mi è difficile dirti come senza il link al sito.
Se usi firebug e altre utility ti sarà più facile lavorare all'aspetto di joomla:
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html

In assenza di regole specifiche i link seguono le regole generali dettate per il template. Tipo:
Codice: [Seleziona]
a:link, a:visited {
color:#000099;
}
Poi se ne possono aggiungere di specifiche tipo:
Codice: [Seleziona]
#nav a:link, #nav a:visited {
color:#333333;
}
che in questo caso valgono per i link che stanno dentro il div che contiene il top menù di questo sito.
Questi che vedi qui di fianco seguono quest'altra regola:
Codice: [Seleziona]
ul.sidenav li a {
color:#DDDDDD;
}
... e via così.... Facile vero?  :D
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Nuvola6

  • Appassionato
  • ***
  • Post: 718
  • Sesso: Femmina
    • Mostra profilo
Re:Formattazione link nei div
« Risposta #2 il: 09 Nov 2009, 14:51:08 »
Grazie tonicopi, sempre puntuale.
Mi sono accorta di non essermi spiegata bene. Dopo la soluzione che hai scritto, ho visto che quella è una cosa che già facevo.
Il punto è un altro...
Nel div header io ho messo una posizione modulo in cui poi vado a pubblicare il top menu. Ora, volendo cambiare solo il colore dei link del modulo top menu, devo agire nel css specifico del modulo?
Forse mi perdo in un bicchier d'acqua...

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Formattazione link nei div
« Risposta #3 il: 09 Nov 2009, 16:15:30 »
Si che ti stai perdendo in un bicchier d'acqua. Puoi cambiare il colore di quei link in diversi modi, anche con il suffisso css moduli o con il suffisso css menù o scrivendo uno stile in line nel modulo dove hai inserito il menù  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Nuvola6

  • Appassionato
  • ***
  • Post: 718
  • Sesso: Femmina
    • Mostra profilo
Re:Formattazione link nei div
« Risposta #4 il: 09 Nov 2009, 16:24:28 »
Si che ti stai perdendo in un bicchier d'acqua. Puoi cambiare il colore di quei link in diversi modi, anche con il suffisso css moduli o con il suffisso css menù o scrivendo uno stile in line nel modulo dove hai inserito il menù  ;)

E come si fa a inserire uno stile in line nel modulo?
Grazie per la pazienza...

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Formattazione link nei div
« Risposta #5 il: 09 Nov 2009, 17:46:31 »
Per esempio li fai bianchi lassù con questa regola:
Codice: [Seleziona]
#header a {
color:#FFFFFF;
}

Ma non vale per tutti i template ma per il tuo che ha i link dentro un div con id header.

Uno stile in linea si scrive così, direttamente dentro il tag interessato:
Codice: [Seleziona]
<a style="color:#FF0000">link rosso</a>
« Ultima modifica: 09 Nov 2009, 17:48:23 da tonicopi »
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Nuvola6

  • Appassionato
  • ***
  • Post: 718
  • Sesso: Femmina
    • Mostra profilo
Re:Formattazione link nei div
« Risposta #6 il: 09 Nov 2009, 17:59:06 »
Grande Toni!!!
Grazie!
Meno male che ci sei!


 



Web Design Bolzano Kreatif