Différents designs de liens en CSS dans Golive 6 ??

[Agamben]

Bonjour, /ubbthreads/http://forums.macg.co/vbulletin/images/smiliesold/smile.gif
Je souhaite savoir comment faire pour avoir différents design de liens - texte - sur une même page HTML. Par ex, un type de lien se souligne quand on passe dessus, un autre type change de couleur, un troisième se souligne et change de couleur. Ce type de design d'intéraction existe sur les site du Monde et de Libé (voir différence entre lien de TITRE et lien de TEXTE sur les pages d'accueil).
J'ai checké leur feuille de style, essayé de reproduire les effets multiples, mais ça marche pô ;((
J'utilise un feuille de style externe. Je sais faire 1 style de design, mais je cherche à en faire cohabiter plusieurs or donc.

Merci de vos réponses. /ubbthreads/http://forums.macg.co/vbulletin/images/smiliesold/smile.gif

 

[minime]

C'est simple, tu différencies tes liens en leur assignant différentes classes.

Tu fais un premier type de "liens normaux"

<pre><font class="small">code:</font><hr>
&lt;a href="http://www.agamben.net/warez/" title="Mes bons plans warez"&gt;Warez&lt;/a&gt;
</pre><hr>

Définis comme d'habitude dans la feuille de style

<pre><font class="small">code:</font><hr>
a:link {...}
a:visited {...}
a:hover {color: #cc3300; background-color: transparent; text-decoration: underline; font-weight: bold;}
a:active {...}
</pre><hr>

Un 2d type de liens appartenant à une classe (class="ext") pour les liens externes, par exemple

<pre><font class="small">code:</font><hr>
&lt;a class="ext" href="http://www.macg.co/" title="MacG rulez !"&gt;Mac G&lt;/a&gt;
</pre><hr>

Pour que ces liens réagissent différemment au passage de la souris tu ajoutes une définition dans la feuille de style pour les éléments A (état HOVER) appartenant à cette classe

<pre><font class="small">code:</font><hr>
a.ext:hover {color: #ffffff; background-color: #cc3300; text-decoration: none; font-weight: bold;}
</pre><hr>

Un 3e type de liens appartenant à une autre classe (class="menu") pour la barre de navigation, etc...

 

[Agamben]

Merci MiniMe, /ubbthreads/http://forums.macg.co/vbulletin/images/smiliesold/smile.gif

Tes infos ont confirmé ce que j'avais trouvé en checkant les CSS du Monde et de Libé. Ce qui m'avait freiné, c'est que les "classes" définies comme tu l'expliques bien, n'apparaîssent pas dans la palette CSS de Golive. J'avais donc cherché sans succès dans tous les onglets et menus de Golive comment affecter mon texte avec ses classes.
En fait, il faut mettre la main dans la machine et les écrire directement dans la page d'édition HTML de Golive . Et là tout marche bien. /ubbthreads/http://forums.macg.co/vbulletin/images/smiliesold/smile.gif

 

[Anonyme]

tu peux créer des classe dans la meme fenetre que la creation de css, au lieu d'utiliser la touche "&lt;&gt;", utilise la touche "."