Cadre avatar qui change au passage de la souris

2 participants

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

Résolu Cadre avatar qui change au passage de la souris

Message par th3-P0taTo3s Dim 12 Sep 2010 - 18:32

Bonjour,

J'ai essayé de faire un titre court, mais je ne peut pas, il aurait été pas très explicite ! :s

Je voudrais un code, pour mettre un cadre au coin arrondi qui change de couleur au passage de la souris

Merci :thanks:


Dernière édition par th3-P0taTo3s le Mar 14 Sep 2010 - 9:52, édité 1 fois
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre avatar qui change au passage de la souris

Message par Ea Lun 13 Sep 2010 - 15:59

Bonjour,


Sur quelle version de forum ?

Un cadre avec un fond d'une autre couleur ?

Un cadre avec un bord épais et d'une seule couleur ?

Et si il y a un bord comme ici il faudra donc aussi un code pour le cacher ?

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Cadre avatar qui change au passage de la souris

Message par th3-P0taTo3s Lun 13 Sep 2010 - 16:01

Bonjour

Ma version est phpBB2

Je l'avais, et c'était un cadre épais, aux bords arrondis... Il était marron par défaut, et quand on passe la souris dessus il devenait beige/taupe...

Merci
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre avatar qui change au passage de la souris

Message par Ea Lun 13 Sep 2010 - 16:16

D'accord, alors il faudrait éditer la template général > viewtopic_body et chercher :

Code:
<span class="name">
Ensuite mettre juste avant :

Code:
<div class="p-frame">
Puis après chercher :

Code:
<img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" />
Et mettre juste avant :

Code:
</div>
Et pour finir il suffit de mettre du style CSS ( PA > Affichage > Couleurs > Feuille de style CSS ) :

Code:
​.p-frame {
  margin: 2px;
  border: 10px solid brown;
  padding: 5px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.p-frame:hover {
  border-color: #ff9999;
}​
Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Cadre avatar qui change au passage de la souris

Message par th3-P0taTo3s Lun 13 Sep 2010 - 16:20

Merci !!

Bon, ça ne marche pas, mais y'a un blèm dans mon code CSS, a chaque fois que j'ajoute un code ça fait rien ( idem quand j'ai mis le code pour arrondir les coins du fofo )...

Moi, grosse quiche en CSS, impossible de trouver l'erreur :s

En tous cas, merci beaucoup !

J'espère que un jour je trouverai le pb... ;-;
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre avatar qui change au passage de la souris

Message par Ea Lun 13 Sep 2010 - 16:36

Et bien sur quel forum ?

Pour les codes css permettant d'arrondir les coins ils ne marchent pas avec internet explorer.


Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Cadre avatar qui change au passage de la souris

Message par th3-P0taTo3s Lun 13 Sep 2010 - 16:45

Mon forum est : Ici

Je suis sur Firefox :s
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre avatar qui change au passage de la souris

Message par Ea Lun 13 Sep 2010 - 16:53

Moi je vois bien des arrondis partout, suivant la version de firefox il faut mettre aussi :

Code:
-moz-border-radius
Avec la même valeur que le border-radius ^^

Sinon il faut supprimer le code et ajouter :

Code:
.p-frame {
  margin: 2px;
  border: 10px solid brown;
  padding: 5px;
  border-radius: 20px;
}
.p-frame:hover {
  border-color: #ff9999;
}
Il y a un caractère invisible qui s'est mis avant et après ce qui cause son non-fonctionnement >.<

Et sinon vu que la modification de template n'est pas réalisée là il n'aura pas d'effet avant qu'elle soit faite.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Cadre avatar qui change au passage de la souris

Message par th3-P0taTo3s Lun 13 Sep 2010 - 17:21

Tu n'as pas compris mon problème en fait...

Y'a un problème, peut-être une lettre ou je ne sais quoi mal placé parce-que rien ne marche ! J'ai essayé les codes sur mon forum de test, tout marche Wink
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre avatar qui change au passage de la souris

Message par Ea Lun 13 Sep 2010 - 17:25

Il faut supprimer dans le CSS :

Code:
a.forumlink:hover {
text-shadow: -2px 2px 2px #FFFFFF;
}

.p-frame {
  margin: 2px;
  border: 10px solid brown;
  padding: 5px;
  border-radius: 20px;
}
.p-frame:hover {
  border-color: #ff9999;
}

Et mettre à la place :

Code:
a.forumlink:hover {
text-shadow: -2px 2px 2px #FFFFFF;
}

.p-frame {
  margin: 2px;
  border: 10px solid brown;
  padding: 5px;
  border-radius: 20px;
}
.p-frame:hover {
  border-color: #ff9999;
}
Car dans le code y'a 2 caractère invisibles qui font que le code css ne marche pas.

Sinon si je regarde par exemple ici le code html il n'y a pas les modifications de templates effectuées n___n

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Cadre avatar qui change au passage de la souris

Message par th3-P0taTo3s Lun 13 Sep 2010 - 17:29

Cela ne marche toujours pas Sad

Désolé de t'embêter =$
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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