Forum Crea illusion Fantasy


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 Crea illusion Fantasy


Aides,Codes,Conseils,Forum,Sites web,blogs,Tout supports,Photographie,Graphismes,Dessins,Peintures,Tutoriels,Publicités.

PublicationsAccueilFAQPortailS'enregistrerConnexionÉvènements
Ta bannière à la place d'honneur, Ici !

Partagez|

Codes pour curseurs

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 6357
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9516
Admin

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 : 432
Venue : 16/05/2013 Je suis: : Féminin
Né(e) le : 24/11/1963
Age : 53
Je vie à : Versailles
Humeur : Assez bonne
Mes Points : 1641
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 : 6357
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9516
Admin

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Codes-