Cadre avatar qui change au passage de la souris

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 le 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
***

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 le 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
Aidactif
Aidactif

Messages : 23418
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 le 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
***

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 le 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://illiweb.com/_.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
Aidactif
Aidactif

Messages : 23418
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 le 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
***

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 le 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
Aidactif
Aidactif

Messages : 23418
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 le Lun 13 Sep 2010 - 16:45

Mon forum est : Ici

Je suis sur Firefox :s

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 le 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
Aidactif
Aidactif

Messages : 23418
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 le 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
***

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 le 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
Aidactif
Aidactif

Messages : 23418
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 le Lun 13 Sep 2010 - 17:29

Cela ne marche toujours pas Sad

Désolé de t'embêter =$

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


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