*RESOLU* Correction profil avatar coulissant

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

Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Bonjour et d'avance merci beaucoup pour l'aide apportée fr4

Alors voilà actuellement mes profils ressemblent à ceci :


Et comme l'indique la flèche j'ai essayé par moi-même de placer les infos derrière l'avatar et d'appliquer cette astuce de R_MAX (que je remercie encore grandement au passage) dessus :

Seulement j'ai du m'emmêler les pinceaux avec mes codes :

Alors ici vous voyez la capture avec le slide levé seulement vous voyez que mon rang apparaît sur le bloc des infos j'ai donc voulu lever le bloc plus haut pour le rapprocher du pseudo seulement quand je le monte cela fait monter également les infos et donc les scrollbars aussi => 


et aussi concernant ces scrollbars j'aurais souhaité ne pas avoir de scrollbar horizontale donc forcer les infos à rester dans la largeur du cadre prédéfinie et ne garder QUE la scrollbar verticale qui apparaît automatiquement en cas d'infos trop longues…

À noter que j'ai bien essayer d'agrandir les dimensions de l'image pour ne plus que la scrollbar horizontale n'apparaisse mais là autre problème quand le slide se lève il reste un morceau d'image apparent en haut =>

Voici mes codes testés sur mon fofo test 

Encore un grand merci fr4


Dernière édition par Ombi le Ven 11 Aoû 2017 - 21:52, édité 2 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Ombeline,

hum tu as beaucoup modifié ce template et l'ajout de tableau dans cette partie n'est pas très judicieux concernant cette version (phpbb2) .
Bref,j'ai quelque peu modifié ce dernier afin d'ajouter une balise de fermeture manquant sur une cellule et aussi une div qui va regrouper les information de chaque option de profil.
Ensuite le scroll vient du fait que tout est centré et aussi sur la feuille de personnage ayant le même Id que le reste, la variable à donc était ajouté dans le premier Ida fin de ne plus avoir cet effet.

Ton template modifié:
Code:
    <script type="text/javascript">
    $(document).ready(function(){if (_userdata["user_posts"]== 1)
    $(function(){
    $('.profil_mess').remove();
    })});
                        </script>

    <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(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
       
        _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>

    <link href='https://fonts.googleapis.com/css?family=Amaranth|Titillium+Web|Yanone+Kaffeesatz|Roboto' rel='stylesheet' type='text/css' />

    <table class="affichagesujet" style="border-radius:10px;" width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr>
                <td colspan="3">
                        <h1 class="sujettitre">
                          <div style="font-family: 'Berkshire Swash', cursive;">{TOPIC_TITLE}</div>
              <div style="position:relative; top:10px;"><span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                          <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                          <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                            {NAV_CAT_DESC_SECOND}
                        </span></div>
                        </h1>
          </td>
      </tr>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td align="left" valign="middle">
            <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> 
            <!-- 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> 
              </tr>
    <tr>
          <td class="nav" valign="middle" width="100%">
          </td>
      </tr>
    </table>

    <table class="M14_Post_separat" align="center" width="100%" cellspacing="0"><tr><td>

    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
    <tr class="post">
    <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>
    <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 -->
    </td>
    <!--  Modification_Taktiik_NeverUtopia -->
    <td colspan="2">
                 
    <div class="profil" style="min-height:400px;">
      <table width="100%" align="center">
    <span class="postdetails">
      <div class="ssoptions" style="position: relative; top: 48px; left: 10px;">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}</div> <div class="optionsmodo" style="position: relative; left: 750px; top:10px;">{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}</div>
    </span>
          <tr>
            <td align="center" colspan="2" style="text-align: center;" width="100%">
    <div class="infoss"><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" />{TOPIC_TITLE}

    <img src="{postrow.displayed.MINI_TIME_IMG}" alt="{postrow.displayed.L_MINI_TIME_ALT}" title="{postrow.displayed.L_MINI_TIME_ALT}" border="0" />{postrow.displayed.POST_DATE}
    </span>
                            </div>
              </td>
            </tr>
        <tr>
    <td align="center" width="30%">
      <div class="boitegauche"><br/>
      <table class="tableau_profil" cellpadding="0" cellspacing="0">
                        <tr>
                      <td class="haut_tab"> </td>
                    </tr>
                    <tr>
    <!-- debut slide -->
                      <td class="profil_contour"> <center>
                      <br /><br />
                      <div class="pseudo_profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></div>
                      <br /><br/>
          <div id="slide_avatar"><div>
                      <div style="position: relative; overflow: auto;"><div id="profil_mess">
                        <br />
                        <!-- BEGIN profile_field --> 
<div class="M14_label"> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} {postrow.displayed.POSTER_RPG}</div>
                        <!-- END profile_field -->
                      </div>
</div>     
              <span id="postdetails poster-profile">{postrow.displayed.POSTER_AVATAR}</span></div>
              </div>
                        <div class="profil_contour"><br />
                <span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span></div>
              {postrow.displayed.RANK_IMAGE}
                              <br />
                        </center>
                      </td>
                    </tr>
                    <tr>
                      <td class="bas_tab"> </td>
                    </tr>
                </table>           
            <!-- fin slide -->
    <br />
   
                      <td align="left" width="70%"><div class="message"><span class="post">
                        {postrow.displayed.MESSAGE}</span></div>
        </td>
       
    <tr>
      <td colspan="2" align="center" width="80%" >
    <div class="signature">
      <div>{postrow.displayed.SIGNATURE}</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>
    </td>
    </tr>
      </table>
    <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
    </div>
      </td>
    <!-- Modification_Taktiik_NeverUtopia -->
    </tr>
      </td>
    </tr>
    </table>
      </div>
    <!-- BEGIN first_post_br -->
      </td></tr></table>


    <table align="center" 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 -->
    <!-- BEGIN hidden -->
    <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- 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 -->
    </table>

    <table align="center" class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
    <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
      </tr>
     
      <!-- BEGIN promot_trafic -->
    <table align="center" 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 align="center" 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>

    <!-- END link -->
    </td>
    </tr>
    </table>
    <!-- END promot_trafic -->
     
      <tr><td class="row1" colspan="2" align="left" valign="middle" nowrap="nowrap">
           
                <!-- 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> 
                <!-- 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 -->
        <div style="float:right; margin-top:20px;"><span class="gensmall">{S_WATCH_TOPIC}</span></div>
        </td></tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    <tr>
    <td class="row2" colspan="2" align="center" style="padding:0px">
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}

    <!-- END switch_user_logged_in -->
    </td>
    </tr>
     
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <tbody>
    <!-- BEGIN show_permissions -->
    <!-- END show_permissions -->
      <tr>
    <table class="affichagesujet" style="border-radius:10px;" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td colspan="3">
                        <h1 class="sujettitre"><span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                          <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                          <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                          {NAV_CAT_DESC_SECOND}
                        </span>
                          </h1>
          </td>        </tr>
    </table>
    <!-- BEGIN show_permissions -->
        <table class="permissions" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td class="row2" class="row1" valign="top" width="" style="border-radius:10px;  background-color: #593927;
      border: 2px solid #C49068;"><span class="gensmall">{L_TABS_PERMISSIONS} <br/><br/>{S_AUTH_LIST}</span></td>
      </tr>
    <!-- END show_permissions -->
      </table>
    </tr>
    </tbody>
    </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>
    <!-- BEGIN viewtopic_bottom -->
    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
    <!-- END viewtopic_bottom -->
    <!-- BEGIN moderation_panel -->
        <td align="left">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    </td>
      <td align="left" width="250">
    <span class="gensmall"> </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">
    {S_TOPIC_ADMIN}

    <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}
    {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>

Et ajoutes ceci
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

.M14_label{float:left !important;line-height:13px !important;height:13px!important;text-align: left !important;margin-left:5px !important;}





Penses à valider les modifications en cliquant sur le bouton Valider


Cela devrait grandement arranger la situation clin oeil




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Coucou Milouze et un très très grand merci pour ton aide, en effet je me suis pas mal perdue en route d'ailleurs il subsiste des conflits que je ne parviens toujours pas à résoudre sans que le résultat ne soit catastrophique :(

Je te remercie donc infiniment de m'avoir accordé de ton temps pour analyser cette partie du profil, tout est installé et voici donc ce que j'obtiens à présent: 

Comme tu peux le voir mes infos Emploi/loisirs n'apparaissent plus et étrangement j'ai encore ce petit morceau d'image qui déborde  oups


Ensuite j'ai essayé de rapprocher le bloc du pseudo pour réduire l'écarte et de nouveau cela me donné ceci :


Mais sinon en effet grâce à ton intervention j'ai pu faire un pas de géant dans ma nage lolllllllll

Par contre je viens de constater mais tu as enlevé mon bouton "hors ligne" c'était voulu de ta part ?  impeccable


Dernière édition par Ombi le Ven 11 Aoû 2017 - 21:54, édité 2 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Ombeline,
hum l’icône en ligne est toujours présent dans ton template clin oeil .
Petite question:
As tu sauvegardé ton template avant l'ajout de l'astuce?
Je vais trouver une autre façon  pour afficher le profil au survol de l'avatar  clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Bonjour Milouze tu vas bien ?

En fait je m'excuse je viens de m'apercevoir que c'était moi qui avait supprimé le bouton hors ligne pour faire un test du coup je l'ai replacé pour voir désolée  oups

Sinon oui tout était bien sauvegardé ^^

Merci beaucoup pour ton aide c'est très gentil  fr4
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je vais bien merci clin oeil ,
hum as tu une taille de définie pour tes avatars ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Oui Milouze actuellement ils sont en 160px par 200px  clin oeil
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Alors je te propose ce procédé qui va au survol de l'avatar afficher le profil mais en plus l'avatar se déplacera vers la gauche puis disparaitra..

Ton template modifié:

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(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
       
        _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>

    <link href='https://fonts.googleapis.com/css?family=Amaranth|Titillium+Web|Yanone+Kaffeesatz|Roboto' rel='stylesheet' type='text/css' />

    <table class="affichagesujet" style="border-radius:10px;" width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr>
                <td colspan="3">
                        <h1 class="sujettitre">
                          <div style="font-family: 'Berkshire Swash', cursive;">{TOPIC_TITLE}</div>
              <div style="position:relative; top:10px;"><span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                          <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                          <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                            {NAV_CAT_DESC_SECOND}
                        </span></div>
                        </h1>
          </td>
      </tr>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td align="left" valign="middle">
            <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> 
            <!-- 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> 
              </tr>
    <tr>
          <td class="nav" valign="middle" width="100%">
          </td>
      </tr>
    </table>

    <table class="M14_Post_separat" align="center" width="100%" cellspacing="0"><tr><td>

    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
    <tr class="post">
    <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>
    <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 -->
    </td>
    <!--  Modification_Taktiik_NeverUtopia -->
    <td colspan="2">
                 
    <div class="profil" style="min-height:400px;">
      <table width="100%" align="center">
    <span class="postdetails">
      <div class="ssoptions" style="position: relative; top: 48px; left: 10px;">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}</div> <div class="optionsmodo" style="position: relative; left: 750px; top:10px;">{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}</div>
    </span>
          <tr>
            <td align="center" colspan="2" style="text-align: center;" width="100%">
    <div class="infoss"><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" />{TOPIC_TITLE}
    <img src="{postrow.displayed.MINI_TIME_IMG}" alt="{postrow.displayed.L_MINI_TIME_ALT}" title="{postrow.displayed.L_MINI_TIME_ALT}" border="0" />{postrow.displayed.POST_DATE}
    </span>
                            </div>
              </td>
            </tr>
        <tr>
    <td align="center" width="30%">
      <div class="boitegauche"><br/>
      <table class="tableau_profil" cellpadding="0" cellspacing="0">
                        <tr>
                      <td class="haut_tab"> </td>
                    </tr>
                    <tr>
 <td class="profil_contour">
                      <br />
<span class="name"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a>
<strong>{postrow.displayed.POSTER_NAME}</strong></span>
<br />
  <div class="M14_blocAll">
  <div class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</div>
<div class="M14_ProFil">
<!-- BEGIN profile_field --> 
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} 
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}   
  </div> </div>
  <br />
<center><div class="profil_contour">
  <span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span></div>
  </center>
              {postrow.displayed.RANK_IMAGE}
                              <br />
                      </td>
                    </tr>
                    <tr>
                      <td class="bas_tab"> </td>
                    </tr>
                </table>           
    <br />
   
                      <td align="left" width="70%"><div class="message"><span class="post">
                        {postrow.displayed.MESSAGE}</span></div>
        </td>
       
    <tr>
      <td colspan="2" align="center" width="80%" >
    <div class="signature">
      <div>{postrow.displayed.SIGNATURE}</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>
    </td>
    </tr>
      </table>
    <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
    </div>
      </td>
    <!-- Modification_Taktiik_NeverUtopia -->
    </tr>
      </td>
    </tr>
    </table>
      </div>
    <!-- BEGIN first_post_br -->
      </td></tr></table>


    <table align="center" 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 -->
    <!-- BEGIN hidden -->
    <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- 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 -->
    </table>

    <table align="center" class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
    <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
      </tr>
     
      <!-- BEGIN promot_trafic -->
    <table align="center" 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 align="center" 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>

    <!-- END link -->
    </td>
    </tr>
    </table>
    <!-- END promot_trafic -->
     
      <tr><td class="row1" colspan="2" align="left" valign="middle" nowrap="nowrap">
           
                <!-- 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> 
                <!-- 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 -->
        <div style="float:right; margin-top:20px;"><span class="gensmall">{S_WATCH_TOPIC}</span></div>
        </td></tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    <tr>
    <td class="row2" colspan="2" align="center" style="padding:0px">
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}

    <!-- END switch_user_logged_in -->
    </td>
    </tr>
     
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <tbody>
    <!-- BEGIN show_permissions -->
    <!-- END show_permissions -->
      <tr>
    <table class="affichagesujet" style="border-radius:10px;" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td colspan="3">
                        <h1 class="sujettitre"><span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                          <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                          <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                          {NAV_CAT_DESC_SECOND}
                        </span>
                          </h1>
          </td>        </tr>
    </table>
    <!-- BEGIN show_permissions -->
        <table class="permissions" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td class="row2" class="row1" valign="top" width="" style="border-radius:10px;  background-color: #593927;
      border: 2px solid #C49068;"><span class="gensmall">{L_TABS_PERMISSIONS} <br/><br/>{S_AUTH_LIST}</span></td>
      </tr>
    <!-- END show_permissions -->
      </table>
    </tr>
    </tbody>
    </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>
    <!-- BEGIN viewtopic_bottom -->
    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
    <!-- END viewtopic_bottom -->
    <!-- BEGIN moderation_panel -->
        <td align="left">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    </td>
      <td align="left" width="250">
    <span class="gensmall"> </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">
    {S_TOPIC_ADMIN}

    <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}
    {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>




Il faudra supprimer toute la c.s.s de l'astuce ainsi que celle que je t'ai donné plus haut.

Voici la nouvelle avec des modifications concernant les petites images du profil que tu avais déposé:
Code:
/*on donne une hauteur maximale a l avatar*/
.M14_avatar img{max-width:160px;max-height:200px;}
/*on masque le profil*/
.M14_ProFil
{
position:relative;
top:-200px;
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
/* Les transitions*/
.M14_avatar,.M14_ProFil
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}
/*au survol du bloc on masque l avatar*/
.M14_blocAll:hover .M14_avatar
{
margin-left:-200px;/*effet vers la gauche*/
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
/*au survol du bloc on affiche le profil*/
.M14_blocAll:hover .M14_ProFil
{
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
/*on donne une couleur identique a tout le profil*/
.M14_ProFil ,.M14_ProFil  .label,.M14_ProFil  .label span
{
font-size:11px !important;
color: white !important;
}

table.tableau_profil{
      width:230px;
      margin:auto;
      border:0;
      }
   
    table.tableau_profil td.haut_tab{
      width:230px;
      height:34px;
      background-image:url('http://zupimages.net/up/16/42/hzgi.png');
      background-repeat:no-repeat;
  position: relative;
top: -14px;

      }
   
    table.tableau_profil td.profil_contour{
      width:230px;
      background-image:url('http://zupimages.net/up/16/42/ksj9.png');
      background-repeat:repeat-y;
      text-align:center;
      position:relative;
      bottom:14px;
      }
   
    table.tableau_profil td.bas_tab{
      width:230px;
      height:34px;
      background-image:url('http://zupimages.net/up/16/42/ly7s.png');
      background-repeat:no-repeat;
        position:relative;
      bottom:14px;
      }
   
    table.tableau_profil td.profil_contour span.name{
      font-family: "Berkshire Swash",cursive;
      font-size:20px;
      text-align:center;
      background-color:#593927;
      border:2px solid #C49068;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 0 5px #000;
      margin: auto;
      padding:4px;
      opacity:1; /* Transparence : 0 = transparent // 1 = opaque */
    -moz-opacity : 0.5; /* Transparence pour Firefox */
    -ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
    filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
      position: relative;
      bottom:30px;
    }

    table.tableau_profil td.profil_contour span.rang_posteur{
      font-family: "Berkshire Swash",cursive !important;
      font-size:20px;
      color:white;
      font-style:italic;
      text-align:center;
        position: relative;
      bottom:20px;
      }




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Re coucou Milouze14

Un grand merci pour le temps que tu m'accordes j'adore vraiment l'effet super  juste que pour le moment le résultat me donne ceci au survol :

L'écart je m'en suis occupée il suffisait pour le haut de modifier -14px en 0px  clin oeil


Dernière édition par Ombi le Ven 11 Aoû 2017 - 21:51, édité 1 fois
Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Alors je pense avoir réglé le souci mais j'ai besoin de ton aval pour être sûre que c'était par ce biais-là qu'il fallait procéder que je ne vienne pas ici créer des conflits, pas entre nous hein, entre les codes  clin oeil

Alors dans ton code :

Ce qui donne donc :


Dernière édition par Ombi le Ven 11 Aoû 2017 - 21:52, édité 2 fois
Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Par contre je ne parviens pas à rapprocher le rang image de l'avatar  oups


Dernière édition par Ombi le Ven 11 Aoû 2017 - 21:52, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Ombeline, je vois que tu as bien avancé de ton côté clin oeil .
Pour remonter l'image du rang:
Recherches dans ton template la variable qui gère les images de rangs:
Code:
{postrow.displayed.RANK_IMAGE}

qui se trouve ici:
Code:


<span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span>
</div>
  </center>
              {postrow.displayed.RANK_IMAGE}
<br />





Il te suffit de la déposer après la variable des rangs texte avec un saute de ligne comme ceci:
Code:
<span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span><br />
    {postrow.displayed.RANK_IMAGE}


Ce qui te donnera ceci :
Code:

<center><div class="profil_contour">
  <span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span><br />
{postrow.displayed.RANK_IMAGE}</div>
  </center>
             



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Bonsoir Mliouze,

Et une énième fois merci beaucoup pour ton aide et merci d'être là pour nous aider dans nos projets de codage grâce à tes interventions nous gagnons à chaque fois un temps vraiment précieux et cela nous aide doublement puisqu'en observant ce que tu fais on apprend donc vraiment merci beaucoup  hinhin fr4
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Emeline,

de rien chère amie hinhin .

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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