identifiant css du bouton répondre

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

En cours identifiant css du bouton répondre

Message par Winry-th le Mar 1 Jan 2013 - 13:34

Bonjour,

Est-ce que quelqu'un sait quel est l'identifiant css du bouton "répondre" qui se trouve tout en bas d'un sujet?
Pour celui du haut, c'est bon, je sais que c'est #i_reply mais je n'ai pas trouvé celui du bas même en observant le code source de la page (aucun id ne semble attribué).
Je suis en train de créer des boutons qui se modifient au survol de la souris mais cela implique de masquer l'image de base pour que le css prenne le pas. Comme je n'ai pas l'identifiant qu'il faut, le bouton disparaît car il n'affiche que l'image vide (empty.gif).

Et tant qu'on y est, y-a-t'il moyen de supprimer les infobulles de la barre de navigation par un template ou un javascript? Les boutons de la navbar indiquent déjà clairement ce qu'ils représentent et l'effet esthétique du bouton qui se modifie au survol est un peu gâché par ces infobulles qui se superposent intempestivement.

Merci!

PS : je suis en phpBB2.

Winry-th
Nouveau membre

Messages : 8
Inscrit(e) le : 22/12/2008

http://test-layout2.forumactif.com
Winry-th a été remercié(e) par l'auteur de ce sujet.

En cours Re: identifiant css du bouton répondre

Message par _backdraft_ le Mar 1 Jan 2013 - 14:45

Bonjour, ce n'est pas un ID mais une classe donc normalement c'est :

Code:
.i_reply

J'ai fait des tests ça semble marcher. Pour votre deuxième problème je ne vois pas d'infobulle, de quoi parlez vous ?

Cordialement
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

En cours Re: identifiant css du bouton répondre

Message par Winry-th le Mar 1 Jan 2013 - 15:02

Ça ne fonctionne pas pour moi. Le bouton de bas de page disparaît toujours.

Pour les infobulles de la barre de navigation, elles ne s'affichent que si l'on utilise des images. Si on a des liens, elles ne s'affichent pas.

Voici le lien vers le forum que j'utilise pour construire le design, ça sera peut-être plus parlant.
http://test-layout.forumactif.org/

Winry-th
Nouveau membre

Messages : 8
Inscrit(e) le : 22/12/2008

http://test-layout2.forumactif.com
Winry-th a été remercié(e) par l'auteur de ce sujet.

En cours Re: identifiant css du bouton répondre

Message par _backdraft_ le Mar 1 Jan 2013 - 15:19

Bonjour,

Pour enlever l'image uniquement au survol, essayez ceci :

Code:
.i_reply:hover {visibility:hidden;}

Pour votre deuxième problème je vais essayer de voir ça Wink

Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

En cours Re: identifiant css du bouton répondre

Message par Winry-th le Mar 1 Jan 2013 - 16:41

L'identifiant .i_reply n'a aucun effet.

Voici mon code css actuel pour ce bouton
Code:
/*image repondre*/
#i_reply{
  background-image:url('http://i1119.photobucket.com/albums/k636/DarrenCrissForum/Design/Design%202013/Repondre.jpg');
  background-position: 0 0;
  width: 140px; /*Largeur de l'image*/
  height: 70px; /*Hauteur de l'image*/
}
#i_reply:hover{
  background-position: -140px 0;
  width: 140px; /*Largeur de l'image*/
  height: 70px; /*Hauteur de l'image*/
}
.i_reply{
  background-image:url('http://i1119.photobucket.com/albums/k636/DarrenCrissForum/Design/Design%202013/Repondre.jpg');
  background-position: 0 0;
  width: 140px; /*Largeur de l'image*/
  height: 70px; /*Hauteur de l'image*/
}
.i_reply:hover{
  background-position: -140px 0;
  width: 140px; /*Largeur de l'image*/
  height: 70px; /*Hauteur de l'image*/
}

Seul l'identifiant #i_reply a un effet, le second ne sert à rien, même en rajoutant la valeur visibility: hidden.

Winry-th
Nouveau membre

Messages : 8
Inscrit(e) le : 22/12/2008

http://test-layout2.forumactif.com
Winry-th a été remercié(e) par l'auteur de ce sujet.

En cours Re: identifiant css du bouton répondre

Message par _backdraft_ le Mar 1 Jan 2013 - 17:53

Et donc si j'ai bien compris, votre code marche pour le bouton du haut et pas pour celui du bas ?

Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

En cours Re: identifiant css du bouton répondre

Message par Milouze14 le Mar 1 Jan 2013 - 20:05

Salut Winry-th et _backdraft_,

effectivement l'identifiant du bouton "Répondre" est différent pour le haut et bas de page,
je ne sais pourquoi d'ailleurs reflexion .

Il faut passer par le template (viewtopic_body)pour modifier ceci:
Affichage/Templates/Général/viewtopic_body

Recherche ceci:(ligne 397):
Code:
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->

Supprimes et remplace par ceci:
Code:
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->

Pense a enregistrer les modifications en cliquant respectivement sur et

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4577
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

En cours Re: identifiant css du bouton répondre

Message par Winry-th le Mar 1 Jan 2013 - 21:54

Formidable ça fonctionne!
Merci beaucoup Milouze14 pour la solution et backdraft pour avoir pris la peine de chercher et de répondre Smile

Et pour les infobulles de la barre de navigation, il y a une solution?


Winry-th
Nouveau membre

Messages : 8
Inscrit(e) le : 22/12/2008

http://test-layout2.forumactif.com
Winry-th 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