Forums Développement Multimédia

Aller au contenu

Liens de couleurs différentes sur le même modèle (DW CS3)

CODE HTML CSS

4 réponses à ce sujet

#1 Artango

    Ceinture Blanche

  • Members
  • Pip
  • 2 messages

Posté 06 August 2012 - 16:46 PM

Bonjour,

Je me présente, je suis nouveau sur ce forum et suis à la recherche d'aide concernant l'utilisation de Dreamwaver CS3.

J'aimerais avoir des liens de couleurs différentes sur le même template, je n'arrive pas à trouver une option sur DW et je n'ai pas réussi en code n'étant pas un grans spécialiste. Sur mon site j'ai des parties avec un fond sombre ou il faudrait des liens clairs et une partie avec un fond clair ou il me faut des liens plus foncé. Actuellement ce n'est pas optimal : http://www.artango.ch/

Je pense qu'il faut décrire sur une autre feuille css que tel lien sont de tel couleur et tel autre d'une d'une autre couleur. Est-ce correct ? ou faut il deux feuille css pour ce faire ? Quelqu'un pourrait il me décrire la marche à suivre permettant de régler sa car je n'y arrive pas, problème de logique ou neuronal surement...

Merci pour votre aide.

#2 Badwolf

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 667 messages

Posté 06 August 2012 - 21:33 PM

tu peux tout faire sur la même feuille.

utilises des classes différentes dans ton CSS


a.style1{}
a.style2{}
 

et puis dans ton code:

<a href="" class="style1">mon lien</a>
<a href="" class="style2">mon lien</a>

Haoooooooooooooooooooooooooooooooooooooooooooooou !!!

#3 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 07 August 2012 - 17:42 PM

Et bienvenue sur Mediabox ;-)
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#4 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 07 August 2012 - 18:27 PM

Bonjour.

Voir le messageBadwolf, le 06 August 2012 - 21:33 PM, dit :

tu peux tout faire sur la même feuille.

utilises des classes différentes dans ton CSS


a.style1{}
a.style2{}
 

et puis dans ton code:

<a href="" class="style1">mon lien</a>
<a href="" class="style2">mon lien</a>

Ou, pour éviter de reprendre tous les liens, cibler les conteneurs.

CSS
a {
color: #D95200; /*Les liens en général*/
}
a:hover {
color: #FF7022;
}

#header a {
color: #laCouleurDésirée; /*Couleur des liens se trouvant dans la div id="header"*/
}
#header a:hover {
color: #laCouleurDésirée; /*Couleur des liens survolés se trouvant dans la div id="header"*/
}

PS : En passant, j'ai trouvé ça dans ton code :


<img src="IMAGES/LogoTangoLangageDanse.png" alt="" name="Nous proposons des cours, stages, ateliers, soirées, brunchs et démonstrations sur la région." width="473" height="50" id="Nous proposons des cours, stages, ateliers, soirées, brunchs et démonstrations sur la région." />
 

C'est pas une bonne idée de donner une telle ID ou name à une image mais tu devrais indiquer ce texte en ALT

#5 Artango

    Ceinture Blanche

  • Members
  • Pip
  • 2 messages

Posté 13 August 2012 - 21:03 PM

Bonjour à tous et merci pour vos réponses. Navré de répondre que maintenant mais j'étais absent.
Je vais de ce pas essayer de tirer le meilleur de vos indications mais je pense qu'il y a certains trucs que je n'ai pas compris et vais surement demander des précisions, je sens sa... ;-)
A +



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP