Forum d'entraide


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Forum d'entraide

Aides, Conseils, Forum, Sites web, blogs, tout supports, Graphismes, Tutoriels, Publicités.


AccueilAccueil  FAQFAQ  PortailPortail  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Codes pour curseurs

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 6805
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10387
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: Codes pour curseurs Jeu 20 Juin 2013 - 20:44

Voici quelques propriété pour le curseur

La propriété de feuille de style css cursor permet de spécifier la forme du curseur.
.identifiant{
 cursor : nw-resize;
}

La propriéte de feuille de style cursor css peut prendre la valeur de :
- auto,
- nw-resize, curseur en forme de double petite flèche en diagonale bas droit vers haut gauche,
- crosshair, curseur en forme de croix fine,
- n-resize, curseur en forme de double petite flèche verticale,
- default, curseur en forme de grosse flèche,
- se-resize, curseur en forme de double petite flèche en diagonale bas droit vers haut gauche,
- pointer, curseur en forme de main avec un doigt déplié,
- sw-resize, curseur en forme de curseur en forme de double petite flèche en diagonale bas gauche vers haut droit,
- move curseur en forme de quatre flèches en croix,
- s-resize, curseur en forme de double petite flèche verticale,
- e-resize, curseur en forme de double petite flèche horizontale,
- w-resize, curseur en forme de double petite flèche horizontale,
- ne-resize, curseur en forme de double petite flèche en diagonale bas gauche vers haut droit,
- text, curseur en forme de sorte de grand I,
- help, curseur en forme de flèche et "?",
- wait, curseur en forme de sablier,
- inherit, la forme du curseur hérite de son parent
- progress, curseur en forme de flèche avec sablier,
- not-allowed, curseur en forme de rond barré,
- no-drop, curseur en forme de main avec un doigt déplié avec un rond barré,
- col-resize, curseur fait de deux traits verticaux avec une flèche de chaque coté.
- row-resize, curseur fait de deux traits horizontaux avec une flèche de chaque coté.


La propriété de feuille de style css cursor accepte pour Internet Explorer 6+ et Firefox un curseur personnalisé au format ".cur" ou ".csr".
- url(moncueseur.cur)

Codes en détailles:
Code:
.identifiant{cursor:auto}
<div style="cursor:auto">auto</div>
.identifiant{cursor:nw-resize}
<div style="Cursor:nw-resize">nw-resize</div>
.identifiant{cursor:crosshair}
<div style="Cursor:crosshair">crosshair</div>
.identifiant{cursor:n-resize}
<div style="Cursor:n-resize">n-resize</div>
.identifiant{cursor:default}
<div style="Cursor:default">default</div>
.identifiant{cursor:se-resize}
<div style="cursor:se-resize">se-resize</div>
.identifiant{cursor:pointer}
<div style="cursor:pointer">pointer</div>
.identifiant{cursor:sw-resize}
<div style="cursor:sw-resize">sw-resize</div>
.identifiant{cursor:move}
<div style="cursor:move">move</div>
.identifiant{cursor:s-resize}
<div style="cursor:s-resize">s-resize</div>
.identifiant{cursor:e-resize}
<div style="cursor:e-resize">e-resize</div>
.identifiant{cursor:w-resize}
<div style="cursor:w-resize">w-resize</div>
.identifiant{cursor:ne-resize}
<div style="cursor:ne-resize">ne-resize</div>
.identifiant{cursor:text}
<div style="cursor:text">text</div>
.identifiant{cursor:help}
<div style="cursor:help">help</div>
.identifiant{cursor:wait}
<div style="cursor:wait">wait</div>
.identifiant{cursor:inherit}
<div style="cursor:inherit">inherit</div>
.identifiant{cursor:url(images/dmc.cur)}
<div style="cursor:url(../images/dmc.cur),auto">personnalise</div>
.identifiant{cursor:progress}
<div style="cursor:progress">progress</div>
.identifiant{cursor:not-allowed}
<div style="cursor:not-allowed">not-allowed</div>
.identifiant{cursor:no-drop}
<div style="cursor:no-drop">no-drop</div>
.identifiant{cursor:col-resize}
<div style="cursor:col-resize">col-resize</div>
.identifiant{cursor:row-resize}
<div style="cursor:row-resize">row-resize</div>


En image:
 
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 507
Venue : 16/05/2013 Je suis : Féminin
Né(e) le : 24/11/1963
Age : 54
Je vie à : Versailles
Humeur : Assez bonne
Mes Points : 1716
Directrice en chef de PUB
Sophie
18 - 16
MessageSujet: Re: Codes pour curseurs Ven 21 Juin 2013 - 20:27
Super,merci Perle pour tes codes et infos diverses.
Revenir en haut Aller en bas
http://www.entre-nous-pub.com/
AuteurMessage
avatar
Messages : 6805
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10387
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: Re: Codes pour curseurs Sam 22 Juin 2013 - 11:44
De rien sophie

Bisousss
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
Contenu sponsorisé
18 - 16
MessageSujet: Re: Codes pour curseurs
Revenir en haut Aller en bas

Codes pour curseurs

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Codes pour le filtre Sinedots
» sites pour les codes CUP
» Vidéos - générateur de code pour vidéo et player
» un écran titre pour un rogue like
» Bouton ''Sélectionner le contenu'', pour les codes

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum d'entraide :: Codes-