Modification apaprence du curseur
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Modification apaprence du curseur
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:
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('https://2img.net/i/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('https://2img.net/i/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, 09:08, édité 1 fois
Re: Modification apaprence du curseur
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
et pour
Cordialement.
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
il manque la classe et le crochet d'ouverturewidth: 10px;
height: 10px;
background: url('https://2img.net/i/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor:url (http://ns1.un concurrent.net/lablogos/curseurs/plume.cur);
}
et pour
il manque le crochet de fermeture..borderwrap .subtitle {
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Modification apaprence du curseur
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:
et celui que j'ai modifier (sans succès) celon le modèle fournis par un site:
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.
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('https://2img.net/i/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://2img.net/i/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('https://2img.net/i/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('https://2img.net/i/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.
Re: Modification apaprence du curseur
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.
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.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Modification apaprence du curseur
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:
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://2img.net/i/fa/empty.gif");
background-attachment: scroll;
}
Re: Modification apaprence du curseur
Votre lien ne doit pas marcher.
(exemple avec le curseur coccinelle)
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.
(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://2img.net/i/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.
Re: Modification apaprence du curseur
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:
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.
Re: Modification apaprence du curseur
C'est sur ce forum ? http://fromyswithlove.forumgratuit.org/
Pour les liens, il faudrait faire:
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.
Tout ce qui est en rouge ne sert à rien.
Cordialement.
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.
Re: Modification apaprence du curseur
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:
Comment remédier à ça?
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://2img.net/i/fa/empty.gif");
background-attachment: scroll;
}
Comment remédier à ça?
Re: Modification apaprence du curseur
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://2img.net/i/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://2img.net/i/fa/empty.gif");
background-attachment: scroll;
}
suffit amplement dans le CSS.
Cordialement.
Re: Modification apaprence du curseur
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!
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!
Re: Modification apaprence du curseur
salut
pour changer le curseur + le pointeur (lien)
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;
}
missx- Membre actif
-
Messages : 2895
Inscrit(e) le : 12/05/2007
Re: Modification apaprence du curseur
Missx arrive trop tard
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum