[help] Apparences liens

Statut
N'est pas ouverte pour d'autres réponses.

kaRma

Drink Fast Corp.
Voila, je sais que c est possible mais je sais pas trop comment ca marche ...

Je voudrais que lorsqu'on passe sur les liens de mon futur site, ca ne se souligne pas, mais que ca change de couleur "progressivement"

pour le moment j'ai mis ca dans les <head>

Code:
<style TYPE="text/css">
<!--
A:link {color: #FFFFFFF; text-decoration: none}
A:visited {color: #FFFFF00; text-decoration: none}
A:hover {color: #FFFFFF; text-decoration: underline}
-->
</style>
J aimerai savoir s'il existe un code pour changer ca (un truc a mettre simplement dans <head> aussi si possible car je suis archi-débutant en css)



Merci d'avance pour votre précieuse aide ;)
 

titloup

Elite
1. Créer un ficher CSS ex: Style.css ( Feuille de Style)
2. Mettre dedans le code

Code:
A:LINK.Lien
{ 
COLOR           : #005FA9; 
FONT            : BOLD 12px Arial,sans-serif;
TEXT-DECORATION : NONE; 
}
A:VISITED.Lien
{
COLOR           : #005FA9; 
FONT            : BOLD 12px Arial,sans-serif;
TEXT-DECORATION : NONE; 
}
A:HOVER.Lien
{
COLOR           : #6699CC; 
FONT            : BOLD 12px Arial,sans-serif;
TEXT-DECORATION : NONE; 
}
IMG.Lien
{
CURSOR: hand;
}
3. Ajouter dans la page cible le lien vers le fichier CSS

Code:
<LINK REL="STYLESHEET" HREF="CSS/Style.css">

A toi d'adapter le code et mettre les couleurs que tu veux, mais celui-ci ne change pas de couleur progressivement, pour ça il faut du Javascript je pense :?
 

gatuzo

Freak
1vo - Wolf a dit:
1. Créer un ficher CSS ex: Style.css ( Feuille de Style)
2. Mettre dedans le code

Code:
A:LINK.Lien
{ 
COLOR           : #005FA9; 
FONT            : BOLD 12px Arial,sans-serif;
TEXT-DECORATION : NONE; 
}
A:VISITED.Lien
{
COLOR           : #005FA9; 
FONT            : BOLD 12px Arial,sans-serif;
TEXT-DECORATION : NONE; 
}
A:HOVER.Lien
{
COLOR           : #6699CC; 
FONT            : BOLD 12px Arial,sans-serif;
TEXT-DECORATION : NONE; 
}
IMG.Lien
{
CURSOR: hand;
}
3. Ajouter dans la page cible le lien vers le fichier CSS

Code:
<LINK REL="STYLESHEET" HREF="CSS/Style.css">

A toi d'adapter le code et mettre les couleurs que tu veux, mais celui-ci ne change pas de couleur progressivement, pour ça il faut du Javascript je pense :?
Comme je fait :)

Code:
a:link {
	color: #000000;
; border: B1C9D0
; text-decoration: none
; font-weight: normal; letter-spacing: 1px
; font-family: Tahoma
; font-size: 12px
}
a:visited {
	color: #000000;
	text-decoration: none;
; border: B1C9D0
; font-weight: normal; letter-spacing: 1px
; font-family: Tahoma; font-size: 12px
}
a:hover {
	color: 0E6112;
; border: B1C9D0
; font-weight: normal
; text-decoration: none
; letter-spacing: 1px
; font-family: Tahoma
; font-size: 12px
}
a:active {
	color: #000000;
	text-decoration: none;
; border: B1C9D0
; font-weight: normal; letter-spacing: 1px
; font-family: Tahoma; font-size: 12px
}
 

OrnithO

Rétro Gamer
Code:
/************* 
**** <config> 
**/ 

startColor = "#000000"; // initial link color 
endColor = "#FFFFFF"; // final link color 

stepIn = 20; // delay when fading in 
stepOut = 20; // delay when fading out 

/* 
** set to true or false; true will 
** cause all links to fade automatically 
***/ 
autoFade = true; 

/* 
** set to true or false; true will cause all CSS 
** classes with "fade" in them to fade onmouseover 
***/ 
sloppyClass = false; 

/** 
**** </config> 
**************/ 

/************* 
**** <install> 
** 

Now, once you have customized your fading colors, 
you need to include your customized .js file on 
every page that you want to use it in. You can 
include javascript files using this syntax (in 
the head of a document): 

<script src="fade.js" language="Javascript"></script> 

Now that you have the file included, you need to 
setup your links a small bit. Each link that you 
want to fade needs to use the fade class. 

Example: 

<a href="blah.html" class="fade">click here</a> 

Also, the link must be plain text. This means 
that you can't have <b>'s, <i>'s, <font>'s, etc. 
inside of the link. 

Example of what not to do: 

<a href="blah.html" class="fade"><b>click</b> here</a> 

** 
**** </install> 
**************/
Voila c'est un copier/coller du sript :D
bon web ...ornitho
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
super mais ouskil est le .js ? ornitho :D


merci beuacoup pour vos réponses deja ;)

(le truc d'ivo, ca j'ai deja a peu de chose pres ;))
 

OrnithO

Rétro Gamer
Code:
/************* 
**** <config> 
**/ 

startColor = "#000000"; // initial link color 
endColor = "#FFFFFF"; // final link color 

stepIn = 20; // delay when fading in 
stepOut = 20; // delay when fading out 

/* 
** set to true or false; true will 
** cause all links to fade automatically 
***/ 
autoFade = true; 

/* 
** set to true or false; true will cause all CSS 
** classes with "fade" in them to fade onmouseover 
***/ 
sloppyClass = false; 

/** 
**** </config> 
**************/ 

/************* 
**** <install> 
**
oups sorry
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
oh yeah baby


merci beaucoup !
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
Il me met une erreur comme quoi le "commentaire n'est pas terminé" ... :cry:

edit : ceci kan j'essaye dans l'editeur web.

Et quand je up, ca change rien du tout en fait ...
 

OrnithO

Rétro Gamer
/*************
**** <config>
**/

startColor = "#000000"; // initial link color
endColor = "#FFFFFF"; // final link color

stepIn = 20; // delay when fading in
stepOut = 20; // delay when fading out

/*
** set to true or false; true will
** cause all links to fade automatically
***/
autoFade = true;

/*
** set to true or false; true will cause all CSS
** classes with "fade" in them to fade onmouseover
***/
sloppyClass = false;

/**
**** </config>
**************/

/*************
**** <install>
** /



oups sorry oubli de fermeture du commentaire en fin de script :oops: :?
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
oki, j ai fait autrement et ca donne bien aussi ;)

Merci a tous (k)
 

Onefive

Freddy Tougaux
Sinon y a plus simple faut prendre un Java script que tu met dans ton dossier de ton site
Tu met la commande dans ton code et voila ca s execute tout seul comme sur http://membres.lycos.fr/redl3ull
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut