Modification apaprence du curseur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modification apaprence du curseur

Message par murame le Mar 25 Oct 2011 - 14:51

Bonjour

Comme beaucoups de monde j'essaye de changer la tête de mon curseur, il y'a déjà des pots créés mais à chaque fois que je clique dessus on me dit que je ne peux acceder au sujet. Problème d'accès spécial ou je ne sais quoi...

J'en ouvre donc un nouveau.

Jusque là j'ai voulut modifier la feuille css du forum mais à chaque fois que j'en valide une nouvelle (copier/coller de l'ancienne avec un lien image pour modifier le curseur) je lis que j'ai un nombre de { et } qui ne colle pas pourtant je n'en supprime aucun...

Autrement je ne comprendre vraiment rien-_-... bref je suis perdu

Pourriez vous m'aider? Actuellement j'ai ceci, si ca peut aider:

Spoiler:
width: 10px;
height: 10px;
background: url('http://illiweb.com/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor:url (http://ns1.un concurrent.net/lablogos/curseurs/plume.cur);
}
div.maintitle .expand {
background: url('http://illiweb.com/fa/invision/exp_plus.gif') no-repeat 50% 50%;
}
* html div.maintitle .expand,* html div.maintitle .contract {
line-height: 0.1em;
cursor: url(http://ns1.un concurrent.net/lablogos/curseurs/plume.cur);
}
*+ html div.maintitle .expand,*+ html div.maintitle .contract {
cursor:url (http://ns1.un concurrent.net/lablogos/curseurs/plume.cur);
}
div.maintitle .expand a,div.maintitle .contract a {
text-decoration: none;
}
.borderwrap .subtitle {


Dernière édition par murame le Ven 28 Oct 2011 - 9:08, édité 1 fois

murame
*

Messages : 43
Inscrit(e) le : 25/10/2011

http://fromyswithlove.forumgratuit.org/
murame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par Lixyr le Mar 25 Oct 2011 - 20:17

Bonsoir.

Vous avez mis votre css en entier, ou vous avez oublié des bouts ? Parce qu'apparemment, si on regarde bien, il manque le début et la fin. ^^

On ne peut pas avoir un } sans avoir le { avant, qui lui correspond, et inversement, donc pour votre

width: 10px;
height: 10px;
background: url('http://illiweb.com/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor:url (http://ns1.un concurrent.net/lablogos/curseurs/plume.cur);
}
il manque la classe et le crochet d'ouverture

et pour
.borderwrap .subtitle {
il manque le crochet de fermeture.

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par murame le Mer 26 Oct 2011 - 9:23

Bonjour et merci pour votre réponse,

Non je n'ai mis qu'un morceau du css, vue la longueur j'ai ciblé les lignes gérant le curseur mais j'avoue ne pas avoir su où commencer et où terminer.

Le css que j'ai posté ne générait plus aucune erreur de {ou}, il a bien été pris en compte, cependant toujours pas de curseur changé, je ne vois vraiment pas quoi remplacer et où...

Pourriez vous m'indiquer la marche à suivre? Je vous laisse les infos qui pourraient vous être utiles:

Le curseur que j'aurais souhaité tester est:
http://ns1.un concurrent.net/lablogos/curseurs/plume.cur

et je rappel mon ccs de base:

Spoiler:
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 10px;
height: 10px;
background: url('http://illiweb.com/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://illiweb.com/fa/invision/exp_plus.gif') no-repeat 50% 50%;
}
* html div.maintitle .expand,* html div.maintitle .contract {
line-height: 0.1em;
cursor: hand;
}
*+ html div.maintitle .expand,*+ html div.maintitle .contract {
cursor: hand;
}

et celui que j'ai modifier (sans succès) celon le modèle fournis par un site:

Spoiler:
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 10px;
height: 10px;
background: url('http://illiweb.com/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor: url(‘http://ns1.un concurrent.net/lablogos/curseurs/plume.cur’), pointer;
}
div.maintitle .expand {
background: url('http://illiweb.com/fa/invision/exp_plus.gif') no-repeat 50% 50%;
}
* html div.maintitle .expand,* html div.maintitle .contract {
line-height: 0.1em;
cursor: url(‘http://ns1.un concurrent.net/lablogos/curseurs/plume.cur’), hand;
}
*+ html div.maintitle .expand,*+ html div.maintitle .contract {
cursor: url(‘http://ns1.un concurrent.net/lablogos/curseurs/plume.cur’), hand;
}

Je suis actuellement sous Internet explorer, je sais qu'il peut causer des soucis pour l'affichage de curseurs persos mais j'ai lu que si les fichiers étaient des fichiers .cur il pouvait les gérer, est-ce le cas?

Bien sur il y'a d'autres endroits dans le css où le curseur apparaît mais j'ai fonctionné de la même manière pour introduire le lien donc inutile je pense de tout mettre ici.

murame
*

Messages : 43
Inscrit(e) le : 25/10/2011

http://fromyswithlove.forumgratuit.org/
murame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par Lixyr le Mer 26 Oct 2011 - 13:59

Vous avez le tutoriel de Macema, qui est très bien fait, ici : changer le curseur sur votre forum.

Pouvez-vous poster le lien de votre curseur entre deux balises codes, autrement la censure se fait automatiquement, et je n'ai donc pas de lien valide.

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par murame le Jeu 27 Oct 2011 - 10:12

Bonjour!

J'ai essayé de faire comme dans le tuto (très simple merci!) mais ça ne marche toujours pas x_x Voici ce que j'ai mis dans mon css:

Code:
body {
cursor: url(http://ns1.un concurrent.net/lablogos/curseurs/plume.cur), auto;
   background-color: #403b3b;
   background-image: url("http://illiweb.com/fa/empty.gif");
   background-attachment: scroll;
   }

murame
*

Messages : 43
Inscrit(e) le : 25/10/2011

http://fromyswithlove.forumgratuit.org/
murame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par Lixyr le Jeu 27 Oct 2011 - 10:37

Votre lien ne doit pas marcher.
(exemple avec le curseur coccinelle)
Code:

        body {
        cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), auto;
          background-color: #403b3b;
          background-image: url("http://illiweb.com/fa/empty.gif");
          background-attachment: scroll;
          }

je tiens à préciser que j'ai testé avec un curseur gif, avant, et que ça ne marchait pas non plus. Peut-être l'image doit-elle être enregistrée en .cur..

Cordialement.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par murame le Jeu 27 Oct 2011 - 11:21

Arf c'est bien ma vaine! J'ai pris le seul qui ne marchait pas! Effectivement la coccinelle fonctionne mais comment faire maintenant pour qu'il n'y ai que la coccinelle même quand je passe sur un lien ou une image?

Car j'ai bien inclus le lien après chaque cursor dans mon css et il continue de m'afficher le curseur de base quand je passe sur ces derniers.

Exemple d'autres modifs:

Code:
 .post-options img {
   cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), pointer;
   vertical-align: middle;
   }

.fontbutton {
   padding: 1px;
   cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), pointer;
   text-align: left;
   }

.ajax-profil_valid{
   cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), pointer;
   margin-left:4px;
   vertical-align:middle}

Etc.

murame
*

Messages : 43
Inscrit(e) le : 25/10/2011

http://fromyswithlove.forumgratuit.org/
murame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par Lixyr le Jeu 27 Oct 2011 - 14:55

C'est sur ce forum ? http://fromyswithlove.forumgratuit.org/

Pour les liens, il faudrait faire:

Code:
 a {
        cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), auto;
          }

Code:
 a:link {
        cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), auto;
          }

et si les images sont re-dirigeables, ça devrait faire pareil.

Mais techniquement, si vous mettez l'image du curseur sous body, ça devrait s'afficher partout ... cela dit, modifier le curseur dans plusieurs classes, ça la fait changer. Donc, si jamais vous voulez avoir toujours le même curseur sur votre forum, il ne sert à rien de modifier le curseur dans d'autres classes.

@Murame a écrit:
.post-options img {
cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), pointer;
vertical-align: middle;
}

.fontbutton {
padding: 1px;
cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), pointer;
text-align: left;
}

.ajax-profil_valid{
cursor: url(http://upload.is.free.fr/upload/1wiku6gw.cur), pointer;
margin-left:4px;
vertical-align:middle}

Etc.

Tout ce qui est en rouge ne sert à rien.


Cordialement.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par murame le Jeu 27 Oct 2011 - 16:07

Oui sur c'est le bon forum.

J'ai donc remis ma css initiale et ai rajouté l'url de mon cur. dans body de la manière que tu as montré, cependant je me heurte encore à un autre problème.

A présent mon curseur plume apparaît sur les images et les liens mais pas quand il se promène sur les zones "libres"

Ce que j'ai fais:

Code:
 body  a {cursor: url(http://www.patmax.info/curseurs/plume2.cur), auto; }

{
   background-color: #403b3b;
   background-image: url("http://illiweb.com/fa/empty.gif");
   background-attachment: scroll;
   }

Comment remédier à ça?

murame
*

Messages : 43
Inscrit(e) le : 25/10/2011

http://fromyswithlove.forumgratuit.org/
murame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par Lixyr le Jeu 27 Oct 2011 - 19:05

@murame a écrit:Oui sur c'est le bon forum.

J'ai donc remis ma css initiale et ai rajouté l'url de mon cur. dans body de la manière que tu as montré, cependant je me heurte encore à un autre problème.

A présent mon curseur plume apparaît sur les images et les liens mais pas quand il se promène sur les zones "libres"

Ce que j'ai fais:

Code:
 body  a {cursor: url(http://www.patmax.info/curseurs/plume2.cur), auto; }

{
   background-color: #403b3b;
   background-image: url("http://illiweb.com/fa/empty.gif");
   background-attachment: scroll;
   }

Comment remédier à ça?


Une petite erreur dans votre css : vous avez rajouté le "a" après body, ce qui implique que le curseur n'apparait que sur les liens (images avec liens / ou liens) sur votre forum : donc pas ailleurs.
Ne mettre que

Code:
        body {
        cursor: url(http://www.patmax.info/curseurs/plume2.cur), auto;
          background-color: #403b3b;
          background-image: url("http://illiweb.com/fa/empty.gif");
          background-attachment: scroll;
          }

suffit amplement dans le CSS.

Cordialement.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par murame le Ven 28 Oct 2011 - 9:05

Bonjour,

En supprimant ce "a" c'est l'inverse qui se produit, la plume apparaît partout sauf quand je survole un lien, j'ai donc rajouté une ligne avec le a et une sans et du coup la plume apparait bien partout cette fois \o/

Merci pour votre aide! flower

murame
*

Messages : 43
Inscrit(e) le : 25/10/2011

http://fromyswithlove.forumgratuit.org/
murame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par missx le Ven 28 Oct 2011 - 9:12

salut
pour changer le curseur + le pointeur (lien)

Code:
body {
cursor: url('ADRESSE DU CURSEUR.cur'), auto;
}
a {
cursor: url('ADRESSE DU POINTEUR (LIEN).cur'), auto;
}
a+

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apaprence du curseur

Message par Lixyr le Ven 28 Oct 2011 - 11:39

Missx arrive trop tard Mr. Green





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum