Aller au contenu

Curseur IE MF et les autres ....


alaintrt

Sujets conseillés

Bonjour a tous

Avec ce code,

<html>
<head>
<title>JavaScript code/Change cursor (All browsers)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript"><!--
var nav = navigator.appName;
if (nav == 'Microsoft Internet Explorer') {
//alert("Browser type : IE");
document.write("<link rel='stylesheet'type='text/css' href='ie6.css'>");}
else {
//alert("Browser type : NN");
document.write("<link rel='stylesheet' type='text/css' href='firefox.css'>");}

--></script>
</head>

Bien sur il y a deux fichiers CSS associes

/* CSS Document */

/*Fichier ie6.css*/
html{ cursor:url("pinceau.cur"); }

ainsi que

/* CSS Document */

/*Fichier firefox.css*/
html { height:100%; cursor: url('pinceau.png'), auto; }

Je peux changer le curseur sur la page

Qui peux me dire ce que je dois modifier, ajouter dans le script ou les fichiers CSS pour avoir aussi un curseur perso sur les liens ??

Merci de votre aide

Alain

Lien vers le commentaire
Partager sur d’autres sites

C'est vraiment trop compliqué, là ... Tu utilises le JavaScript alors qu'il n'est pas du tout nécessaire.

Normalement (sans tester), ça devrait fonctionner avec JUSTE le CSS :

html { cursor: url('pinceau.png'); }
* html { cursor: url('pinceau.cur'); }

Ca devrait logiquement fonctionner sous IE6 (qui interprète la seconde ligne alors qu'il s'agit d'une situation que les autres navigateurs ne rencontreront pas, vu qu'il n'existe pas d'élément parent à html). Je ne sais pas si c'est toujours valable pour IE7, par contre.

Pour rajouter un curseur sur les liens, il faudra faire de la manière suivante :

html a { cursor: url('pinceau.png'); }
* html a { cursor: url('pinceau.cur'); }

Lien vers le commentaire
Partager sur d’autres sites

Merci Captain Torche !!

effectivement c ' est plus "light" et ça marche

j' ai condense comme suit:

<style type="text/css">
html { height:100%; cursor: url('pinceau.png'), auto; }
* html { cursor: url('pinceau.cur'); }

html a { cursor: url('palette.png'), auto; }
* html a { cursor: url('palette.cur'); }
</style>

et j'obtiens un curseur pinceau pinceau.pngsur la page et une palette palette.png sur les liens

je peux reproduire ce style sur chaque page

encore merci pour cette solution; je tournais autour depuis deux semaines sans trouver....

Alain

Lien vers le commentaire
Partager sur d’autres sites

Si tu veux le mettre sur chacune de tes pages, il vaut mieux l'enregistrer dans un fichier .css, et l'appeler dans chacune de tes pages

<link rel="stylesheet" type="text/css" href="tonfichier.css">

Sinon, tu aurais un lien où l'on puisse consulter le résultat ? Je suis curieux de voir si l'astuce fonctionne toujours avec IE7.

Lien vers le commentaire
Partager sur d’autres sites

bonsoir

Ok pour faire un fichier .css à appeler a chaque page c 'est le plus simple en effet

IE7 est dispo à ce jour ??

merci

Alain

Le site n 'est pas terminé mais je te donne le lien vers ce qui existe tu pourras voir ce que ça donne, mais sous IE6 et MF 2.0

Galerie

Je veux dire sous IE6 et MF 2.0 ça marche bien

Si tu as IE7 vois le lien ci dessus

Alain

Lien vers le commentaire
Partager sur d’autres sites

Correct

j' ai fait la page intro avec

<link href="pngcurseurs.css" rel="stylesheet" title="curseurs" type="text/css">

et le CSS

/* CSS Document */

html { height:100%; cursor: url('pinceau.png'), auto; }
html a { cursor: url('palette.png'), auto; }

pas de réaction sous IE6 ok avec MF

a toi de voir ce que ça donne avec IE7

Lien vers le commentaire
Partager sur d’autres sites

En effet si la page intro ne te donne pas le curseur sous IE7 mais que tu l' as sur la page suivante, ça confirme qu'il a besoin du .cur

Je vais le remettre correct + tard

merci pour les tests et les infos

Alain

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...