Mettre les rangs en dessous de l'avatar

4 participants

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

Résolu Mettre les rangs en dessous de l'avatar

Message par achambost Dim 20 Jan 2013 - 15:42

Bonjour, je voudrais savoir si il existe une façon de mettre les rangs, sous l'avatar

ex: mettre kage sous l'image

Mettre les rangs en dessous de l'avatar Captur10


Dernière édition par achambost le Sam 26 Jan 2013 - 12:08, édité 1 fois
avatar

achambost
***

Messages : 142
Inscrit(e) le : 28/01/2012

http://fanamanga.forumdefan.com/
achambost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les rangs en dessous de l'avatar

Message par Matriochka Dim 20 Jan 2013 - 16:33

Bonjour,

Va dans Panneau d’administration > Affichage > Templates > Général, ouvre le template viewtopic_body et trouve cette ligne :
Code:
{postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}
Ce sont les deux variables qui génère tes rangs (la première fait apparaître le rang au format texte et la deuxième, celui au format image).

Déplace-les sous :
Code:
{postrow.displayed.POSTER_AVATAR}
Qui, elle, génère l’avatar, et le tour et joué.

N’oublie pas d’enregistrer puis publier ton template afin que la modification soit prise en compte.

PS : Tu devras peut-être mettre un saut de ligne entre chaque. Pour ça, utilise la balise <br />
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les rangs en dessous de l'avatar

Message par achambost Dim 20 Jan 2013 - 17:31

Merci mais je ne trouve pas ce code dans mon css


Code:
      .tout-profil{
          border: 1px solid #797C7E;
          background-color: #ffffff;
          padding: 5px;
        }
       
        .cadre-avatar{
          border:10px solid #797C7E;
          width:190px;
          height:310px;
          -moz-border-radius-topright: 10px;
          -moz-border-radius-bottomright: 10px;
          -moz-border-radius-bottomleft: 70px;
          -moz-border-radius-topleft: 10px;
          -webkit-border-top-right-radius: 10px;
          -webkit-border-bottom-right-radius: 10px;
          -webkit-border-bottom-left-radius: 70px;
          -webkit-border-top-left-radius: 10px;
        }
       
        .rang{
          border: 1px solid #797C7E;
          background-color: #ffffff;
          padding: 5px;
        }
       
        .champ{
          border: 1px solid #797C7E;
          background-color: #ffffff;
          padding: 5px;
        }        .postdetails img
        {
          -moz-border-radius-topright: 10px;
          -moz-border-radius-bottomright: 10px;
          -moz-border-radius-bottomleft: 70px;
          -moz-border-radius-topleft: 10px;
          -webkit-border-top-right-radius: 10px;
          -webkit-border-bottom-right-radius: 10px;
          -webkit-border-bottom-left-radius: 70px;
          -webkit-border-top-left-radius: 10px;
        }

                    a.forumlink {
        border-bottom:6px solid #000000;
        display:block;} 

        a.forumlink:hover {
        padding-left: 10px; /* Distance lors du déplacement */
        color: #couleur !important;
        text-decoration: none;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;  /* Temps de déplacement */
        -moz-transition: 2s; /* Temps de déplacement (pour une version en particulier */
        -o-transition: 2s; /* Temps de déplacement (pour une version en particulier */
        -htm-transition: 2s; /* Temps de déplacement (pour une version en particulier */
        -webkit-transition: 2s; /* Temps de déplacement (pour une version en particulier */
        }        color: #blanc !important;        a.mainmenu:hover {
        padding: 0px;
        }


a.forumlink:link, a.forumlink:visited {
text-transform : uppercase;
text-align: center;
text-shadow: 1px 1px 2px #888888;
font-size: 100%;
border-bottom: 5px solid #000000;
color: #000000;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
}









 
 
 
  {SITENAME_TITLE}{PAGE_TITLE}
 
 
 
  {META_FAVICO}
  {META}
 
  {T_HEAD_STYLESHEET}
  {CSS}
 
 
 
 
 
 
 
 
  //
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
     
     
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
     
     
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
     
  });

 
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
 
  //]]>
 

  {GREETING_POPUP}
 
 
  #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://i32.servimg.com/u/f32/13/82/15/09/73584010.jpg') repeat-x left -15px;
      color: #fff;
  }
  * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://i32.servimg.com/u/f32/13/82/15/09/73584010.jpg') repeat-x left -15px;
  }
  * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
  #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
  }
  #hitskin_preview h1 img {
      vertical-align: middle;
  }
  #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
  }
  #hitskin_preview a {
  color: #fff;
  }
  #hitskin_preview a:hover {
  text-decoration: underline;
  }

  #hitskin_preview .content {
      text-align: right;
  }
  #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
  }
  #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
  }
  body {
      margin-top: 40px !important;
  }
  {hitskin_preview.HITSKIN_RTL_CSS}
 
 
        {HOSTING_JS}


 
 
      Hitskin.com
     
       
            {hitskin_preview.L_THEME_SITE_PREVIEW}
           
            {hitskin_preview.U_INSTALL_THEME}{hitskin_preview.L_RETURN_THEME}
       
     
 
 

 
 
     
       
           
              {SITENAME}
           
       
       
           
             
                 
                   
                   
                   
                 
             
              {LOGIN_POPUP_MSG}
           
       
     
 
 

 
           
             
                  {GENERATED_NAV_BAR}
             
           
                               
           
             
                 
                 
                 
                    {MAIN_SITENAME}
                   
                    {SITE_DESCRIPTION} 
                 
                 

                 
                 
                   
                    {MAIN_SITENAME}
                   
                    {SITE_DESCRIPTION}
                 
                 

                 
                 
                    {MAIN_SITENAME}
                   
                    {SITE_DESCRIPTION} 
                 
                 
                   
                 
                 
             
           
                               
  {JAVASCRIPT}
 
     
       
           

           
           
             
                 
                   
                       
                         
                             
                               
                                {switch_ticker.ticker_row.ELEMENT}
                               
                             
                         
                       
                   
                 
             
           
           

           
             
                 
                   
                       
                         
                             
                               
                                {giefmod_index1.MODVAR}
                                   
                                   
                                   
                               
                             
                         
                         

                         
                       
                   
































 
 
 
  {SITENAME_TITLE}{PAGE_TITLE}
 
 
 
  {META_FAVICO}
  {META}
 
  {T_HEAD_STYLESHEET}
  {CSS}
 
 
 
 
 
 
 
 
  //
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
     
     
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
     
     
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
     
  });

 
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
 
  //]]>
 

  {GREETING_POPUP}
 
 
  #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://i32.servimg.com/u/f32/13/82/15/09/73584010.jpg') repeat-x left -15px;
      color: #fff;
  }
  * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://i32.servimg.com/u/f32/13/82/15/09/73584010.jpg') repeat-x left -15px;
  }
  * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
  #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
  }
  #hitskin_preview h1 img {
      vertical-align: middle;
  }
  #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
  }
  #hitskin_preview a {
  color: #fff;
  }
  #hitskin_preview a:hover {
  text-decoration: underline;
  }

  #hitskin_preview .content {
      text-align: right;
  }
  #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
  }
  #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
  }
  body {
      margin-top: 40px !important;
  }
  {hitskin_preview.HITSKIN_RTL_CSS}
 
 
        {HOSTING_JS}


 
 
      Hitskin.com
     
       
            {hitskin_preview.L_THEME_SITE_PREVIEW}
           
            {hitskin_preview.U_INSTALL_THEME}{hitskin_preview.L_RETURN_THEME}
 
                         
                       
                   
                 
             
           
       
     
          body.chatbox { margin-top: 0!important }


Dernière édition par achambost le Dim 20 Jan 2013 - 17:35, édité 1 fois
avatar

achambost
***

Messages : 142
Inscrit(e) le : 28/01/2012

http://fanamanga.forumdefan.com/
achambost a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les rangs en dessous de l'avatar

Message par Matriochka Dim 20 Jan 2013 - 17:33

Mais de rien Wink Si le problème est résolu, n’oublie pas de le noter dans ton sujet en cochant l’icône résolu
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les rangs en dessous de l'avatar

Message par Dragon12901 Dim 20 Jan 2013 - 23:59

Bonsoir ba tous simplement parce que Matriochka ne ta pas dit d'aller dans ton CSS Smile


Matriochka a écrit:Va dans Panneau d’administration > Affichage > Templates > Général, ouvre le template viewtopic_body et trouve cette ligne :
Dragon12901

Dragon12901
****

Masculin
Messages : 216
Inscrit(e) le : 13/04/2009

http://motard1j.fr1.co/
Dragon12901 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les rangs en dessous de l'avatar

Message par Anzu Sam 26 Jan 2013 - 10:29

Mettre les rangs en dessous de l'avatar Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Mettre les rangs en dessous de l'avatar Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Mettre les rangs en dessous de l'avatar 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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