 Casablanca 
{ Membre }
 Messages : 10
 | Bonjour ! :O
Alors voilà, j'ai installé il y'a quelques heures un code pour masquer ma feuille de personnage. On clique sur "More ?", elle s'affiche... On clique sur "AND MORE", elle se masque .. bref, c'est pas bien compliqué à ce sujet là !
Le code que j'ai utilisé est placé dans ma feuille de style CSS et dans mes Templates (Général, Viewtopic-body)...
Voilà mon hic :
J'ai essayé de le modifier afin de pouvoir mettre, à la place du bouton basique, une petite image personnalisée de ma création... Seulement je n'y arrive pas, ça me masque après conmplètement mon profil ! Alors j'ai remis le code précédent que je vous donne donc : Code HTML, Templates Général, viewtopic-body : - Code:
-
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <div class="profilentour"> <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK} <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava"><div style="border: none;">{postrow.displayed.POSTER_AVATAR}</div></span></center></div> <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='MORE ?')?'AND MORE':'MORE ?';this.lastChild.style.display=(this.firstChild.value=='MORE ?')?'none':'block';" style= "font-family: georgia; text-align: center;" style= "color: lightgrey"><input type="button" value="MORE ?" 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> Code CSS : - Code:
-
/* FEUILLE DE PERSO */
.profilmasque
{
background-color: #c1c1c1;
font-size: 12px;
font-family: Georgia;
letter-spacing: 1px;
}
.profil1
{
width: 200px;
background-color: darkgrey;
font-size: 12px;
font-family: Georgia;
letter-spacing: 1px;
font-weight: bold;
}
Sauriez vous comment mettre une image à la place de ce bouton ? °____° Que devrais-je mettre dans mon code ? Merci de la lecture et puis merci merci quoi @_@ |
Dernière édition par Casablanca le Jeu 06 Jan 2011, 14:11, édité 1 fois | |
|
james1920
{ Membre actif }
 Messages : 422
| Salut, Il te faut juste changer le: - Code:
-
<input type="button" value="MORE ?" class="profil1"/> Par: - Code:
-
<img src="adresse de ton image" class="profil1"/> Et tu peux après supprimer la ligne: width: 200px; de profil1 James | | |
|
Casablanca
{ Membre }
Messages : 10
| Ca marche super bien merci BEAUCOUP °__° ! ! | | |
|
james1920
{ Membre actif }
Messages : 422
| |
Sam 30 Mar 2024, 22:07 par 
