AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Masquer les profils des membres

    Partagez
    avatar
    Tina
    FémininAge : 32Messages : 64

    le Jeu 13 Mai 2010 - 19:53

    Rappel du premier message :

      Vous trouvez que les profils de vos membres sont trop longs ? Alors je vous propose de les masquer mais pour pouvoir faire ceci, il faut être le fondateur du forum car vous aurez besoin d'accéder aux "Tremplates" et le forum doit être un forum-actif de version "Phpbb 2"

      1. Placez ceci en CSS :
      Code:
      .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
      {background-color: #couleur;
      border: 1px solid #couleur;
      font-size: 12px;
      letter-spacing: 1px;}

      .profil1/*ceci s'appliquera au bouton*/
      {width: 200px;
      background-color: #couleur;
      border: none;
      font-size: 12px;
      letter-spacing: 1px;
      font-weight: bold;}

      2. Accédez au PA >> "Affichage" >> "Tremplates" clique sur "Général" puis sur "viewtopic_body" et cherchez ceci (je vous conseille d'utiliser le "ctrl" + "f" pour une recherche rapide ^^) :
      Code:
      <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><br />
              <img src="http://illiweb.com/fa/vide.gif" alt="" style="width:150px;height:1px" />
            </td>

      3. Remplacez toute cette partie par ceci :
      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><br />
                  <span class="postdetails poster-profile">
                  {postrow.displayed.POSTER_RANK}<br />
                  <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
       <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><br />
       
      </div>
      <div id=""></div><br />
              <img src="http://illiweb.com/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
            </td>

      4. Enregistrez le tremplate modifié puis publiez-le pour appliquer l'effet.

      NB : Pour personnaliser l'apparence du profil masqué, il faut bidouiller les codes en CSS. On peut arrondir les coins en ajoutant un "-moz-border-radius" par exemple ^^

      Si vous souhaitez avoir un aperçu de ce que ceci peut donner, je vous invite à jeter un œil ici (je peux pas faire un screen sur mon pc >.<)




      Soi Fong & Aizen Sosuke fan :3
    avatar
    .Hunter
    FémininAge : 19Messages : 1036

    le Dim 19 Mai 2013 - 17:49

    Coucou, quelque correction de ton tutoriel.

    Code:
    .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
    {
    background-color: #850c0c;
    border: 1px solid #191919;
    font-size: 12px;
    letter-spacing: 1px;
    }

    .profil1/*ceci s'appliquera au bouton*/
    {
    width: 200px;
    background-color: #850c0c;
    border: none;
      font-size: 12px;
     }

    C'est tout, et sa serait cool de penser à ceux qui ont déjà touché à cette template.. Mais bon, merci encore pour le partage! :)



    avatar
    HeleneM
    FémininAge : 23Messages : 189

    le Lun 20 Mai 2013 - 13:07

    merci bien =)



    "La normalité n'existe pas, la différence est la voie de la raison"

    Mais j'hésite avec
    avatar
    Nathouille
    FémininAge : 25Messages : 67

    le Ven 1 Nov 2013 - 14:10

    Merci pour ce tuto, c'est pile ce que je recherche depuis des semaines *.*

    (Et merci pour la correction, c'est ce que je cherchais aussi :p)
    avatar
    Adèle
    FémininAge : 25Messages : 96

    le Dim 5 Jan 2014 - 15:48

    Sobre et pratique, merci ♥
    avatar
    Doo
    FémininAge : 25Messages : 42

    le Jeu 7 Jan 2016 - 0:13

    merci beaucoup!
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar 2017 - 7:19