Ma come si fa a colorare diversamente due link nella stessa pagina?

Di: floydpaint2000m | 26/09/2020 17:02:54
Uso Dw ma non sono capace di colorare diversamente due link della stessa pagina anche perchè le impostazioni per queste stanno nelle proprietà della pagina e non nel box dei CSS.
Premetto io ci sono riusctio ma non so come quindi sono costretto a copiare le parole da una pagina all'altra.
Inoltre vi chiedo di suggerirmelo usando l'interfaccia visiva di DW perchè non conosco bene l'HTML, se proprio non si può allora vada bene anche l'HTML. Grazie Ciao Edoardo

Risposte



Pannello CSS, scheda Stili CSS, icona Nuova regola di stile CSS. All'apertura della finestra Nuova regola CSS, assegnare un nome alla regola, (nell'esempio che segue l'ho chiamata ".miolink") dopodiché la si definisce assegnando il tipo di carattere, con relativi attributi: dimensione, colore spessore ecc. eventualmente puoi aggiungere lo sfondo, regolare le distanze... http://starweb.starnet.it/gianpaolo/forum/regole_stile/. Infine applicare la regola al link come vedi in figura: http://starweb.starnet.it/gianpaolo/forum/regole_stile/applica.html.

Di: Gian Paolo | 26/09/2020 17:02:54


Io ho provato ma non funziona anche perchè dall'immagine non capisco quale è la secuenza cronologica...
Inoltre il sito suggertio è due giorni che da problemi...
Provo a elencare quello che facevo io...
Scrivo il testo del link e vi associo il link.
Creo una regola css con colore verde invece di fare il link con il solito blu di default.
Evidenzio con il mouse il link e nella casella Stile scelgo il css appena creato.
Ma non funziona il nome dello stile cambia ma il colore no..... Chissa cosa sbaglio....
Grazie ciao edo

Di: floydpaint2000m | 26/09/2020 17:03:54


Ok mi rispondo io per essere utile poi a qualcuno in futuro.
Per fare quello che giustamente mi ha consigliato GianPaolo, c'è una condicio si ne qua non osia che non bisogna impostare una configurazione generica dei link nel box Proprietà pagina se no queste valranno su tutto.
Io ho fatto così ho impostato solo il colore di rollover emntre il resto l'ho lasciato libero e creando nuovi css con colori diversi e poi applicandoli tutto funziona.
Grazie a tutti ciao edo

Di: floydpaint2000m | 26/09/2020 17:03:54


Effettivamente il server che ospita la mia area ha avuto una giornata e mezza di black out. Non ti ho risposto perché aspettavo che si ripristinasse e che tu potessi vedere con calma lo schizzo che ti ho disegnato.
Attenzione! Se è vero che non ho tenuto conto dell'impostazione generica, (domanda che non mi è parsa immediatamente chiara per mia disattenzione), operazione che è possibile fare da modalità "Progetto" menu Elabora > Proprietà di pagina , che in sostanza va a istruire il tag "BODY" con le regole A:LINK, A:HOVER ecc. e che non costituisce "reato" se si ha dimestichezza con le regole e i fogli di stile in generale, ma si potrebbe impostare manualmente e semplicemente in un "foglio" interno o esterno, è gravemente inesatto e fuorviante per essere utile a qualcuno in futuro, affermare
[USER]floydpaint2000m[/USER]

c'è una condicio si ne qua non osia che non bisogna impostare una configurazione generica dei link nel box Proprietà pagina se no queste valranno (varranno) su tutto.

Chiarimento.
Stile generico generato da "Elabora > Proprietà di pagina":
<style type="text/css">
<!--
body,td,th {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #006666;
}
a:active {
text-decoration: none;
}
-->
</style>
Se in questo stile, voglio che una regola faccia assumere ad un link una fisionomia diversa, aggiungo:
a.miolink {
font-family: "Trebuchet MS";
font-size: 12px;
color: #0033FF;
}
a.miolink:hover {
font-family: "Trebuchet MS";
font-size: 12px;
color: #990000;
}
e la applico aggiungendo la classe "class=miolink" in questo modo: <a href="#" class="miolink">Mio link</a>. Se, come dici, hai difficoltà con l’HTML, basta fare una semplice operazione di copia e incolla del codice che segue nella tua pagina.
<html>
<head>
<title>… Stile</title>
<style type="text/css">
<!--
body,td,th {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #006666;
}
a:active {
text-decoration: none;
}
a.miolink {
font-family: "Trebuchet MS";
font-size: 12px;
color: #0033FF;
}
a.miolink:hover {
font-family: "Trebuchet MS";
font-size: 12px;
color: #990000;
}
-->
</style>
</head>
<body>
<p><a href="#">Link generico istruito in Elabora > Proprietà Pagina</a><br /> <a href="#">Altro link generico istruito in Elabora > Proprietà Pagina</a></p> <p><a href="#" class="miolink">Questo è un link istruito nella regola Mio link</a></p>
</body>
</html>
Letture consigliate
http://editor.html.it/guide/lezione/206/introduzione-ai-css/
http://webdesign.html.it/guide/lezione/1612/come-utilizzare-i-css/
http://editor.html.it/guide/lezione/3066/fogli-di-stile-esterni/.

Di: Gian Paolo | 26/09/2020 17:03:54