IPB

Bienvenue invité ( Connexion | Inscription )

> Programmation

Il est interdit de poster directement à la racine de ce forum.
Veuillez créer votre topic dans le sous-forum approprié.

> Rollover texte sur Dreamweaver, plug-in ?
Options
Macintosheux
posté 15 Jun 2004, 08:17
Message #1


Da Bidouille guru... shooté à l'orange !
*****

Groupe : Membres
Messages : 5 374
Inscrit : 3 Mar 2004
Lieu : Lyon
Membre no 15 679



Bonjour,
Ma recherche n'a rien donné… Je voudrais savoir si il existe un plug-in pour Dreamweaver MX qui me permettrait de créer facilement des rollover texte (quand on passe la souris dessus le texte change de couleur…).
Merci ! wink.gif


--------------------
La config : MacBook Pro 15,4" Retina mi-2012, Core i7 2,7 Ghz, 16 Go, 768 Go // Time Capsule 2 To // iPad mini Retina 16 Go // iPhone 6 64 Go
Le guide d'achat du Mac et d'Apple : Consomac
Go to the top of the page
 
+Quote Post
 
Start new topic
Réponse(s)
Angrave
posté 15 Jun 2004, 20:12
Message #2


ssschhuuuutttttt
*****

Groupe : Membres
Messages : 3 745
Inscrit : 28 Aug 2003
Lieu : Paris Quartier Latin
Membre no 9 257



QUOTE (Macintosheux @ 15 Jun 2004, 19:27)
QUOTE (Angrave @ 15 Jun 2004, 11:49)
c'est des liens ou juste du texte ?

C'est des liens. wink.gif

Simplissime alors.

Tu prends ton code source, tu répères la balise </head> (pas <head>, mais </head>, avec le slash wink.gif )

Et juste avant cete balise tu écris çà
CODE
<style type="text/css" media="screen">

a {
    color : #0000FF;
    text-decoration: none;
}

a:hover {
    color : #FF0000;
    text-decoration: none;
}

</style>


Çà, par contre, çà ne sert à rien, tel quel. Pourquoi ? parce que le code que je donne te mets des liens bleus; et rouge quand tu les survoles. Or par défaut ce sont ces couleurs respectives que les navigateurs utilisent (sauf si tu as bidouillé les préférences etc etc..).

Donc il faut que tu remplaces les couleurs que j'ai mises par celles que tu veux; et çà se passe en code couleur héxadécimal (pas de panique, c'est pas compliqué).
Exemple: la couleur bleue a pour code #0000FF et la rouge -> #FF0000
Le # devant le code est indispensable, seuls les 6 caractères placés après changent en fonction de la couleur. Ils ne peuvent comporter que les lettres A,B,C,D,E ou F ou bien les chiffres 1,2,3,4,5,6,7,8,9.

Ça ne te dit toujours pas quel est le code de tes couleurs préférées. Pour cela tu as ta disposition
- http://color.twysted.net/
- http://pixy.cz/apps/barvy/index-en.html
- http://www.visibone.com/colorlab/
- http://www.mundidesign.com/webct/
- http://www.yoyodesign.org/outils/ncolor/ncolor8.html.fr
- http://madcorp.biz/colormapper/
- http://www.dzinelabs.com/Pages/color_blend.html
- http://www.colorschemer.com/online.html
- http://consomac.free.fr/forums/html/sys-img/colours.html ( wink.gif )
- l'outil pipette de Photoshop
- l'ami Google


Ensuite, dans mon exemple, les liens ne seront pas soulignés ni tel quel ni survolés.Pour cela remplaces "none" par "underline" dans un ou dans les 2 cas (tel quel; survolé).

Ensuite tu potasses http://www.alsacreations.com/ (liens "tutoriaux" en haut à droite) et http://fr.selfhtml.org/css/index.htm (y'a plein autres attributs pour les liens, mon exemple est simpliste).

Voilà voilà


--------------------
-Config maison: (Mac) iBook PowerPC G3 256MB 700Mhz 10.3.4 (Panther) Classic 9.2.2 15" 2048k chez 9online / iPod 10GB 3èG
-Config boulot: (Pc) IBM 8319PGG 512MB 1.80Ghz XP Pro 19" 2048K via réseau d'entreprise

Ardent défenseur de la fonction recherche user posted image
Go to the top of the page
 
+Quote Post

Les messages de ce sujet
- Macintosheux   Rollover texte sur Dreamweaver   15 Jun 2004, 08:17
- - Angrave   Interesse-toi aux CSS   15 Jun 2004, 08:25
- - Macintosheux   QUOTE (Angrave @ 15 Jun 2004, 09:25)Interesse...   15 Jun 2004, 08:27
- - cbcb   attention toutefois a notre amis IE le ( en partic...   15 Jun 2004, 10:37
- - Angrave   c'est des liens ou juste du texte ?   15 Jun 2004, 10:49
- - SuperCed   Si tu veux, tu peux regarder sur mon site web, il ...   15 Jun 2004, 11:07
- - Cybernico   QUOTE (cbcb @ 15 Jun 2004, 10:37)attention to...   15 Jun 2004, 13:04
- - Angrave   QUOTE (Cybernico @ 15 Jun 2004, 14:04)QUOTE (...   15 Jun 2004, 13:10
- - Macintosheux   QUOTE (Angrave @ 15 Jun 2004, 11:49)c'est...   15 Jun 2004, 18:27
- - Angrave   QUOTE (Macintosheux @ 15 Jun 2004, 19:27)QUOT...   15 Jun 2004, 20:12
- - Macintosheux   Je recule encore d'un peu mon apprentissage de...   15 Jun 2004, 20:37
- - Macintosheux   QUOTE (Angrave @ 15 Jun 2004, 21:12)http://co...   15 Jun 2004, 20:41
- - Macintosheux   Voici ce que j'ai fait ! Très pratique ce...   15 Jun 2004, 21:22
- - Belisarius   Et vive les CSS, ça me rappelle quelque chose En...   15 Jun 2004, 21:40
- - Angrave   Nickel. Juste 2 trucs (dont un qui n'a rien �...   15 Jun 2004, 21:53
- - Macintosheux   Le message ne veut pas s'afficher en entier…   16 Jun 2004, 09:44
- - Macintosheux   QUOTE (Angrave @ 15 Jun 2004, 22:53)Nickel. ...   16 Jun 2004, 09:46
- - Angrave   QUOTE (Macintosheux @ 16 Jun 2004, 10:44)Le m...   16 Jun 2004, 09:47
- - Macintosheux   Voici le contenu du début de l'index : [CODE]...   16 Jun 2004, 09:47
- - Macintosheux   Je ne parviens pas à déceler l'erreur… la ...   16 Jun 2004, 09:48
- - Angrave   QUOTE (Macintosheux @ 16 Jun 2004, 10:46)Salu...   16 Jun 2004, 09:48
- - Macintosheux   Ca ne marche pas… contenu du css : /* CSS Docume...   16 Jun 2004, 09:57
- - Angrave   Tu as mis le <link href ... > sans enlever l...   16 Jun 2004, 10:02
- - Belisarius   pour les liens violets, cad les liens visités tu ...   16 Jun 2004, 10:04
- - Macintosheux   Parfait tout fonctionne ! Merci beaucoup pour ...   16 Jun 2004, 10:16


Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



Nous sommes le : 1st April 2026 - 17:36