cacher/afficher une partie du profil

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

Résolu cacher/afficher une partie du profil

Message par Sparke le Mer 23 Mai 2012 - 8:53

Bonjour à vous tous

Voilà j'aimerais cacher une partie du profil mais que l'on peut voir lorsque le curseur de la souris vas sur "On"

Voici un screen avec ce qu'il est avant et ce que je veux après



Donc une fois le curseur sur on , on obtient l'image d'avant et quand l'on retire le curseur cela redevient après

Merci à vous tous

Cordialement


Dernière édition par Sparke le Ven 25 Mai 2012 - 23:23, édité 1 fois

Sparke
*****

Masculin
Messages : 538
Inscrit(e) le : 30/09/2008

http://the-chosen-one.fr-bb.com
Sparke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Sparke le Jeu 24 Mai 2012 - 10:29

Up avec une édition du premeir post , d'autre explication et un nouveau screen

Merci à vous

Sparke
*****

Masculin
Messages : 538
Inscrit(e) le : 30/09/2008

http://the-chosen-one.fr-bb.com
Sparke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Automne le Jeu 24 Mai 2012 - 21:53

Bonjour,

Dans le template viewtopic_body

Remplacer :
Code:
<!-- 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}

Par :
Code:
<div align="center"><div class="infotitle"><input type="button" value="On" style="width:100px; font-size:18px; margin:0px; padding:0px; background-color:transparent; overflow:visible;" onmouseover ="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Off'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'On'; }" /></div><div class="quotecontent" align="left"><div style="display: none;">
        <!-- 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>

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Sparke le Ven 25 Mai 2012 - 11:16

Bonjour j'ai oublié de vous dire que j'ai déjà trafiqué cette template ci.

voici ce que j'ai

Code:
<div class="cadreprofil">   
                  <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
                                  {postrow.displayed.POSTER_RANK}<br>
                                  {postrow.displayed.POSTER_AVATAR}*********************            
                                  <center>{postrow.displayed.RANK_IMAGE}</center><br>
            <!-- 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}
                                  </span></div>

Pour évité de faire une bêtise je préfère rien faire pour l'instant

Sparke
*****

Masculin
Messages : 538
Inscrit(e) le : 30/09/2008

http://the-chosen-one.fr-bb.com
Sparke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Automne le Ven 25 Mai 2012 - 19:59

bonjour,

Comme ceci
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                    <span class="postdetails poster-profile">
                                          {postrow.displayed.POSTER_RANK}<br>
                                          {postrow.displayed.POSTER_AVATAR}*********************           
                                          <center>{postrow.displayed.RANK_IMAGE}</center><br>
                   
                            <div align="center"><div class="infotitle"><input type="button" value="On" style="width:100px; font-size:18px; margin:0px; padding:0px; background-color:transparent; overflow:visible;" onmouseover ="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Off'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'On'; }" /></div><div class="quotecontent" align="left"><div style="display: none;">
                <!-- 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>
                                          </span></div>

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Sparke le Ven 25 Mai 2012 - 20:28

Merci beaucoup, mais c'est pas possible de mettre On et Off moins gros?

merci

Sparke
*****

Masculin
Messages : 538
Inscrit(e) le : 30/09/2008

http://the-chosen-one.fr-bb.com
Sparke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Automne le Ven 25 Mai 2012 - 21:42

bonjour,

Il vous suffit de changer la valeur font-size:18px;

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Sparke le Ven 25 Mai 2012 - 23:05

Merci, il me manque juste à réduire le rectangle s'il vous plait du "on" et "off"

Amicalement

Sparke
*****

Masculin
Messages : 538
Inscrit(e) le : 30/09/2008

http://the-chosen-one.fr-bb.com
Sparke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Automne le Ven 25 Mai 2012 - 23:12

Vous pouvez mettre dans la feuille de style css


Code:

element.style {


    background-color: transparent;
    font-size: 11px;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 30px;
}

Ces valeurs peuvent changer ensuite de taille, de couleurs...............pour la grandeur c'est le width. J'ai mis 30px, a vous de voir si cela conviens.

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: cacher/afficher une partie du profil

Message par Sparke le Ven 25 Mai 2012 - 23:23

Bravo et un très grand merci

Sparke
*****

Masculin
Messages : 538
Inscrit(e) le : 30/09/2008

http://the-chosen-one.fr-bb.com
Sparke 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