Personnaliser mon lien... Help me D:

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Personnaliser mon lien... Help me D:

Message par Melow le Sam 20 Avr 2013 - 21:36

Coucou à tous !!

Alors pour expliquer en clair mon problème, je fais un nouveau design et j'avoue avoir quelques soucis.

Je tentais pour la première fois de coder seule et sans tuto et j'étais assez fière en me rendant compte que j'y étais presque... mais au final, ça ne marche pas é_è.

Il s'agit en fait de personnaliser mon lien pour que lorsque l'on passe dessus, il change de couleur et d'image de fond. Ce n'est qu'un test encore totalement expérimental mais j'ai un souci avec la base même du code. C'est pourquoi je fais appel à vous. Ci-joint, je vous mets les screens, mon code et mon css.

Le lien normal:


Le lien lorsque l'on passe dessus:


Comme vous pouvez le constater... rien ne change. Alors j'ai dû faire une grosse erreur et c'est pourquoi je fais appel à vous... Pourriez-vous m'expliquez mon erreur afin que je comprenne s'il vous plait et que je ne la refasse pas ? J'aime apprendre !

Je vous mets mon css :
Code:
.persolien{
background-image: url("http://i69.servimg.com/u/f69/16/05/16/08/blu10.png");
color: #000;
border: 0px none;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;}

a.persolien:link, a.persolien:visited{
background-color: #000;
color: #fff;
border: 0px none;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;}

a.persolien:hover, a.persolien:hover:visited{
background-color: #000;
color: #fff;
border: 0px none;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

Et mon code Pa :
Code:
<div class="persolien"><a href=http://the-lost-school.com>Voilà</url></div>

Vous remerciant d'avance ♥


Dernière édition par Melow le Dim 21 Avr 2013 - 16:50, édité 1 fois

Melow
**

Féminin
Messages : 59
Inscrit(e) le : 01/09/2010

http://aendryl.forumactif.org/
Melow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser mon lien... Help me D:

Message par Invité le Dim 21 Avr 2013 - 0:56

Salut,

Déjà, dans ton code :
Code:
<div class="persolien"><a href=http://the-lost-school.com>Voilà</url></div>
tu as fait une erreur de balisage,tu as commencer par " a " donc il faudrait modifier le </url> par : </a>.

Pour le changement d'image et de couleur au passage de la souris c'est l'élément :hover qui l'indique , donc j'imagine que ça devrais donner quelque chose comme ça pour la couleur du lien:
Code:
div.persolien a:hover {
color: # !important;
}
et ça pour l'image de fond :
Code:
div.persolien:hover {
background-image: url(url de l'image) !important;
}

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser mon lien... Help me D:

Message par Melow le Dim 21 Avr 2013 - 16:49

Bonjour !!

En effet, je suis une gourde xD Erreur d'inattention mais grosse erreur quand même x) Merci de me l'avoir corrigée !

Pour les codes, il semble que tout fonctionne :DD Merci infiniment de votre aide !! Bonne journée à vous Very Happy

Sujet résolu ~

Melow
**

Féminin
Messages : 59
Inscrit(e) le : 01/09/2010

http://aendryl.forumactif.org/
Melow a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum