2 questions sur Nvu

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

diofra
Arias
Messages : 6
Inscription : 25 oct. 2006, 02:37

2 questions sur Nvu

Message par diofra »

Je viens de finir mon site Web avec Nvu. Mais je me demandais comment faire 2 ou 3 choses avec.

1- Si on veux qu'en passant le curseur (pointeur) sur un lien, que le texte change de couleur ou si le lien est une photo, qu'une autre photo remplace la première en passant le curseur dessus (mousse over) ?

2- Comment on fait pour que le texte en lien ne soit pas souligné ?

Merci :D

François

www.francoisdionne.com

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/523.12.2 (KHTML, like Gecko) Version/3.0.4 Safari/523.12.2
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

diofra a écrit :Je viens de finir mon site Web avec Nvu
il vaut mieux Kompozer :
http://www.geckozone.org/forum/viewtopic.php?t=51228
diofra a écrit :1- Si on veux qu'en passant le curseur (pointeur) sur un lien, que le texte change de couleur ou si le lien est une photo, qu'une autre photo remplace la première en passant le curseur dessus (mousse over) ?
C'est dans les évènements javascript :
  • *sélectionner l'image ou le texte
    *Edition avancée
    *Evènements javascript
    *Attribut onmouseover
    *Indiquer la valeur
diofra a écrit :2- Comment on fait pour que le texte en lien ne soit pas souligné ?
bon courage...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
diofra
Arias
Messages : 6
Inscription : 25 oct. 2006, 02:37

Message par diofra »

Merci :D

Je vais essayer Kompozer pour voir, je viens de le télécharger.

Pour ma question #1, je m'étais rendu à "indiquer la valeur" mais je ne sais pas quelle valeur, c'est quoi des valeurs, comment on écris ça ce bout de code ?

Merci :D

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/523.12.2 (KHTML, like Gecko) Version/3.0.4 Safari/523.12.2
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

C'est du javascript, je sais plus, je trouverais si je recherchais un peu.
Va dans la fonction Rechercher en haut de cette page, tape onmouseover dans le forum Nvu, je suis sûr que tu vas trouver qu'est-ce qu'il faut mettre à "valeur" :wink:
Tiens, la preuve :
http://www.geckozone.org/forum/viewtopi ... nmouseover
à+...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
diofra
Arias
Messages : 6
Inscription : 25 oct. 2006, 02:37

Message par diofra »

Ok, merci, je vais aller voir ça :D

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/523.12.2 (KHTML, like Gecko) Version/3.0.4 Safari/523.12.2
GihefBey
Salamandre
Messages : 22
Inscription : 16 janv. 2008, 22:47

Message par GihefBey »

Bonjour,

Si on connaît les CSS, on peut aussi faire tout ça avec.
Et les possibilités qu'elles offrent peuvent permettre de ne pas souligner les liens. Dans un menu, par exemple, ce n'est pas forcément utile. Il faut seulement penser à les faire ressortir clairement dans le texte.

Pour éviter le soulignement à tous les liens de la page, il suffit de préciser

Code : Tout sélectionner

a {
  text-decoration : none;
  color : #xxxxxx; /* la couleur n'est pas nécessaire pour ça, mais pour la suite */
  }
De la même manière, en utilisant les pseudo-class des a {, on peut changer le comportement des liens.
Pour changer la couleur du texte des liens au survol par la souris, il faut alors préciser

Code : Tout sélectionner

a:hover {
  color : #yyyyyy;
  }
où yyyyyy représente un code de couleur différent de celui des a {.

Si on veut faire changer une image, c'est aussi possible avec les CSS en utilisant une image en background des <a> et la technique des portes coulissantes.
Il ne faut pas oublier de préciser un “display:block;” et des dimensions au a {.

Si tu en as besoin, je peux t'indiquer un exemple.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; fr) AppleWebKit/523.12 (KHTML, like Gecko) Safari/419.3
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité