Troquer un texte contre une image

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

Résolu Troquer un texte contre une image

Message par Elfwyn le 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://illiweb.com/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
***

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

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

Résolu Re: Troquer un texte contre une image

Message par Scoubifitz le 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
+ Hyperactif +

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

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

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

Résolu Re: Troquer un texte contre une image

Message par Scoubifitz le 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
+ Hyperactif +

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

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

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

Résolu Re: Troquer un texte contre une image

Message par Scoubifitz le 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
+ Hyperactif +

Masculin
Messages : 3539
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


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