missmia75 Old designer
Nombre de messages : 467 Age : 38 Localisation : Changement d'horizon Logiciels : Photoshop - ImageReady - Dreamweaver - FrontPage
| Sujet: CSS : liens, barre de défilement, fond transparent Ven 25 Mai - 22:09 | |
| Les liens * Ombré A:link,A:visited,A:visited { text-decoration: none; color:#CODE COULEUR } A:hover { text-decoration: none; color:#CODE COULEUR. filter:DropShadow (Color=#CODE COULEUR DE LOMBRE, OffX=1, OffY=1, Positive=1); height:1px } * Brouillé A:link,A:visited,A:visited { text-decoration: none; color:#CODE COULEUR } A:hover { text-decoration: none; color:#CODE COULEUR. filter:blur(strength=20); height:1px } * Contouré A:link,A:visited,A:visited { text-decoration: none; color:#CODE COULEUR } A:hover { text-decoration: none; color:#CODE COULEUR. filter:glow(color=#CODE COULEUR, strength '2'); height:1px } * Retourné A:link,A:visited,A:visited { text-decoration: none; color:#CODE COULEUR } A:hover { text-decoration: none; color:#CODE COULEUR. filter:flipv; height:1px } * Dégradé A:link,A:visited,A:visited { text-decoration: none; color:#CODE COULEUR } A:hover { text-decoration: none; color:#CODE COULEUR. filter:Alpha(opacity=100, finishopacity=0, style=2); height:1px }
Quelques exemples : a:link {color: black ; text-decoration: underline ;} Lien de couleur noir avec un trait en dessous a:hover { color: red ; text-decoration: underline overline ; } Trait au dessus et au dessous du lien survolé a:link { font-weight:bold ; color: black ;} Lien noir en gras a:hover { color: red ; text-decoration: none ; } Lien survolé passant au rouge sans décoration a:hover { color:red ; text-decoration: none ; background-color:yellow ; } Lien survolé passant au rouge avec une couleur de fond jaune (comme dans le menu de gauche) a:link {text-decoration: none ; color: RED ; border-bottom: 1px dotted #000000; } Lien rouge souligné en pointillé noir a:link {text-decoration: none ; border: 1px solid black;} Lien sans décoration avec un cadre noir
Explication a:link : couleur du lien a:visited : couleur du lien visité a:hover : changement de la couleur ou du style sur le lien au passage de la souris text-decoration : décoration du lien underline : ligne en dessous du lien underline overline : ligne en dessous et au dessus du lien
Barre de défilement * Transparente style="FILTER: chroma (color=TA COULEUR)" A insérer dans ta feuille CSS <!--body { scrollbar-3dlight-color: COULEUR; scrollbar-arrow-color: COULEUR; scrollbar-base-color: COULEUR; scrollbar-darkshadow-color: COULEUR; scrollbar-face-color: COULEUR; scrollbar-highlight-color: COULEUR; scrollbar-shadow-color: COULEUR; scrollbar-track-color: COULEUR; } -->
Fond transparent A mettre dans ta frame allowtransparency="true" A mettre dans ta feuille CSS BODY {background:none; transparent} | |
|