Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Bottoni animati..Con i CSS Opzioni
archimede70
Inviato: Thursday, November 11, 2010 1:28:13 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
wubullo ha scritto:
Tutte le volte che schiacci su "Edit", compare la maschera in cui puoi modificare il testo di un tuo messaggio. In cima ad essa, solo a te (perché hai aperto tu il topic), compare anche il titolo del topic: scrivici dentro per cambiarlo!

Fatto!
wubullo ha scritto:
Per il "visited", ti faccio una domanda.

Interrogazione

Che significa "a.visited"? C'è differenza con "a:visited"?
Risposta

a.visited è una classe.......a:visited mi sembra un errore

Se definisco "a.visited" nel CSS definisco la classe (in Notepad++ diventa arancione) e posso dargli gli attributi che voglio
con ":" assegno gli attributi...(tipo{ text-decoration :none;})..così tutti i link visitati non sono sottolineati

x es:(a memoria) se voglio scrivere italia con il tricolore faccio:
CSS: #it {color: green;} #al {color: white;} #ia {color: red;}
HTML: <p id="it">IT</p> <p id="al">AL</p><p id="ia">IA</p>..........e gli altri <p> generici.....con un altro colore.
ORA: se invece scrivo nel CSS:
p.it {color: green;}
p.al {color: white;}
p.ia {color: red;}
e HTML: <p class="it">IT</p> <p class="al">AL</p><p class="ia">IA</p>..........
Definisco 3 classi invece che 3 id...

Ma non mi è chiara la differenza ......

wubullo
Inviato: Thursday, November 11, 2010 9:39:12 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Risposta corretta (per quanto riguarda la prima parte)!

a.visited definisce la classe di un link --> <a class="visited">. Anche l'esempio che hai riportato è corretto.

Tuttavia, consiglio un ripasso sulla teoria, la funzione e l'utilizzo delle pseudo-classi CSS: CSS Pseudo-classes.

a:visited non è un errore, ma è una dichiarazione CSS valida (fatta con la pseudo-classe :visited) che assegna degli attributi a tutti i link (<a>) una volta visitati. Aggiungo che una dichiarazione:

Code:
a:visited {
   color:#00FF00;
   }


significa che tutti i link della tua pagina, una volta visitati, si coloreranno indistintamente di verde. Ma si possono differenziare gli stili usando anche le classi! Per esempio:

Code:
a.verdi:visited {
   color:#00FF00;
   }


significa che diventeranno verdi tutti i link visitati che nel codice siano taggati così --> <a class="verdi">.

Interrogazioni a parte (per venire finalmente alla questione sorta dalla tua domanda), per evitare che i link visitati siano circondati dall'odioso bordino punteggiato, la giusta dichiarazione non è {text-decoration:none;}, ma questa:

Code:
a:visited {
   outline: 0;
   }


Vale il discorso fatto prima: questa istruzione rimuove il bordino a tutti i link una volta visitati; se per qualche motivo vuoi che questa opzione sia valida solo per alcuni dei tuoi link, usa le classi:

Code:
a.pulsante:visited {
   outline: 0;
   }


Oppure c'è anche un altro trucco da vecchio lupo di mare... Ma dovrai scoprirlo da te, con il tempo!

Ciao e a presto!
ecofive
Inviato: Thursday, November 11, 2010 10:47:39 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Archimede, ti avevo dato la soluzione con questa frase:
"Meno male, questa la so (ma non la dico, perché non sono in classe durante l'interrogazione e non posso suggerire con un link ...)."
Infatti a.hover -> classe a:hover -> link.
Ogni tanto scherzare non fa male ...

Buon lavoro.

Ciao.
archimede70
Inviato: Monday, November 15, 2010 3:50:53 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
Grazie tante, cercherò di trovare il modo di fare pratica Wubullo !!
Il mio limite (per questione di tempo + che altro) è che sto imparando
come imparassi una lingua NON dagli esercizi base di grammatica: coniugaz.verbi,pronomi,desinenze ecc
ma frase per frase xes:
Come si dice "questa cosa?"......e "quest'altra?" ecc
E' chiaro che al principio emergono grosse limitazioni (ignoranze) da parte mia...
ma spero che col tempo diminuiscano...(lo spagnolo l'ho imparato in questo modo...chissà!!)
Grazie del suggerimento ECO, era "troppo fino" per me !!
Ancora 2 cosette da 3ad-Are...e poi, se permettete, pubblico il sito per le impietose critiche generali..
Ciao a tutti!
archimede70
Inviato: Monday, November 15, 2010 11:46:43 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
Dancing CIAO AiutAMICI!
Vi invio il Link: www.pausacaffepg.it
Lo schema generale è strutturato.........
ORA va soltanto riempito!
Siete invitati all'inaugurazione!!!
CIAO,a presto.
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.