Au passage de la souris

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

Résolu Au passage de la souris

Message par Enigmatic le Jeu 21 Juil 2011 - 23:08

Encore moi! Hihi! Cette fois, j'aimerais savoir comment faire pour que, lorsque ma souris passe sur un titre, comme sur ce FORUM il y a une étoile qui apparait! Je ne veux pas spécialement mettre une étoile, mais j'aimerais bien y mettre un petit signe! ^^ Je remercie d'avance la personne qui sera en mesure de répondre à ma question! <3

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

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

Résolu Re: Au passage de la souris

Message par Lixyr le Ven 22 Juil 2011 - 1:30

Bonsoir.

Like a Star @ heaven Le code pour réaliser ceci est comme ceci :

Code:
.forumlink:hover:after{
  content:" ±";
}

modifiez ± par le symbole que vous voulez, (laissez l'espace entre le guillemet et le symbole, sinon le symbole sera collé au titre du forum) et validez votre code.
(à mettre dans la feuille de style css : panneau d'admin >> affichage >< couleur >> feuille de style css.)

Like a Star @ heaven Cependant, pour que ça marche bien, allez dans votre template index_box, et recherchez ce passage :

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span>


Like a Star @ heaven retirez la classe forumlink du span :

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span>

pour qu'il n'y ait plus que

Code:
<span class="">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>

(ou bien remplacez la classe forumlink par autre chose : n'importe quel mot fera l'affaire.)

Like a Star @ heaven Enregistrez :enreg: et validez ajout votre template.



(message édité)

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Au passage de la souris

Message par Threax le Ven 22 Juil 2011 - 12:16

Ou bien, plus simplement :
Code:
a.forumlink:hover:after{
  content:" ±";
}
Ce qui évite de modifier le template et ne doit pas poser de problème. Smile

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Au passage de la souris

Message par Enigmatic le Ven 22 Juil 2011 - 15:35

Ohhhh! Merci vous deux! Ça fonctionnement merveilleusement bien <3

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic 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