Troquer un texte contre une image

2 participants

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

Résolu Troquer un texte contre une image

Message par Elfwyn Lun 26 Mai 2014 - 8:54

Bonjour,

Après de vaines tentatives je m'en viens crier au secours ici. En fait c'est très simple, j'ai installé la fonctionnalité ; Afficher le Profil/Masquer le Profil. Or, je voudrais remplacer ce bouton par une image qui conserverait les mêmes propriétés que son homologue écriteau. Voici le code du template...

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        
        <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center>
 
            <center><span class="postdetails poster-profile">
              {postrow.displayed.POSTER_RANK}</center>
 
            <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span>{postrow.displayed.POSTER_AVATAR}</div></span></center></div>
 
  <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil ' :'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
    </div></div>
        </span>
 
 
</div>
<div id=""></div>
 
        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
      </td>

Merci d'avance, bien à vous, Elfwyn.


Dernière édition par Elfwyn le Lun 26 Mai 2014 - 22:55, édité 1 fois
Elfwyn

Elfwyn
***

Masculin
Messages : 170
Inscrit(e) le : 28/02/2008

http://www.lauthentique-destiny.net/
Elfwyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Troquer un texte contre une image

Message par Scoubifitz Lun 26 Mai 2014 - 12:38

bonjour,

puisque votre bouton (button) possède déjà une class , autant modifier l'apparence du bouton par le CSS ...

exemple :

Code:
.profil1{
background:Red url(http://r24.imgfast.net/users/2913/10/00/00/avatars/58451-72.jpg) no-repeat center;
width:300px;
height:50px;
}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Troquer un texte contre une image

Message par Elfwyn Lun 26 Mai 2014 - 13:06

Hello,

*Vomi des yeux*, vous pouviez faire pire comme exemple j'en suis sûr xD

C'est pas mal oui, mais peut-on suivre la même formule pour que l'image change quand on passe de l'un à l'autre ? L'idéal serait un genre de parchemin qui se déroule et se roule.

C'est audacieux je sais...
Elfwyn

Elfwyn
***

Masculin
Messages : 170
Inscrit(e) le : 28/02/2008

http://www.lauthentique-destiny.net/
Elfwyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Troquer un texte contre une image

Message par Scoubifitz Lun 26 Mai 2014 - 22:00

j'avoue que j'ai vraiment fait dans l'horreur ...

pour me faire pardonner , remplacez le CSS précédant par celui-ci :

Code:
.profil1
{
  background:url(http://creaphotofiltre.c.r.pic.centerblog.net/ce79863a.png) no-repeat 0 -10px;
  width:285px;
  height:55px;
  border:none;
  text-shadow:1px 1px 1px white;
}

.profilmasque div
{
  margin:auto;
  background: url(http://creaphotofiltre.c.r.pic.centerblog.net/ce79863a.png) no-repeat 0 -65px;
  width:285px;
  height:320px;
  text-shadow:1px 1px 1px white;
}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Troquer un texte contre une image

Message par Elfwyn Lun 26 Mai 2014 - 22:55

Ah ben là vous êtes largement pardonnée, merci beaucoup pour le temps que vous y avez consacré et la gentillesse dont vous avez fait preuve pour ainsi résoudre mon problème.

Merci beaucoup.

Bien à vous, Elfwyn.
Elfwyn

Elfwyn
***

Masculin
Messages : 170
Inscrit(e) le : 28/02/2008

http://www.lauthentique-destiny.net/
Elfwyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Troquer un texte contre une image

Message par Scoubifitz Lun 26 Mai 2014 - 23:00

Hmmm ...

rajoutez :

Code:
color:Black;

aux 2 class du CSS et modifiez ceci :

<div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil ' :'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none; text-align:left;">

en mettant "center" à la place de "left" ...
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz 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