Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 32Message(s) : 58
    Tina
    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
    FémininAge : 19Message(s) : 1036
    .Hunter
    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! :)


    FémininAge : 23Message(s) : 189

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    HeleneM
    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
    FémininAge : 25Message(s) : 65
    Nathouille
    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)
    FémininAge : 25Message(s) : 96
    Adèle
    le Dim 5 Jan 2014 - 15:48
    Sobre et pratique, merci ♥
    FémininAge : 25Message(s) : 41
    Doo
    le Jeu 7 Jan 2016 - 0:13
    merci beaucoup!
    Contenu sponsorisé
    Aujourd'hui à 7:06

      La date/heure actuelle est Dim 4 Déc 2016 - 7:06