AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Profil et Message Bug à répétitions

Profil et Message Bug à répétitions  posté le :
Bonjour bonjour !
Je suis entrain de coder des profils et messages sauf que j'ai plusieurs code et vu que je connais très mal cette template je viens demander votre aide :


Lien de votre forum : http://izutest.kanak.fr/t4-buuuuuug-laaaaand
Explicitez votre problème :
Alors, j'essaie de coder cette maquette (clique) sauf que je n'ai jamais coder de maquette aussi complexe et mon forum s'est transformé en énorme bug zone.

>>mes message double de volume à chaque message supplémentaire (ça fait pyramide).
>>Après j'ai un problème à part, vu que j'ai des catégories avec en titre des images, j'ai les images qui s'affiche dans le fil de navigation sauf que... c'est moche ? x') et je ne sais pas comment les retirer sans retirer mes boutons répondre au sujet, nouveau sujet et clore le sujet :/ Donc pour le moment je les ais réduites en taille sauf que les mêmes boutons réduisent eux aussi (sur la capture d'écran et dans le code je les ais encore laissés à l'état d'image pure et dure, pas de variable)
>> La bannière et la navigation mise en place se déplace et n'est plus du tout alignée
>> Mes morceaux ne s'alignent pas


Je pense que si déjà vous pouvez m'aider à régler ça, ça sera bien x') Si vous n'y parvenez pas, je pense que je passerais commande Smile
(PS : mes codes sont sûrement très brouillon, j'ai fait du bidouillage de l'extrême une fois que j'ai coder ceci : https://codepen.io/Izusa/pen/gjXBMV?editors=1100 )

Code posant problème :

Viewtopic_body :
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 = {  };
    }
});

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 class="conteneur_profil" width="800px" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <td>
      <div class="titre_sujet">{TOPIC_TITLE}</div>
      <div class="navigation_sujets">{NAV_CAT_DESC_SECOND}</div>
      <div class="sondage_sujetc">
        {POLL_DISPLAY}
      </div>
    </td>
  </tr>
</table>

<table class="conteneur_profil_deux" width="800px" border="0" cellspacing="1" cellpadding="0" >
   
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
   <tr id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="conteneur_joeuur"{postrow.displayed.THANK_BGCOLOR} valign="top">
         <div class="information_joueur"><span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            
                                  {postrow.displayed.POSTER_RANK}</div><br />
            <div class="messages_lieu_etc"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                  <!-- END profile_field -->
                  </div>
          </td>
          <td>
                 
          <div class="infobulle">{postrow.displayed.POSTER_AVATAR}<div>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}<br />
            {postrow.displayed.POSTER_RPG}</div></div>
          </td>
      <td class="autre_infos_sujets"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
         <div class="repondre_nouveau_messages"><img src="https://zupimages.net/up/18/30/0fjh.png" /><img src="https://zupimages.net/up/18/30/6o3i.png" /></div>
      <div class="citer_editer_suppr">{postrow.displayed.POST_DATE}<br />
      {postrow.displayed.QUOTE_IMG}{postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}{postrow.displayed.IP_IMG}{postrow.displayed.REPORT_IMG} </div>
                  </td>
  </tr>
  <tr>
    <td class="message" colspan="3">
      <div class="contenu_message">
   <div>{postrow.displayed.MESSAGE}</div>
        <div class="signature">
          <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->
        </div>
      </div>
    </td>
  </tr>
</table>
   
   <!-- END displayed -->
   <!-- END postrow -->
   <table width="800px" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catBottom" colspan="2" height="28">
         <table width="800px" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> 
                        <!-- END switch_isconnect -->
                        <a href="#top">{L_BACK_TO_TOP}</a> 
                    </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="800px" 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="800px" 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="800px" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></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"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></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}" rel="nofollow">{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">
                        <div class="cattitle"> {L_FORUM_RULES}</div>
                     </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}" alt="" />
                  </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">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </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>
                  <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>
                  <!-- 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>   
            <!-- 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>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- 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"> </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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

CSS
Code:
.conteneur_profil{
  width: 800px !important;
  background: none;
}
.conteneur_profil table{
  width: 800px !important;
}
.titre_sujet{
  font-family: 'Cookie', cursive;
  font-size: 70pt;
  color: #8eb547;
  width: 800px;
  text-align: center;
}
.navigation_sujets{
  font-family: 'Amatic SC', cursive;
  font-size: 40pt;
  color: #8eb547;
  width: 800px;
  margin-top: -30px;
  text-align: center;
}
.navigation_sujets a{
  font-family: 'Amatic SC', cursive;
  font-size: 40pt;
  color: #8eb547;
  text-decoration: none;
  text-align: center;
}
.sondage_sujetc{
  font-family: 'Amatic SC', cursive;
  font-size: 20pt;
  color: #8eb547;
  width: 800px;
  text-align: center;
}
.sondage_sujetc a{
  font-family: 'Amatic SC', cursive;
  font-size: 20pt;
  color: #8eb547;
  width: 800px;
  text-align: center;
}
.conteneur_profil_deux{
  width: 800px;
  background: none;
}
.conteneur_joeuur{
  width: 310px;
  vertical-align:top;
  text-align: center;
  position: relative;
  z-index: 1;
}
.information_joueur a{
  font-family: 'Amatic SC', cursive;
  text-decoration: none;
  font-size: 26pt;
}
.information_joueur{
  font-family: 'Cookie', cursive;
  font-size: 18pt;
  height: 88px;
  top: 26px;
  width: 310px;
  position: relative;
}
.messages_lieu_etc{
  background: #1b1c25;
  height: 95px;
  border-radius: 10px 0px 0px 0px;
  color: #d0cd6c;
  font-size: 12pt;
  text-align: left;
  padding-left: 5px;
  padding-right: 90px;
  padding-top: 15px;
  font-family: "Calibri";
  position: relative;
  z-index: 1;
  width: 310px;
}
.infobulle{
position:relative;
display:inline-block;
width:150px;
  z-index: 2;
height:150px;
  margin-left: -90px;
  border: 10px solid #1b1c25;
  border-radius: 85px;
}
.infobulle img{
position:relative;
display:inline-block;
width:150px;
height:150px;
 border-radius: 85px;
}
.infobulle div{
position:absolute;
top:83px;
left:-75px;
  overflow: auto;
z-index:2;
width:290px;
height:90px;
opacity:0;
  background: #4a852f;
  border-radius: 10px;
  font-family: 'Calibri';
  font-size: 12pt;
  padding: 5px;
  color: #fff;
visibility: hidden;
transition: all 1s;
}
.infobulle div img{
  width: auto !important;
  height: auto !important;
  border-radius: 0px !important;
}

.infobulle:hover div{
opacity:0.9;
visibility: visible;
}
.autre_infos_sujets{
  width: 321px;
}
.repondre_nouveau_messages{
  height: 88px;
  top: 26px;
  position: relative;
}
.repondre_nouveau_messages img{
  margin-left: 25px;
}
.citer_editer_suppr{
  background: #1b1c25;
  height: 95px;
  border-radius: 0px 10px 0px 0px;
  color: #d0cd6c;
  font-size: 12pt;
  text-align: right;
  margin-left: -8px;
  padding-right: 5px;
  width: 275px;
  padding-top: 15px;
  font-family: "Calibri";
  position: relative;
  z-index: 1;
}
.message{
  background: #1b1c25;
  width: 780px !important;
  height: auto;
  padding-top: 25px;
  padding-left: 5px;
  padding-bottom: 25px;
  padding-right: 5px;
  color: #4a852f;
  font-family: 'Calibri';
  top: -3px;
  position: relative;
  border-radius: 0px 0px 10px 10px;
}
.contenu_message{
  background: #1b1c25;
  width: 680px !important;
  height: auto;
  margin-left: 55px;
  padding-top: 25px;
  padding-left: 5px;
  padding-bottom: 25px;
  padding-right: 5px;
  color: #4a852f;
  font-family: 'Calibri';
  top: -3px;
  position: relative;
}
.signature{
  background: #A1C14A;
  width: 650px;
  height: 390px;
  margin: auto;
  overflow: auto;
  padding: 5px;
  color: #EDFFBB;
  font-family: 'Calibri';
}
Copies d'écran, screen du bug (optionnel) :

Autres : Merci d'avance <3
Izusa
avatar
Codeur actif
Messages : 11
Coda'Points : 26
Date d'inscription : 02/07/2017

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
A Toi de Coder - Forum de codage :: L'entraide dans cet univers :: Besoin d'aide ? :: SOS - code-
Sauter vers: