Learning Design
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -40%
-40% sur le Pack Gaming Mario PDP Manette filaire + ...
Voir le deal
29.99 €

 

 CSS : liens, barre de défilement, fond transparent

Aller en bas 
AuteurMessage
missmia75
Old designer
missmia75


Féminin
Nombre de messages : 467
Age : 38
Localisation : Changement d'horizon
Logiciels : Photoshop - ImageReady - Dreamweaver - FrontPage

CSS : liens, barre de défilement, fond transparent Empty
MessageSujet: CSS : liens, barre de défilement, fond transparent   CSS : liens, barre de défilement, fond transparent EmptyVen 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}
Revenir en haut Aller en bas
http://www.blueligth-network.net
 
CSS : liens, barre de défilement, fond transparent
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» barre de navigation
» barre de navigation
» Barre de sondage??
» Boutons & barre de navigation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: Les tutoriaux :: Le CSS-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser