Troquer un texte contre une image
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Troquer un texte contre une image
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...
Merci d'avance, bien à vous, Elfwyn.
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
Re: Troquer un texte contre une image
bonjour,
puisque votre bouton (button) possède déjà une class , autant modifier l'apparence du bouton par le CSS ...
exemple :
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;
}
Re: Troquer un texte contre une image
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...
*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...
Re: Troquer un texte contre une image
j'avoue que j'ai vraiment fait dans l'horreur ...
pour me faire pardonner , remplacez le CSS précédant par celui-ci :
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;
}
Re: Troquer un texte contre une image
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.
Merci beaucoup.
Bien à vous, Elfwyn.
Re: Troquer un texte contre une image
Hmmm ...
rajoutez :
aux 2 class du CSS et modifiez ceci :
en mettant "center" à la place de "left" ...
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" ...
Sujets similaires
» Remplacement image par texte + modification texte
» Image et texte
» Mettre une image à gauche d'un texte centré et une image à droite
» Superposition du texte et de l'image d'un forum + image petite
» Coller l'image de la chatbox latéral contre la chatbox.
» Image et texte
» Mettre une image à gauche d'un texte centré et une image à droite
» Superposition du texte et de l'image d'un forum + image petite
» Coller l'image de la chatbox latéral contre la chatbox.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum