epsilon
forum de libre service de codage,
possibilité de commander des designs,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Mangas Kazé : 2 achetés = 1 manga offert
Voir le deal

Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
INTERNE NOIR ET ROUGE 8pA2fho

Remplacez l'intégralité de votre template viewtopic_body par :
Code:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
  //<![CDATA[
  var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">

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>

<div class="total_header">
  <div class="sujet_nat"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></div>
 
  <div class="btn_sujets">
    <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
    <!-- END switch_user_authreply -->
  </div>
 
</div>

<div class="bottom_nav"><a href="{U_INDEX}"><span>{L_INDEX}</span></a> {NAV_CAT_DESC}</div>
<div class="pagin_suj">
  <!-- BEGIN topicpagination -->
  {PAGINATION}
  <!-- END topicpagination -->
</div>
 

{POLL_DISPLAY}

<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
        <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"></div>
  <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>


  <div class="suj_g">
    <div class="suj_ava">{postrow.displayed.POSTER_AVATAR}</div>
    <div class="suj_blok_infos">
      <div class="suj_name">{postrow.displayed.POSTER_NAME}</div>
      <div class="suj_rang">{postrow.displayed.POSTER_RANK_NEW}</div>
    </div>
  </div>

  <div class="suj_top_info">
    <div class="titre_suj"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> - {postrow.displayed.POST_DATE_NEW}</div>
    <div class="suj_btn_edit"><a href="{postrow.displayed.EDIT_URL}">éditer</a>
      <a href="{postrow.displayed.DELETE_URL}">supprimer</a>
      <a href="{postrow.displayed.IP_URL}">ip</a></div>
  </div>

<div class="suj_epsi">

        <div class="postbody">
            <div class="content">
              <div>{postrow.displayed.MESSAGE}</div>
              <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                    <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                    <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file">
                          <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                          </dt>
                          <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><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}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{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}</span>
                              <!-- END switch_no_dl_att -->

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

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

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                          </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                    </dd>
                  </dl>
              <!-- END switch_attachments -->
            </div>
        </div>
      </div>
<!-- BEGIN first_post_br -->
  <hr id="first-post-br" />
<!-- END first_post_br -->

<!-- END displayed -->
<!-- END postrow -->

<div class="survsujet">
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
            {S_WATCH_TOPIC}
        <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
</div>

<div class="total_header">
  <div class="sujet_nat"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></div>
 
  <div class="btn_sujets">
    <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
    <!-- END switch_user_authreply -->
  </div>
 
</div>

<a name="bottomtitle"></a>


<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
  <div class="h3">{L_FORUM_RULES}</div>
  <div class="clear"></div>
  <table class="postbody">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
  <a name="quickreply"></a>
  {QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
  <fieldset class="jumpbox">
      <label>{L_JUMP_TO}:</label>
      {S_JUMPBOX_SELECT}
      <input class="button2" type="submit" value="{L_GO}" />
  </fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
  <fieldset class="quickmod">
      <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}" />
      <label>{L_MOD_TOOLS}:</label>
      {S_SELECT_MOD}
      <input class="button2" type="submit" value="{L_GO}" />
  </fieldset>
</form>

<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

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

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
  $('pre, code').each(function(i, block) {
      hljs.highlightBlock(block);
  });

  $('.post').each(function() {
      if (!$(this).find('.postprofile-avatar').html().length) {
        $(this).find('.postprofile-rank').css('border-bottom', 'none');
        $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
      }
  });
});
</script>

Puis ajoutez à votre CSS :
Code:
.total_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    text-align: center;
    margin: 0px 0px 15px 0px;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border: solid 1px #131313;
    color: #cbcbcb;
    font: 8px roboto;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 26px;
}
.sujet_nat {
    width: 500px;
}
.sujet_nat a {
    color: #863333;
}
.bottom_nav {
    text-align: left;
    margin: 0px 0px 15px 0px;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border: solid 1px #131313;
    font: 8px roboto;
    line-height: normal;
    text-transform: uppercase;
}
.bottom_nav a {
  color: #cbcbcb;
}
.pagin_suj {
}
.pagin_suj a {
}
.suj_g {
    width: 906px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 30px 30px 30px 30px;
    background: rgba(0, 0, 0, 0.3);
    margin: 20px 15px 20px 10px;
    border: solid 1px #111;
    overflow: hidden;
}
.suj_ava {
    width: 120px;
    height: 120px;
    overflow: hidden;
    outline-offset: 12px;
    outline: 1px solid #111;
}
.suj_ava img {
  width:100%;
}
.suj_blok_infos {
    width: 710px;
    padding: 20px 20px 20px 50px;
}
.suj_name {
    color: #cbcbcb;
    font: 25px Times New roman;
    text-transform: uppercase;
    letter-spacing: 14px;
    border-bottom: solid 1px #863c3c;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.suj_name a {
    color: #cbcbcb;
    font: 25px Times New roman;
    text-transform: uppercase;
    letter-spacing: 14px;
}
.suj_rang {
    color: #863c3c;
    font: 8px roboto;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.suj_top_info {
    background: #cbcbcb;
    margin: 10px 10px -12px 10px;
    padding: 15px;
    text-align: justify;
    color: #333;
    font: 8px Times New Roman;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-left: solid 1px gray;
    position: relative;
    border-right: solid 1px gray;
}
.titre_suj {
    padding: 8px 0px;
    margin: -8px auto 10px auto;
    border-bottom: solid 1px #863c3c;
}
.titre_suj a {
    color: #863c3c;
}
.suj_btn_edit a {
    background: #171717;
    margin: 20px 15px 20px 0px;
    padding: 5px 30px;
    color: #cbcbcb;
}
.suj_epsi {
    background: #cbcbcb;
    margin: 10px 10px 0px 10px;
    padding: 15px;
    text-align: justify;
    color: #333;
    border: solid 1px gray;
}
.sujet_epsi, .postbody {
  width:100% !important;
}
.survsujet {
    text-align: center;
    margin: 15px 0px 15px 0px;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border: solid 1px #131313;
    font: 8px roboto;
    text-transform: uppercase;
}
.survsujet a {
  color:#cbcbcb;
}
.topic_aut {
    text-align: left;
    margin: 20px 0px 15px 0px;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border: solid 1px #131313;
    text-transform: uppercase;
}
.topic_aut p{
  font: 8px roboto !important;
  color:#cbcbcb;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum