Mettre les rangs en dessous de l'avatar

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 le 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



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

achambost
***

Messages : 141
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 le 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 />

Matriochka
+ Hyperactif +

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 le 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

achambost
***

Messages : 141
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 le 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

Matriochka
+ Hyperactif +

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 le 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
****

Masculin
Messages : 202
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 le Sam 26 Jan 2013 - 10:29

Bonjour,

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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

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

http://forum.forumactif.com/forum
Anzu 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