Probleme de superpositions de bouttons En ligne/ Hors ligne

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

Résolu Probleme de superpositions de bouttons En ligne/ Hors ligne

Message par Nomka le Mer 4 Jan 2012 - 21:04

Bonjour,

Je viens demander de votre aide après avoir fait des recherches pour voir si mon problème avait été résolu ailleur mais ça ne semble pas être le cas.

Je suis certains qu'il s'agit de quelque chose de très simple mais je ne parviens pas à trouver quoi.

Alors j'ai voulu modifier l'emplacement du bouton En ligne et ajouter le boutons hors ligne lorsque le membre n'est pas en ligne pour avoir ceci comme résultat :



En utilisant cette méthode :

j'ai ajouté ce code dans mon CSS :
Code:
/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('url_image_offline');
background-repeat : no-repeat;
background-position : center;
min-width: Xpx;
width: Xpx;
min-height: Ypx;
height: Ypx;
}

en éditant le code comme ceci : Remplacez :
url_image_offline > par l'adresse de l'image du bouton "Hors ligne"
X > par la largeur du bouton "en ligne"
Y > par la hauteur du bouton "en ligne"

Puis j'ai modifié mon fichier : viewtopic_body

j'ai supprimer la ligne
Code:
{postrow.displayed.ONLINE_IMG}

et j'ai ensuite rajouter le code (en rouge)
{postrow.displayed.POSTER_RPG}
</span><br />
<table border=0 cellspacing=0 cellpadding=0 class="offlinebutton"><tr><td>{postrow.displayed.ONLINE_IMG}</td></tr></table><br />

tout c'est très bien passé, mon bouton a bien bougé de place, lorsque les personnes sont hors ligne celà apprait parfaitement, mais mon soucis est que une fois en ligne le bouton En ligne vient ce superposer sur le bouton Hors ligne comme ceci :
hors ligne parfait
en ligne superposition

Je dois avoir omis quelque chose mais je ne sais pas quoi du tout...

Je vous remercie de l'attention que vous porterez à mon message.


Dernière édition par Nomka le Jeu 5 Jan 2012 - 13:24, édité 1 fois

Nomka
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/10/2011

http://carnas-fishing.forumgratuit.be
Nomka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de superpositions de bouttons En ligne/ Hors ligne

Message par Cædes le Jeu 5 Jan 2012 - 0:34

Bonsoir,

je suppose que c'est le background-image dans votre css qui pose problème. Il n'est pas nécessaire d'y ajouter l'url de votre image offline. Enlevez cette ligne dans votre feuille de style css et tout devrait rentrer dans l'ordre Wink

Il suffit d'ajouter le bouton offline dans le panneau des images, comme vous l'avez fait pour le online. Il n'est pas nécessaire de le mettre en background. Actuellement il sert simplement d'image de fond dans la cellule que vous avez ajouté à votre template.

Au plaisir.

Cædes
****

Féminin
Messages : 299
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
Cædes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de superpositions de bouttons En ligne/ Hors ligne

Message par Nomka le Jeu 5 Jan 2012 - 0:48

oui, mais dans mon template originale le bouton offline n'existe pas il n'y a que le online si je ne mets pas de lien alors rien ne réfère l'image du bouton

Nomka
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/10/2011

http://carnas-fishing.forumgratuit.be
Nomka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de superpositions de bouttons En ligne/ Hors ligne

Message par Milouze14 le Jeu 5 Jan 2012 - 9:24

Salut Nomka,

il faut que tes deux images soient à la même dimension tout simplement Wink .
Pense aussi à changer le support de forum dans ton profil car tu indiques phpbb3 Wink .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Probleme de superpositions de bouttons En ligne/ Hors ligne

Message par Nomka le Jeu 5 Jan 2012 - 13:02

Salut, merci pour vos réponses,

Le boutons ont pourtant exactement la même dimension il s'agit d'un format en PNG avec le contour du texte qui est transparent.

Le soucis que j'ai est que le bouton offline ne disparait pas quand le bouton Online apparaît mais je ne sais pas si il est possible de le faire disparaitre.

et si oui comment...

(changement effectué dans le profil Wink merci pour l'info)



Nomka
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/10/2011

http://carnas-fishing.forumgratuit.be
Nomka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de superpositions de bouttons En ligne/ Hors ligne

Message par Nomka le Jeu 5 Jan 2012 - 13:23

je pense avoir trouvé une solution, je n'ai pas utilisé une image avec de la transparence et je crois que c'était ce qu'il fallait faire à la base car le OFFLINE reste en permanence en Background et que le ONLINE vient ce superposer, en prenant une image sans transparence la superposition ce fait sans accros Wink

Nomka
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/10/2011

http://carnas-fishing.forumgratuit.be
Nomka 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