Forum Crea illusion Fantasy
A quoi sert le forum ?
Ce forum est liée à mon site Crea illusion Fantasy. Un plus pour vous aidez dans vos créations.Vous ne savez pas créer, et vous recherchez une création personnalisée. Le forum vous écoutera vos demandes.
Plusieurs sections :
Des aides: pour votre forum,votre site ou blog.Des tutoriels(photoshop,paintshop,gimp,photofiltre,ect...).Demandes de créations personnalisées. Aide pour prendre en main vos logiciels.Des tutos, des scripts. aides pour le logiciel Flash..... Des concours, des challenges, des duels. Vous y trouverez un accueil sympathique.
Au plaisir de vous lire sur le forum. D'autres choses à venir découvrir sur le forum de Créa illusion Fantasy.

N'hésitez pas à venir vous inscrire.


Aides - Codes - Conseils - Forum - Sites web - blogs - Tout supports - Photographies - Graphismes - Dessins - Peintures - Tutoriels - Publicités.
 
AccueilPortailÉvènementsFAQPublicationsPublicationsS'enregistrerConnexion
Votre bannière ici,Faite la demande dans la catégorie: La place Public


Partagez | .
 

 Codes pour curseurs

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ptite_Perle
Admin


avatar


Messages : 6738
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8996

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/
Sophie
Directrice en chef de PUB
avatar


Messages : 408
Venue : 16/05/2013 Je suis: : Féminin
Né(e) le : 24/11/1963
Age : 53
Je vie à : Versailles
Humeur : Assez bonne
Mes Points : 1586

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/
Ptite_Perle
Admin


avatar


Messages : 6738
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8996

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/
Contenu sponsorisé




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 infobulle
» Codes pour liens de PA
» Problème avec les codes pour 3 tableaux a onglet pour le message d'accueil
» Codes pour Chatbox.
» Demande de codes pour avatar, menu accueil, catégories et qui est en ligne

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