Avatar du profil décalé sur Chrome

2 participants

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

Résolu Avatar du profil décalé sur Chrome

Message par Ishtar Mar 9 Déc 2014 - 7:35

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 8 décembre 2014
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Hello!

J'ai un léger soucis de décalage de l'avatar sous Chrome alors que sous Firefox, le problème n'est pas apparent. J'ai supprimé tout le CSS qui est rattaché au profil et j'ai vu lequel semblait poser problème à la base, mais comme c'est un CSS que j'ai pris d'un tuto, je ne sais pas trop comment régler le problème. Sachant que je n'y ai pas retouché depuis longtemps et qu'il n'y avait pas ce problème avant, je ne sais pas trop comment régler le soucis.

Voici la partie du template touchant le profil:
Code:
  <!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
         

 
 
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
  <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
 
 
 
 
<!-- DIV QUI SERT A OUVRIR LE FOND DU PROFIL -->
<div class="fondavatar">
 
 
 
 
<!-- DÉBUT RANG AU-DESSUS DE L'AVATAR -->
 
<center>
<div class="rank">{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}
</div>
</center>

<!-- FIN RANG AU-DESSUS DE L'AVATAR -->
 
 
 
 
<br />
 
 
 
 
<!-- DÉBUT BOUTON ONLINE À CÔTÉ DE L'AVATAR -->

<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>

<!-- FIN BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
 
 
 
 
<!-- DÉBUT ICONES DE CONTACT À CÔTÉ DE L'AVATAR / GARDER LA DIV DANS LE CODE POUR AVOIR ICONES UN AU-DESSUS DE L'AUTRE -->

<div class="icones_profil">
{postrow.displayed.PROFILE_IMG} <br />{postrow.displayed.PM_IMG}
 
<div style="display:block;width:32px;">
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</div></div>

<!-- FIN ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->
 
 
 
 
<!-- DÉBUT INFO DERRIERE L'AVATAR -->
 
<div id="englob">
<div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infosp">

<span class="postdetails poster-profile">
<!-- 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>
</div>
</div>
 
<!-- FIN INFO DERRIERE L'AVATAR -->
 
 
 
 
<br />
 
 
 
 
<!-- DÉBUT PSEUDO SOUS L'AVATAR -->
 
<center>
<span class="name">{postrow.displayed.POSTER_NAME}</span>
</center>
 
<!-- FIN PSEUDO SOUS L'AVATAR -->
 
 
 
 
<br />
 
 
 
 
<!-- DIV QUI SERT A FERMER LE FOND DU PROFIL -->
</div>
 
 
 
 
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
         
         
       
         
         
                                        <!-- FIN MODIFICATIONS DU PROFIL DANS LES SUJETS -->

Et le CSS concerné:
Code:
 /* FOND DERRIÈRE L'AVATAR + LE PSEUDO + CHAMPS DE CONTACT DANS LE PROFIL * SUJETS */
.fondavatar {
padding: 8px;
border: 1px solid #312033;
background-color: #110912 !important;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
background-image: url(LIEN)!important;
z-index: 0;}


/* AFFICHAGE DU PSEUDO DANS LE PROFIL - TOPICS */
.name {
font-family: 'Aguafina Script', cursive;
font-weight: normal !important;
font-style: none;
font-size: 24pt !important;
text-align: center !important;
letter-spacing: 4px; !important;
text-decoration: none !important;
text-transform: lowercase !important;
line-height: 25px;
margin-top: 50px !important;
padding-bottom: 50px !important;
text-shadow: 2px 2px 1px #000000;}


/* FORCER LES GIFS/PHOTOS DU PROFIL À 200PX */
.postdetails.poster-profile img {
max-width: 190px;
font-size: 10px !important;}


/* ICONES DE CONTACT */
.icones_profil {
position: absolute;
margin-left: -48px !important;  /* plus la valeur est élevée, plus l'icone tasse vers la gauche */
margin-top: 55px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 98 !important;}


/* AFFICHAGE DE L'ICONE "EN LIGNE" */
.icon_online {
position: absolute;
margin-left: -75px !important;
margin-top: -45px;
z-index: 2 !important;}



/* INFORMATIONS (NOMBRES MESSAGES, CRÉDITS, INSCRIPTION) DERRIÈRE L'AVATAR */
/* Code par Hiro pour CSSACTIF - Merci de ne pas supprimer cette mention - (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
position: relative;
width: 200px;
height: 320px;
border: 0px solid red; /* La vilaine bordure rouge */
overflow: hidden; /* Permet de cacher ce qui dépasse */}


.imgp {
background-color: #0E070F; /* le bg  de la div qui contient l'avatar */
position: absolute; /* Laissez comme ceci */
top: 0;/* Laissez comme ceci */
left: 0;/* Laissez comme ceci */
width: 100%;/* Laissez comme ceci */
height: 100%;/* Laissez comme ceci */
z-index: 1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition: all 1.5s;/* Laissez comme ceci */
-moz-transition: all 1.5s;/* Laissez comme ceci */
-o-transition: all 1.5s;/* Laissez comme ceci */
-ms-transition: all 1.5s;/* Laissez comme ceci */
transition: all 1.5s;/* Laissez comme ceci */}


#englob:hover > .imgp {
margin-left: 200px; /* Lorsque la souris passe sur la div #englob, l'avatar glisse vers la droite de 200px */}


.infosp {
background-color: #0E070F; /* le bg  de la div qui contient les infos*/
border: 2px solid #312033;
position: absolute;/* Laissez comme ceci */
top: 0;/* Laissez comme ceci */
left: 0;/* Laissez comme ceci */
width: 210px;/* Laissez comme ceci */
height: 100&;/* Laissez comme ceci */
overflow: -moz-scrollbars-vertical;
-ms-overflow-y: scroll;
overflow-y: scroll;
overflow: auto;
z-index: 0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
opacity: 0;/* on met l'opacité à zero pour un effet stylé ;) */
padding: 5px;}


#englob:hover > .infosp {
opacity: 1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
margin-left: 0px;/* et on décale cette div à 0px (position par défaut) */}


/* mettre un overflow au profil derrière l'avatar */
div.infosp {
overflow: auto;
height: 310px;
width: 205px;}

Et pour finir, voici la partie du CSS qui semble me poser problème:
Code:
#englob { /* Encadrement global des 2 divs */
position: relative;
width: 200px;
height: 320px;
border: 0px solid red; /* La vilaine bordure rouge */
overflow: hidden; /* Permet de cacher ce qui dépasse */}

Merci d'avance! ^^


Dernière édition par Ishtar le Mar 16 Déc 2014 - 1:37, édité 1 fois
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du profil décalé sur Chrome

Message par Ishtar Ven 12 Déc 2014 - 2:16

Hello!

Quelqu'un a une petite idée de comment je pourrais régler ce problème? J'ajoute que ma co-admin utilise également Chrome et que jusqu'ici, elle n'a pas du tout ce souci... et que mon que mon navigateur est bel et bien à jour (je viens de revérifier, des fois que...!). Interrog

Merci!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Avatar du profil décalé sur Chrome

Message par [Nihil] Ven 12 Déc 2014 - 22:45

Je poste pour avoir accès au lien Wink

Voici ce que j'ai sur Chrome o:
Avatar du profil décalé sur Chrome I2jojhM
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

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

Résolu Re: Avatar du profil décalé sur Chrome

Message par Ishtar Sam 13 Déc 2014 - 20:47

Hello!

Tout d'abord, merci de t'être penché sur mon souci. ^^ Sinon, c'est officiel, je ne comprends plus rien. Parce que je le vois toujours décalé et que j'ai repris ce codage-là d'un ancien forum à moi et là-bas, il s'affiche correctement. Si j'avais le même problème sur l'autre forum, je saurais que c'est de mon côté qu'il y a un problème, mais là... scratch

Est-ce que quelqu'un a une idée de quoi ça peut dépendre? Parce que honnêtement, là je suis un peu perdue! ^^

Merci!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du profil décalé sur Chrome

Message par [Nihil] Sam 13 Déc 2014 - 21:10

Quand tu regardes un profil en étant déconnecté du forum, y a-t-il toujours le décalage ?
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

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

Résolu Re: Avatar du profil décalé sur Chrome

Message par Ishtar Sam 13 Déc 2014 - 22:06

Je n'avais pas pensé à le vérifier en étant déconnectée. Donc je confirme, déconnectée le profil m'apparaît correctement. Interrog
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du profil décalé sur Chrome

Message par Invité Dim 14 Déc 2014 - 6:57

Salut Ishtar ,
c'est pénible de devoir répondre pour voir le lien du fofo concerné
pour venir filer un coup de main Crying or Very sad .

Je reviens ensuite avec un Edit.

Tu peux donner le template complet stp Wink .

Ensuite je vois que dans ta CSS tu as une position absolute ici:
Code:

.icones_profil
margin-left: -48px !important;


Puis ici:
Code:

.icon_online
margin-left: -75px !important;

Il faut peut être voir de ce côté en priorité Wink

Sous Firefox, le profil est décalé en invité Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: Avatar du profil décalé sur Chrome

Message par Ishtar Dim 14 Déc 2014 - 7:56

Salut Milouze!

Ouep, je comprends que c'est embêtant et j'en suis désolée, mais c'est un forum en construction et c'est une décision que je n'ai pas prise toute seule. Vraiment désolée pour la gêne occasionnée! ^^

Pour le truc de position absolute, j'ai fait une petite recherche et j'ai vu des mentions de "fixed", "relative", et autres trucs dont je ne me souviens pas. J'ai essayé avec le "fixed" et bien que ça règle le problème du profil décalé, ça me fait disparaître les fameux boutons de contact. Et ça, c'est le cas que je sois connectée ou non, autant sur Chrome que sur Firefox. Ça dépasse un peu mon champs de compétences! ^^

Voici donc le template en entier, comme demandé:
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
      }
  });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            &nbsp;|&nbsp;.
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint">&nbsp;</td>
              <td align="center" class="t-title">
                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
   
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
     
   
         
         
         
         
         
         
   
 
 
         
         
         
         
         
         
         
                                        <!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
         

 
 
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
  <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
 
 
 
 
<!-- DIV QUI SERT A OUVRIR LE FOND DU PROFIL -->
<div class="fondavatar">
 
 
 
 
<!-- DÉBUT RANG AU-DESSUS DE L'AVATAR -->
 
<center>
<div class="rank">{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}
</div>
</center>

<!-- FIN RANG AU-DESSUS DE L'AVATAR -->
 
 
 
 
<br />
 
 
 
 
<!-- DÉBUT BOUTON ONLINE À CÔTÉ DE L'AVATAR -->

<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>

<!-- FIN BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
 
 
 
 
<!-- DÉBUT ICONES DE CONTACT À CÔTÉ DE L'AVATAR / GARDER LA DIV DANS LE CODE POUR AVOIR ICONES UN AU-DESSUS DE L'AUTRE -->

<div class="icones_profil">
{postrow.displayed.PROFILE_IMG} <br />{postrow.displayed.PM_IMG}
 
<div style="display:block;width:32px;">
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</div></div>

<!-- FIN ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->
 
 
 
 
<!-- DÉBUT INFO DERRIERE L'AVATAR -->
 
<div id="englob">
<div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infosp">

<span class="postdetails poster-profile">
<!-- 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>
</div>
</div>
 
<!-- FIN INFO DERRIERE L'AVATAR -->
 
 
 
 
<br />
 
 
 
 
<!-- DÉBUT PSEUDO SOUS L'AVATAR -->
 
<center>
<span class="name">{postrow.displayed.POSTER_NAME}</span>
</center>
 
<!-- FIN PSEUDO SOUS L'AVATAR -->
 
 
 
 
<br />
 
 
 
 
<!-- DIV QUI SERT A FERMER LE FOND DU PROFIL -->
</div>
 
 
 
 
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
         
         
       
         
         
                                        <!-- FIN MODIFICATIONS DU PROFIL DANS LES SUJETS -->
         
         
         
         
         
         
         
       
       
       
       
       
         
         
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
             
             
             
             
             
  <!-- DÉBUT MODIFICATION FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) -->             
             
            <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />(<a href="#{postrow.displayed.U_POST_ID}">#</a>) {L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
             
  <!-- FIN FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) --> 
             
             
             
             
             
             
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                    <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
       
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
 
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
       
       
       
       
       
       
       
       
       
  <!-- Début Modification pour Réponse Rapide en Spoiler -->
           
    <!-- BEGIN switch_user_logged_in -->
        <div class="boutonSlide">Réponse Rapide</div>
        <div class="#panneauCoulissant">
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}
        </div>
        <!-- END switch_user_logged_in -->
           
  <!-- Fin Modification pour Réponse Rapide en Spoiler -->
                 
                 
                 
                 
                 
                 
                 
                 
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                                         
                                         
                                         
                                         
                                         
                                         
                                         
  <!-- CHEMIN DE NAVIGATION DANS LE BAS DU FORUM / CENTRÉ POUR LE MOMENT -->
    <br>                                   
<td valign="middle" width="100%"><center><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></center><br></td>
                   
                                         
                                         
                                         
                                         
                                         
                                          <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Merci encore! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du profil décalé sur Chrome

Message par Invité Dim 14 Déc 2014 - 8:05

Re,

ok je comprend mais ..... lol
Bon les boutons de contacts doivent être cachés ?
Et au survol du profil il doivent être visibles?
Ou ces derniers doivent être positionnés sur le profil même?
Une capture avec ton souhait serait bienvenue chère amie Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: Avatar du profil décalé sur Chrome

Message par Ishtar Dim 14 Déc 2014 - 8:18

En fait, idéalement, les boutons devraient être toujours apparents sur la gauche de l'avatar, comme sur la capture que je mets sous spoiler (capture du forum où j'ai totalement le même profil, même template, même css hormis les couleurs et qui pourtant fonctionne, j'y comprends plus rien! ^^). Dans le pire des cas, on pourrait les faire apparaître seulement au survol, mais ça ne serait pas pratique je crois (sans compter que je penses que les gens seraient moins portés à penser à survoler le profil pour voir les boutons de contact).

Spoiler:

A bientôt!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du profil décalé sur Chrome

Message par Invité Dim 14 Déc 2014 - 8:38

Re,
merci pour ces explication, je regarde tout çà Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: Avatar du profil décalé sur Chrome

Message par Invité Dim 14 Déc 2014 - 9:03

Re,

Dans la css modifies comme ceci:
Code:

/* ICONES DE CONTACT */
.icones_profil
{
position: absolute;
margin-left: -80px; 
margin-top: 55px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 98 !important;
width:200px;
 
}
 /* AFFICHAGE DE L'ICONE "EN LIGNE" */
.icon_online
{
    margin-left: -90px;
    margin-top: -45px;
    position: absolute;     
}




Puis le template:
Code:

    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
      _atc.cwait = 0;
      $('.addthis_button').mouseup(function(){
          if ($('#at15s').css('display') == 'block') {
            addthis_close();
          }
      });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
         
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
            {
                if( $(this).is(":visible") )
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
            });
            }
        }
        catch(e) { }
     
      return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </span>
          </td>
          <td align="left" valign="middle" nowrap="nowrap">
            <!-- BEGIN switch_twitter_btn -->
            <span id="twitter_btn" style="margin-left: 6px; ">
            <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
            <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
            </span>
            <!-- END switch_twitter_btn -->
            <!-- BEGIN switch_fb_likebtn -->
            <span id="fb_likebtn" style="margin-left: 6px; ">
                <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
            </span>
            <!-- END switch_fb_likebtn -->
          </td>
          <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
            <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                &nbsp;|&nbsp;.
                <script type="text/javascript">//<![CDATA[
                  var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                  var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                  var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                  var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                  var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                  var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                  insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
            </span>
          </td>
      </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
      <tr align="right">
          <td class="catHead" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint">&nbsp;</td>
                  <td align="center" class="t-title">
                      <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
                  </td>
                  <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN topicpagination -->
      <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
      </tr>
      <!-- END topicpagination -->
      {POLL_DISPLAY}
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- BEGIN displayed -->
     
      <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
       
     
           
           
           
           
           
           
     
   
   
           
           
           
           
           
           
           
                                            <!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
           

   
   
    <!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
   
   
   
   
    <!-- DIV QUI SERT A OUVRIR LE FOND DU PROFIL -->
    <div class="fondavatar">
   
   
   
   
    <!-- DÉBUT RANG AU-DESSUS DE L'AVATAR -->
   
    <center>
    <div class="rank">{postrow.displayed.POSTER_RANK}<br />
    {postrow.displayed.RANK_IMAGE}
    </div>
    </center>

    <!-- FIN RANG AU-DESSUS DE L'AVATAR -->
   
   
   
   
    <br />
   
   
   
 
    <!-- DÉBUT BOUTON ONLINE À CÔTÉ DE L'AVATAR -->

    <div class="icon_online">{postrow.displayed.ONLINE_IMG}</div>

    <!-- FIN BOUTON ONLINE À CÔTÉ DE L'AVATAR -->


    <!-- DÉBUT ICONES DE CONTACT À CÔTÉ DE L'AVATAR / GARDER LA DIV DANS LE CODE POUR AVOIR ICONES UN AU-DESSUS DE L'AUTRE -->

    <div class="icones_profil">
      {postrow.displayed.PROFILE_IMG} <br />{postrow.displayed.PM_IMG} <br />
      <!-- BEGIN contact_field -->
    {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field -->
    </div>
   

    <!-- FIN ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->
   
   
   
   
    <!-- DÉBUT INFO DERRIERE L'AVATAR -->
   
    <div id="englob">
    <div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
    <div class="infosp">

    <span class="postdetails poster-profile">
    <!-- 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>
    </div>
    </div>
   
    <!-- FIN INFO DERRIERE L'AVATAR -->
   
   
   
   
    <br />
   
   
   
   
    <!-- DÉBUT PSEUDO SOUS L'AVATAR -->
   
    <center>
    <span class="name">{postrow.displayed.POSTER_NAME}</span>
    </center>
   
    <!-- FIN PSEUDO SOUS L'AVATAR -->
   
   
   
   
    <br />
   
   
   
   
    <!-- DIV QUI SERT A FERMER LE FOND DU PROFIL -->
    </div>
   
   
   
   
    <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
    </td>
           
           
         
           
           
                                            <!-- FIN MODIFICATIONS DU PROFIL DANS LES SUJETS -->
           
           
           
           
           
           
           
         
         
         
         
         
           
           
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
               
               
               
               
               
      <!-- DÉBUT MODIFICATION FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) -->           
               
                <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />(<a href="#{postrow.displayed.U_POST_ID}">#</a>) {L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               
      <!-- FIN FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) -->
               
               
               
               
               
               
                  <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                            <!-- END switch_vote_plus -->

                            <!-- BEGIN switch_vote_minus -->
                            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                            <!-- END switch_vote_minus -->
                        </div>
                        <!-- END switch_bar -->

                        <!-- BEGIN switch_no_bar -->
                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                        <!-- END switch_no_bar -->

                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->

                      <div class="postbody">

                        <div>{postrow.displayed.MESSAGE}</div>

                        <!-- BEGIN switch_attachments -->
                        <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                  <dt>
                                    <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                  </dt>

                                  <!-- BEGIN switch_no_comment -->
                                  <dd>
                                    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->

                                  <!-- BEGIN switch_no_dl_att -->
                                  <dd>
                                    <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                  </dd>
                                  <!-- END switch_no_dl_att -->

                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                            </dd>
                        </dl>
                        <!-- END switch_attachments -->

                        <div class="clear"></div>
                        <!-- BEGIN switch_signature -->
                        <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>
                        <!-- END switch_signature -->

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         
          </td>
      </tr>
      <!-- BEGIN first_post_br -->
    </table>
    <br />
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- END first_post_br -->
      <!-- END displayed -->
      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <tr align="center">
          <td class="row1" colspan="3" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
      </tr>
      <!-- END no_post -->
      <tr align="right">
          <td class="catBottom" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
      <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
      </tr>
   
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
      <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <td class="row2 postbody" valign="top">
            <!-- BEGIN link -->
            » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
            <!-- END link -->
          </td>
      </tr>
    </table>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
      <tbody>
          <tr>
            <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                        <td valign="top">
                            <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                        </td>
                      </tr>
                  </tbody>
                </table>
            </td>
          </tr>
          <tr>
            <td class="row1 clearfix">
                <table>
                  <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                        <img src="{RULE_IMG_URL}" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                        {RULE_MSG}
                      </td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td class="row2" colspan="2" align="center" style="padding:0px">
         
         
         
         
         
         
         
         
         
      <!-- Début Modification pour Réponse Rapide en Spoiler -->
             
        <!-- BEGIN switch_user_logged_in -->
            <div class="boutonSlide">Réponse Rapide</div>
            <div class="#panneauCoulissant">
                <a name="quickreply"></a>
                {QUICK_REPLY_FORM}
            </div>
            <!-- END switch_user_logged_in -->
             
      <!-- Fin Modification pour Réponse Rapide en Spoiler -->
                   
                   
                   
                   
                   
                   
                   
                   
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
            <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
            <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                                           
                                           
                                           
                                           
                                           
                                           
                                           
      <!-- CHEMIN DE NAVIGATION DANS LE BAS DU FORUM / CENTRÉ POUR LE MOMENT -->
        <br>                                 
    <td valign="middle" width="100%"><center><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></center><br></td>
                     
                                           
                                           
                                           
                                           
                                           
                                              <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
            <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
            </span>
          </td>

          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->

          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="gensmall">&nbsp;</span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>




Je reviens plus tard Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: Avatar du profil décalé sur Chrome

Message par Ishtar Dim 14 Déc 2014 - 21:54

Hello!

J'ai apporté les modifications suggérées et les icones sont revenus à leur place. Cependant, sur Chrome l'avatar est toujours décalé ainsi que les informations qui doivent se cacher dessous. Par-contre, déconnecté tout semble normal. Du côté de Firerox, tout est à sa place, autant connecté que déconnecté, donc de ce côté-là ça me semble réglé.

Mais juste histoire de comprendre, qu'est-ce que tu as fais exactement? Parce que je vois que le "absolute" est toujours là et comme il semblait que le souci venait de là...

A bientôt!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du profil décalé sur Chrome

Message par Invité Lun 15 Déc 2014 - 5:45

Salut Ishtar,
j'ai attribué une largeur de 200px afin d être concret dans le placement des
icônes.

Par contre sous Chrome et Firefox je n'ai aucun soucis Wink .

Il faut vider ton cache Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: Avatar du profil décalé sur Chrome

Message par Ishtar Mar 16 Déc 2014 - 1:37

Hello!

Vider les caches, je l'avais tenté sans succès et étrangement, je viens de le faire et c'est réglé. Je renonce à comprendre!

Encore une fois, merci pour ton coup de pouce! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar 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