Templates : Bouton pour/et profil rétractable [phpBB2]
SOS-FORUM.com
     

Derniers sujets

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Chantra Chantrapa 5/3/2017, 20:31

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29

» Plateforme d'affiliation Afflight
par Landry85 5/5/2015, 10:04


Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Aller à la page : 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 2]

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Yes !


Merci ZE_Magicien !



EDIT FB : Se réfère à ce tuto



Dernière édition par final-blond le 1/11/2009, 15:00, édité 2 fois

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
De rien ^^

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Euh, tu peux le mettre en astuce si tu le veux ZE, ou alors par défaut, c'est plus joli non ?

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Oui, le bouton m'a l'air tout à fait pratique, ça pourrait faire partie de la prochaine version, faudra juste le tester sous toutes configurations.

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Il me plait bien ce bouton.

Je peux l'utiliser final-blond ?

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Bien sûr Mario, je vais juste rechercher le tuto entier avec le template par défaut.

Euh tu n'est pas en SF-BB n'est-ce pas ?

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Merci Final-blond,

Non je ne suis pas en SF-BB Wink

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Je t'en prie^^

Ok, alors si tu as modifié le template en question, je te suggère de le sauvegarder dans NotePad ou le Blocnote, au cas où.
Si tu n'y a encore apporter aucune modif, alors celui par défaut est là.

Tu vas chercher (Ctrl + F) dans le template >> Général >> viewtopic_body :
Code:
<!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <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.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><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>
Tu remplaces par :
Code:
<!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}" valign="top" width="160" style="padding-right: 10px;"><div style="text-align: left;">
         {postrow.displayed.POSTER_AVATAR}<br /><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
         <span class="postdetails poster-profile">
            <br/>{postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}</div><br />
<div align="left"><div class="quotetitle"><input type="button" value="View Profil" style="width:70px;font-size:10px;margin:0px;padding:0px;" onclick="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 = 'Hide Profil'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View Profil'; }" /></div><div class="quotecontent"><div style="display: none;"><br /><div style='position:absolute;' class="profilpop"><span class="genmed"><font size="1">

         <!-- 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}

</font></span></div></div></div></div>
Enregistrer et publier le template.

Tu peux modifier la largeur du bouton en foction de son libellé, la couleur du bouton, l'alignement du bouton et du texte à l'intérieur du cadre, la couleur etc du texte.

Si tu as besoin de plus d'explications, n'hésite pas.

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Merci beaucoup final-blond,

Je fais ça ce soir ou demain et je te dit si je m'en sors ou pas Wink

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Mmmmnn... c'est comme s'il y avait un "/div" de trop, non ?

Je ne peux me pencher dessus maintenant, mais en tout cas ça fonctionne.

Euh, merci à ZE aussi. Wink

avatar
Invité
Invité
Bien l'idée du bouton je trouve
Merci

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Laurent a écrit:Bien l'idée du bouton je trouve
Eh bien Laurent, pas de souci, la modif est la même que pour Mario, sauf erreur de ma part.

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Salut,

Alors pas de soucis pour mettre tout ça en place mais je voudrais que le bouton ouvre un simple spoiler et non pas une petite fenêtre style pop-up.

J'ai bien essayé de déchiffrer tout ça juste pour récupérer le code du bouton mais sans résultat

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Mario a écrit:je voudrais que le bouton ouvre un simple spoiler et non pas une petite fenêtre style pop-up:
je n'ai pas saisi ce que tu aimerais, et c'est sûr que c'est moi qui n'ai pas compris...

C'est le cadre que tu ne voudrais pas ?

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Oui sur ce forum quand on clique sur Montrer/Cacher Profil c'est une fenêtre avec cadre qui apparait et moi j'aimerais ça sans contour et sans fenêtre qui sorte de la zone profil =>

Bouton voir cacher

Merci

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Ok Mario.

Essaie juste de revenir à l'origine de ce topic :

ze_chaofan a écrit:Hum, j'en suis pas tout à fait sûr, mais essaye.
Dans ton template, remplace ceci :

Code:
<font size="1">

 <!-- BEGIN profile_field -->
 
<b>{postrow.displayed.profile_field.LABEL}</b> <font
color="black">{postrow.displayed.profile_field.CONTENT}</font>{postrow.displayed.profile_field.SEPARATOR}
  <!-- END profile_field -->

{postrow.displayed.POSTER_RPG}

</font>

Par ceci :
Code:
<div style='position:absolute;' class="profilpop"><span class="genmed"><font size="1">


  <!-- 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}

</font></span></div>

Tu vois non ?

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Merci, je vais essayer Wink

avatar
Invité
Invité
Serait il plutot possible de mettre un bouton image comme le hors ligne sur sf-bb ?

avatar
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
C'est un code de bouton automatique, donc je n'en suis pas sûr, cependant, tu peux essayer en modifiant les attributs CSS du bouton, qui se trouvent ici :
Code:
style="width:70px;font-size:10px;margin:0px;padding:0px;"

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Laurent a écrit:Serait il plutot possible de mettre un bouton image comme le hors ligne sur sf-bb ?
Tiens je m'y attendais et je n'ai pas préparé...

Alors essayons :
Code:
<input type="button" value="Afficher" style="width:50px; background-image: url('http://img4.hostingpics.net/pics/81473gradient3.png'); font-size:10px;margin:0px;padding:0px;" onclick="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 = 'Masquer'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" />
background-image: url('http://img4.hostingpics.net/pics/81473gradient3.png');

et voilà Wink


EDIT : arf. ZE en même tempx (presque) ! ben voilà quand même...

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Mario a écrit:Merci, je vais essayer Wink

Voila c'est bon pour moi, il a quand même fallu que je fasse pas mal de modifs et d'essai pour obtenir ce que je voulais Smile

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Mario a écrit:il a quand même fallu que je fasse pas mal de modifs et d'essai pour obtenir ce que je voulais Smile
Eh bien encore heureux, sinon tout serait trop standart.
Tout est fait pour personnaliser ce genre de tutos. Wink

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Oui je me doute bien Wink

Juste une dernière chose, comment fait on pour modifier la couleur, du texte, du fond et du contour, stp ?

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Sorry je n'avais pas vu Mario.

Mario a écrit:comment fait on pour modifier la couleur, du texte, du fond et du contour, stp ?
la couleur du texte, voici un exemple dans le template viewtopic_body :
Code:
 <!-- BEGIN profile_field -->
  <font color="white">{postrow.displayed.profile_field.LABEL}</font> <font color="black">{postrow.displayed.profile_field.CONTENT}</font>{postrow.displayed.profile_field.SEPARATOR}
  <!-- END profile_field -->
les balises font color="white" sont pour les critères des champs, et le color="black" pour les réponses.

Pour le fond et le contour c'est dans le CSS :
/*Menu_Profil-------------------------------------------------*/
.profilpop { background-color: #FAFAFA; border: 1px solid #02374F;}
L'orange pour le fond et le vert pour le contour.

J'espère que c'est bien ce que tu voulais ?


EDIT : ZE avec les navigauteurs Opera, IE et Firefox tout fonctionne bien.
Il n'y a qu'avec le navigateur Google où le bouton ne se met pas sur "hide" mais montre bien le profil et le cache.

avatar
Mario
(Membre)
Voir le profil de l'utilisateur http://nocoment.forumperso.com/index.htm
Merci Final blond mais j'ai mal formulé ma question Embarassed

Ma question était pour changer les couleurs du bouton et non pas du profil.


Contenu sponsorisé

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 2]

Aller à la page : 1, 2  Suivant

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

 
  •  

Créer un forum | © PunBB | Forum gratuit d'entraide | Signaler un abus | Forumactif.com