xillon posteets tagged css  [ Profile ]

Sort by: Date / Title /

1. Voici les instructions afin de modifier le curseur de la souris lors du survol d'élément HTML 
   1 year ago
   1. <span style="cursor: crosshair;">Viseur</span>
   2. <span style="cursor: pointer;">Main</span>
   3. <span style="cursor: wait;">Attente</span>
   4. <span style="cursor: help;">Point d'interrogation</span>
   5. <span style="cursor: text;">Texte</span>
   6. <span style="cursor: move;">Objet déplaçable</span>
   7. <span style="cursor: n-resize">Changer la taille vers le haut</span>
   8. <span style="cursor: s-resize">Changer la taille vers le bas</span>
   9. <span style="cursor: e-resize">Changer la taille vers la droite</span>
   10. <span style="cursor: w-resize">Changer la taille vers la gauche</span>
   11. <span style="cursor: ne-resize">Changer la taille haut+droite</span>
   12. <span style="cursor: nw-resize">Changer la taille haut+gauche</span>
   13. <span style="cursor: se-resize">Changer la taille bas+droite</span>
   14. <span style="cursor: nw-resize">Changer la taille bas+gauche</span>
   15. <span style="cursor: auto">Automatique (le navigateur décide)</span>
   16. <span style="cursor: default">Curseur par défaut</span>
   csscurseurcursorhtmlmousesouris
   View source | 0
2. "Iconiser" des liens en CSS
   1 year ago and saved by 7 others
   1. /* FICHIERS */
   2. a[href $='.pdf'] { padding-left: 22px; background: transparent url(img/pdf.png) no-repeat center left;}
   3. a[href $='.gif'] { padding-left: 22px; background: transparent url(img/image.png) no-repeat center left;}
   4. a[href $='.png'] { padding-left: 22px; background: transparent url(img/image.png) no-repeat center left;}
   5. a[href $='.jpg'] { padding-left: 22px; background: transparent url(img/image.png) no-repeat center left;}
   6. a[href $='.doc'] { padding-left: 22px; background: transparent url(img/word.png) no-repeat center left;}
   7. a[href $='.xls'] { padding-left: 22px; background: transparent url(img/excel.png) no-repeat center left;}
   8. a[href $='.css'] { padding-left: 22px; background: transparent url(img/texte.png) no-repeat center left;}
   9. a[href $='.txt'] { padding-left: 22px; background: transparent url(img/texte.png) no-repeat center left;}
   10. a[href $='.php'] { padding-left: 22px; background: transparent url(img/php.png) no-repeat center left;}
   11. a[href $='.zip'] { padding-left: 22px; background: transparent url(img/compress.png) no-repeat center left;}
   12. a[href $='.rar'] { padding-left: 22px; background: transparent url(img/compress.png) no-repeat center left;}
   13. a[href $='.tar.gz'] { padding-left: 22px; background: transparent url(img/package.png) no-repeat center left;}
   14. a[href $='.pkg.gz'] { padding-left: 22px; background: transparent url(img/package.png) no-repeat center left;}
   15.  
   16. /* PROTOCOLES IM */
   17. a[href ^="aim:"]  { padding-left: 22px; background: transparent url(img/aim.png) no-repeat center left;}
   18. a[href ^="msnim:"] { padding-left: 22px; background: transparent url(img/msn.png) no-repeat center left;}
   19. a[href ^="xmpp:"] { padding-left: 22px; background: transparent url(img/jabber.png) no-repeat center left;}
   20. a[href *="icq.com"]  { padding-left: 22px; background: transparent url(img/icq.gif) no-repeat center left;}
   21. a[href *="edit.yahoo.com/config/send_webmesg?"]  { padding-left: 22px; background: transparent url(img/yahoo.gif) no-repeat center left;}
   22. a[href ^="skype:"]  { padding-left: 22px; background: transparent url(img/skype.png) no-repeat center left;}
   23.  
   24. /* SITES WEB */
   25. a[href *="youtube.com/"] { padding-left: 22px; background: transparent url(img/youtube.png) no-repeat center left;}
   26. a[href *="metacafe.com/"] { padding-left: 22px; background: transparent url(img/metacafe.png) no-repeat center left;}
   27. a[href *="flickr.com"] { padding-left: 22px; background: transparent url(img/flickr.png) no-repeat center left;}
   28. a[href *="zooomr.com"] { padding-left: 22px; background: transparent url(img/zooomr.png) no-repeat center left;}
   29. a[href *="imageshack.us"] { padding-left: 22px; background: transparent url(img/imageshack.png) no-repeat center left;}
   30. a[href *="bubbleshare.com"] { padding-left: 22px; background: transparent url(img/bubbleshare.png) no-repeat center left;}
   cssiconiconeslienslinks
   View source | 0

First / Previous / Next / Last / Page 1 of 1 (2 posteets)