epsilon
forum de libre service de codage,
aucune inscription
Une refonte complète d'Epsilon est prévue pour bientôt. Dans les mois qui suivent, le forum va totalement changer d'apparence et toutes les catégories vont être réorganisées. Pas de panique, aucun LS ne va disparaître !
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Fnac : 2 Funko Pop achetées : le 3ème ...
Voir le deal
anipassion.com

Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
[PROFIL&MESSAGES VIOLET] Pq3uSNb

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}', _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 = {  };
      }
   });
</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="tdw_sub_btn">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow">{L_POST_NEW_TOPIC}</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}">{L_POST_REPLY_TOPIC}</a>
<!-- END switch_user_authreply -->
</div>

<div class="tdw_sub_sousnav"><a href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</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 style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>

<div class="tdw_subject">

  <div class="tdw_subh">
  <div class="tdw_title_inside"><div class="tdw_sub_name">{postrow.displayed.POSTER_NAME}</div><span class="th th-stars"></span>
    <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div>
   
    <div class="carrebefore"></div>
    <div class="tdw_sub_pronom">{postrow.displayed.POSTER_NAME}</div>
    <div class="nameafter">{postrow.displayed.POSTER_NAME}</div>
  </div>
 
 
  <div class="tdw_subg">
    <div class="tdw_sub_avatar">{postrow.displayed.POSTER_AVATAR}</div>
   
    <div class="tdw_sub_pro"><!-- BEGIN profile_field -->
      <div class="dedanspro">{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field --></div>
   
    <div class="tdw_sub_contact">
    {postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}</div>
   
    <div class="tdw_sub_fiches">
    <!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
      <!-- END contact_field --></div>
  </div>
 
 
  <div class="tdw_submess">
    <div class="tdw_sub_btnstop">
<a href="{postrow.displayed.QUOTE_URL}">citer</a>
<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>
   
                 <!-- BEGIN switch_vote_active -->
               <div class="vote">
                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="ion-plus-circled"></a>
                  <!-- END switch_vote -->

                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-minus-circled"></a>
                  <!-- END switch_vote -->

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

                     <div class="vote-bars">
                        <!-- BEGIN switch_vote_plus -->
                           <div class="vote-bar-plus" style="width:{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="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                  </div>
                  <!-- END switch_bar -->

                  <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                  <!-- END switch_no_bar -->
               </div>
               <!-- END switch_vote_active -->
             <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>

            <!-- BEGIN switch_signature -->
               <div class="tdw_sub_signa" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   
  </div>
 
  <div class="tdw_sub_date">☾ {postrow.displayed.POST_DATE_NEW}</div>

</div>

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

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

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

<div class="tdw_sub_btn">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><span class="th th-earth"></span> {L_POST_NEW_TOPIC}</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}">{L_POST_REPLY_TOPIC} <span class="th th-atom"></span></a>
<!-- END switch_user_authreply -->
</div>

<div class="topic-actions bottom">
   <!-- BEGIN topicpagination -->
      <div class="pagination">
         {PAGINATION}
      </div>
   <!-- END topicpagination -->
</div>

<!-- BEGIN promot_trafic -->
   <div class="block" id="ptrafic_close" style="display: none;">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-plus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
   </div>
   <div class="block" id="ptrafic_open" style="display:'';">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-minus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
      <ul class="ptrafic">
         <!-- BEGIN link -->
            <li>
               <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">
                  <i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE}
               </a>
            </li>
         <!-- END link -->
      </ul>
   </div>
<!-- END promot_trafic -->

<!-- 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 show_permissions -->
   <div class="block">
      <div class="h3">{L_TABS_PERMISSIONS}</div>
      {S_AUTH_LIST}
   </div>
<!-- END show_permissions -->

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

<!-- BEGIN switch_plus_menu -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<!-- END switch_plus_menu -->
<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:
.tdw_sub_sousnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 5px;
    color: #fafafa;
    background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
    line-height: 11px;
}
.tdw_sub_sousnav a {
    font: 10px Playfair display;
    text-transform: uppercase;
    color: #fafafa;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.tdw_sub_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0px;
}
.tdw_sub_btn a {
    background: #c5b9bf;
    width: 360px;
    text-align: center;
    display: block;
    color: #040403;
    text-transform: uppercase;
    font: 9px Playfair Display;
    padding: 2px;
    letter-spacing: 2px;
}
.tdw_subject {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 5px;
    background: #eaeaea;
    border-top: 15px solid #fff;
}
.tdw_subh {
    width: 100%;
}
.tdw_title_inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px;
    color: grey;
    font: 10px Playfair Display;
}
.tdw_title_inside a {
    font: 9px Playfair Display;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #040403;
    line-height: 200%;
}
.tdw_title_inside span:nth-child(2) {
    margin: 0px 10px;
}
.tdw_title_inside span {
    font-size: 20px;
    background-image:linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tdw_sub_name {
    background: #040403;
    padding: 5px;
}
.tdw_sub_name span {
    color: #a56fc4 !important;
    font: 12px Pirata One;
    text-transform: lowercase;
    letter-spacing: 2px;
}
.carrebefore {
    position: absolute;
    display: block;
    margin-top: 32px;
    margin-left: 126px;
    width: 596px;
    height: 120px;
    border-top: 1px solid #8435a2;
    border-left: 1px solid #8435a2;
}
.tdw_sub_pronom {
    text-align: right;
    margin: 20px;
    font: 40px Playfair display;
    padding: 10px 15px 0px 10px;
    letter-spacing: 1.5px;
    color: #616161;
    line-height: 80%;
}
.tdw_sub_pronom span {
    background: #eaeaea;
    position: relative;
}
.dedanspro {
    margin: 5px;
    border: solid 1px #c4b5c0;
    padding: 2px;
    font: 10px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #eaeaea;
}
.nameafter {
    position: absolute;
    background-color: #eaeaea;
    text-align: right;
    padding: 0px 15px 0px 10px;
    letter-spacing: 1.5px;
    font: 40px Playfair Display;
        line-height: normal;
    right: 417px;
    margin-top: -52px;
    line-height: 80%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 10%);
    filter: grayscale(20%);
}
.nameafter span {
    color: #bfaac0 !important;
    background-image: url(https://66.media.tumblr.com/9cf113a06ad8bbbfbb07d6199bd22ad5/tumblr_p6pjrfCQGU1xp1j77o1_500.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100%;
}
.tdw_subg {
    width: 255px;
    position: relative;
}
.tdw_sub_avatar {
    text-align: center;
  transition:all 800ms;
}
.tdw_sub_avatar img {
    width: 250px;
    height: 450px;
    border: solid 10px #c4b5c0;
  transition:all 800ms;
}
.tdw_sub_avatar img:hover {
  transition:all 800ms;
  filter:grayscale(60%);
}
.tdw_sub_pro {
    width: 250px;
    margin: 10px auto 10px auto;
    border: solid 1px #c4b5c0;
    background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
}
.tdw_sub_contact {
    text-align: center;
}
.tdw_sub_fiches {
    text-align: center;
    margin: 10px 0px;
}
.tdw_submess {
    width: 640px;
    padding-top: 70px;
}
.tdw_submess, .postbody {
    width: 450px;
    margin: 5px;
    text-align: justify;
}
.tdw_sub_btnstop {
    text-align: right;
    padding: 0px 20px;
    position: relative;
}
.tdw_sub_btnstop a {
    color: black;
    background-image: -webkit-linear-gradient(120deg, #c3314e, #552673);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font: 11px Playfair Display;
    text-transform: uppercase;
    margin: 0px 5px;
    letter-spacing: 1px;
    padding-right: 10px;
    border-right: 1px solid #cec8cc;
}
.tdw_sub_btnstop a:last-child {
  border:1px solid transparent !important;
}
.tdw_sub_signa img {
    max-width: 100%;
    width: 300px;
}
.tdw_sub_date {
    color: #fafafa !important;
    font: 9px Playfair display;
    text-transform: uppercase;
    background: #040403;
    padding: 5px;
    letter-spacing: 2px;
    margin: 0px 0px 0px auto;
}
.tdw_sub_watch {
    text-align: center;
    font: 8px Playfair Display;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 10px 0px;
}
.tdw_sub_watch a {
    background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
    color: #fafafa;
    font-weight: bold;
    padding: 2px;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum