Code qui apparaît dans le design.

2 participants

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

Résolu Code qui apparaît dans le design.

Message par Eleniel Mar 1 Sep 2020 - 9:44

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 31-08
Lien du forum : http://rabbithole.forumactif.com/

Description du problème

Bonjour,

Sur mon forum, un code est apparu au dessus des sujets sur mon forum, et je ne trouve pas comment l'enlever.

Quelqu'un pour m'éclairer d'où ça peut venir ?

https://rabbithole.forumactif.com/t12-bottin-des-avatars

Voilà ce qui apparaît :

h|r|e|f|=|"|/|c|1|-|l|e|-|t|e|r|r|i|e|r|-|d|u|-|l|a|p|i|n|"| |c|l|a|s|s|=|"|n|a|v|"|>|<|s|p|a|n|>|L|E| |T|E|R|R|I|E|R| |D|U| |L|A|P|I|N|.|<|/|s|p|a|n|>|<|/|a|>|<|/|h|1|>|&|n|b|s|p|;|||&|n|b|s|p|;|<|h|1|>|<|a| |h|r|e|f|=|"|/|f|1|0|-|l|e|s|-|a|r|c|h|i|v|e|s|-|b|o|r|d|e|l|i|q|u|e|s|"| |c|l|a|s|s|=|"|n|a|v|"|>|<|s|p|a|n|>|L|e|s| |a|r|c|h|i|v|e|s| |b|o|r|d|é|l|i|q|u|e|s|.|<|/|s|p|a|n|>|<|/|a|>|<|/|h|1|>|

Merci de vos lumières.

La template view_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>

<script type="text/javascript">
  //<![CDATA[
  $(window).ready(function(){
    $('.header-message span').each(function() {
        var color = $(this).css("color");
        $(this).closest('.header-message').css('background-color', color);
    });
  });
  //]]>
</script>

<div id="wrap-topic">
 
  <div id="header-topic">
    <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
    <a href="{U_INDEX}"><span>{L_INDEX}</span></a>
    {NAV_CAT_DESC}
    <script type="text/javascript">
      //<![CDATA[
      $('#header-topic').html($('#header-topic').html().replace(/::/g,'|'));
      //]]>
    </script>
  </div>
 
  <div class="new-reply-topic">
    <!-- 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 -->
    &nbsp;
  </div>
 
  <div class="topic-pagination">
    <!-- BEGIN topicpagination -->
    {PAGINATION}
    <!-- END topicpagination -->
  </div>



{POLL_DISPLAY}

  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>

  <div class="header-message">
    {postrow.displayed.POSTER_NAME}
    {postrow.displayed.POSTER_RANK_NEW}
   
    <div>
      {postrow.displayed.QUOTE_IMG}
      {postrow.displayed.EDIT_IMG}
      {postrow.displayed.DELETE_IMG}
      {postrow.displayed.IP_IMG}
    </div>
  </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-thumbsup"></a>
                  <!-- END switch_vote -->

                  <!-- BEGIN switch_vote -->
                    <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-thumbsdown"></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="wrap-topic-content">
    <div class="topic-content">
      <a href="{postrow.displayed.POST_URL}"># {postrow.displayed.POST_SUBJECT}</a>
      {postrow.displayed.POST_DATE_NEW}
   
      <div>{postrow.displayed.MESSAGE}</div>
    </div>
 
    <div class="topic-avatar">
      {postrow.displayed.POSTER_AVATAR}
      <div>
        <span class="title-profil">en bref</span>
        <!-- BEGIN contact_field -->
        {postrow.displayed.contact_field.CONTENT}
        <!-- END contact_field --><br />
        <!-- BEGIN profile_field -->
        {postrow.displayed.profile_field.LABEL}
        {postrow.displayed.profile_field.CONTENT}
        {postrow.displayed.profile_field.SEPARATOR}
        <!-- END profile_field -->
       
        <br />
        <span class="feuille-de-perso" id="feuilleperso">{postrow.displayed.POSTER_RPG}</span>
        <script type="text/javascript">
          //<![CDATA[
          $(window).ready(function(){
          $('#feuilleperso').html($('#feuilleperso').html().replace(/Pouvoirs:/g,'<span class="label">Pouvoirs:</span>').replace(/Inventaire:/g,'<span class="label">Inventaire:</span>').replace(/Défaut fatal:/g,'<span class="label">Défaut fatal:</span>'));
          });
          //]]>
        </script>
   
        <div>
          {postrow.displayed.PROFILE_IMG}
          {postrow.displayed.PM_IMG}
        </div>
      </div>
    </div>
 
    <!-- BEGIN switch_signature -->
    <div class="separation"></div>
    <div class="signature-topic" 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 -->
  <!-- END displayed -->
 
<!-- END postrow -->
 
  <div class="new-reply-topic" style="height: 77px;">
    <!-- 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 -->
  </div>
 
  <div class="topic-pagination" style="text-align: right; display: block;">
    <div>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    {S_WATCH_TOPIC}
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    </div>
   
    <!-- BEGIN topicpagination -->
    {PAGINATION}
    <!-- END topicpagination -->
  </div>
 
  <!-- BEGIN switch_user_logged_in -->
  <a name="quickreply"></a>
  {QUICK_REPLY_FORM}
  <!-- END switch_user_logged_in -->
 
  <!-- BEGIN viewtopic_bottom -->
  <form method="get" action="{S_FORM_MOD_ACTION}" id="topic-form">
    <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>
 
  <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}" style="margin-left: auto;" id="topic-form">
    <fieldset class="jumpbox">
      <label>{L_JUMP_TO}:</label>
      {S_JUMPBOX_SELECT}
      <input class="button2" type="submit" value="{L_GO}" />
    </fieldset>
  </form>

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

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

Le CSS :

Code:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
        div.cont_code { clear: right; }   

#chatbox_members a span strong {
            font-size: 15px;
        }
        .hp_index .secondarytitle h2 {
            display: none; /* retirer les titres en trop */
        }
        table.forumline {
            border: none !important;
        }
        .maintitle {
            margin-top:-45px;
        }
     
/* --------- AFFICHAGES MESSAGES (C) SUNHAE --------- */

#wrap-topic {
  width: 800px;
  margin: auto;
  display: flex;
  flex-flow: wrap;
}

#header-topic {
  background-color: #f1f0f4;
  width: 100%;
  color: #c07c59;
  font-size: 11px;
  font-style: italic;
  line-height: 27px;
  height: 80px;
  display: flex;
  align-content: center;
  flex-flow: wrap;
  justify-content: center;
}

#header-topic .sousligne {
    font: 11px 'Roboto', sans-serif;
    font-style: italic;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
}

#header-topic a:not(:first-of-type) {
  color: #c07c59;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: -0.5px;
}

#header-topic a:first-of-type {
  color: #262929;
  font-family: 'DM Serif Display', serif;
  font-size: 23px;
  text-transform: uppercase;
  font-style: normal;
  line-height: 30px;
  width: 100%;
  text-align: center;
}

.new-reply-topic,
.topic-pagination {
  display: flex;
  align-content: center;
  flex-flow: wrap;
}

.topic-pagination,
#pagination_memberlist {
  margin-left: auto;
  text-transform: uppercase;
  font-family: initial;
  font: 11px 'Roboto', sans-serif;
  letter-spacing: -1px;
  color: transparent;
}

.topic-pagination > div, #pagination_memberlist > div { margin: 20px 0 5px; }

.topic-pagination > div a,
#pagination_memberlist > div a {
  color: #c07c59;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  text-transform: lowercase;
  font-style: italic;
  letter-spacing: -0.5px;
}

.new-reply-topic a { padding: 28px 17px 28px 25px; }
.topic-pagination span strong, #pagination_memberlist strong { padding: 0 0 0 5px; }
.topic-pagination span, #pagination_memberlist span { color: #262929; }

.topic-pagination strong,
#pagination_memberlist strong {
  color: #c07c59;
  padding: 0 2px;
}

.topic-pagination .pag-img, #pagination_memberlist .pag-img { display: none; }

.header-message {
  width: 100%;
  height: 86px;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  align-content: center;
  position: relative;
  padding: 0 50px 0 0;
  color: #f6f5f8;
  font: 10px 'Roboto', sans-serif;
  font-weight: lighter;
  font-style: italic;
  background-color: #262929;
}

.header-message div {
  position: absolute;
  left: 35px;
  bottom: 22px;
}

.header-message span,
.header-message a[href*="/u"] {
  width: 100%;
  text-align: right;
}
 
.header-message span {
  font: 20px 'DM Serif Display', serif;
  font-style: normal;
  margin-right: -20px;
}

.header-message span, .header-message > a { width: 100%; }

.header-message strong {
  color: #f6f5f8;
  font-weight: 100;
}

.header-message > div img { padding: 0 2px; }

.wrap-topic-content {
  background-color: #F1F0F4;
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
  width: 100%;
  padding: 19px 0;
}

.topic-content {
  width: 538px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-content: flex-start;
  padding-top: 6px;
}

.topic-content,
.topic-content > a {
  color: #C3C3C3;
  font: 10px 'Roboto', sans-serif;
  font-weight: lighter;
  font-style: italic;
}

.topic-content > div a {
    font-weight: bold!important;
}

.topic-content > div {
  color: #262929;
  font-style: normal;
  text-align: justify;
  font-weight: normal;
  font-size: 12px;
  border-top: 1px solid #C3C3C3;
  padding: 18px 0;
  margin-top: 8px;
  width: 100%;
}

.topic-content > div img { max-width: 100%; }

.topic-avatar {
  border: 2px solid #F6F5F8;
  overflow: hidden;
  width: 196px;
  height: 396px;
  position: relative;
}

.topic-avatar > a img { width: 196px; }

.topic-avatar > div {
  position: absolute;
  top: 396px;
  background-color: #ffffffe0;
  width: 200px;
  height: 400px;
  transition: all 1s;
  padding: 5px 20px;
  font: 11px 'Roboto', sans-serif;
  letter-spacing: -0.5px;
}

.topic-avatar:hover > div { top: 0; }

.feuille-de-perso a[href*="/u"],
.title-profil {
  font: 30px 'Hamilton', cursive;
  color: #c07c59;
  text-align: right;
  display: block;
  height: 32px;
  text-transform: lowercase;
}

.topic-avatar .label {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 15px;
  color: #262929
}

.topic-avatar>div .label span,
.feuille-de-perso {
  color: #262929 !important;
}

.feuille-de-perso textarea {
  min-width: 100%;
  max-width: 100%;
  display: block;
  height: 50px;
  background-color: #F6F5F8;
  padding: 6px;
  overflow: auto;
  margin-bottom: 10px;
  font-size: 10px;
  text-align: justify;
  line-height: 12px;
}

.feuille-de-perso br { display: none; }

.topic-avatar > div > div {
  position: absolute;
  bottom: 15px;
  right: 17px;
}

.topic-avatar > div > div a:first-child { padding-right: 7px; }

.separation {
  width: 555px;
  margin: auto;
  height: 1px;
  background-color: #C3C3C3;
  margin: 15px 0 2px;
}

.signature-topic {
  width: 100%;
  max-height: 280px;
  padding: 5px;
  overflow:auto;
}

.signature-topic img { max-width: 100%; }
#wrap-topic a[name="quickreply"]+.h3 {  display: none; }
#wrap-topic form#quick_reply { width: 100%; }

#wrap-topic .sceditor-container,
#wrap-topic .sceditor-container iframe,
#wrap-topic .sceditor-container textarea,
#wrap-topic .sceditor-toolbar {
  background-color: #F1F0F4 !important;
  width: 100% !important;
  font-family: 'Roboto', sans-serif;
}

#wrap-topic #quick_reply #textarea_content { box-shadow: none; }

#wrap-topic #quick_reply #textarea_content+div input {
  background-color: #ECEBF0;
  box-shadow: none;
  border-radius: 0;
  font: 15px 'DM Serif Display', serif;
  color: #c07c59;
  text-transform: uppercase;
  margin: 0px 10px 10px 10px;
  height: 35px;
  padding: 0 15px;
}

#topic-form label { font-size: 0; }

#topic-form select {
  background-color: #F1F0F4;
  border: none;
  font-size: 10px;
  padding: 3px 5px;
}

#topic-form fieldset { margin: 55px 0 28px; }

#topic-form input {
  background-color: #ECEBF0;
  box-shadow: none;
  border-radius: 0;
  font: 12px 'DM Serif Display', serif;
  color: #c07c59;
  text-transform: uppercase;
  margin: 0 5px;
  height: 21px;
  padding: 0 5px;
}

.permissions {
  width: 100%;
  background-color: #F1F0F4;
  padding: 20px 25px;
  font: 11px 'Roboto', sans-serif;
}

.permissions a { color: #c07c59; }

.permissions .h3 {
  border: none;
  font: 13px 'DM Serif Display', serif;
  text-transform: uppercase;
  margin-bottom: 5px;
}

/** CITATION CODE SPOILER **/
blockquote,
dl.codebox {
  margin: 0 0 20px;
  background: none;
  font: 12px 'Roboto', sans-serif;
  padding: 0;
  border: none;
}

blockquote { padding: 10px 30px; }

dl.codebox code,
.spoiler dd,
.hidecode {
  background-color: #F6F5F8 !important;
  padding: 10px 30px !important;
}

.hidecode dt,
dl.codebox::before,
blockquote::before {
  display: none !important;
}

dl.codebox dt, cite {
  border: none;
  color: #C38567;
  font: 11px 'Roboto', sans-serif;
  text-transform: uppercase;
  margin: 5px 0 8px 11px;
  font-weight: 500;
}

.spoiler dt { margin-bottom: 3px !important; }
dl.codebox code { font-size: 12px; }
/* --------- FIN AFFICHAGE MESSAGES --------- */
     
     
        /******************************************************************
        MISE EN FORME DES CATÉGORIES : AFFICHER LES SOUS FORUMS EN COLONNE
        ***************************/
        .secondarytitle {
           
        }
        .cat_gauche {
            font-size:12px;
            background-color:WhiteSmoke;
            padding:5px;
            margin-top:9px;
            width:140px;
        }
        .nom_cat {
            font-size:16px;
            font-weight:bold;
            font-family:Tahoma;
            transition:1s;
            transition-delay: -0.1s;
        }
        .nom_cat:hover {
            font-size:16px;
            font-weight:bold;
            font-family:Tahoma;
            letter-spacing:5px;
            transition:1s;
        }
        .cat_desc {
            height:105px;
            overflow:auto;
            display:block;
            text-align:justify;
            font-size:10px;
            background-color:#FAFAFA;
        }
        .cat_droite_conteneur {
            margin-top:25px;
            height:105px;
            overflow:auto;
            display:block;
            text-align:justify;
            background-color:#FAFAFA;
            padding:10px;
        }
        .cat_droite_contenu {
            background-color:white;
            padding:3px;
            width:124px;
            margin:auto;
            font-family:Tahoma
            font-size:11px;
        }
        .gensmall2 a {
            font-size:11px !important;
        }
        /* FIN PRESENTATION */
        textarea {
            border:1px solid #E6EACD;
            background-color:#FAFBF7;
        }
        .postbody {
            display: block;
            line-height:12px;
            text-align:justify;
        }
        .liensfec {
            text-shadow:1px 1px 0px white;
        }
        /* DEBUT CATEGORIES */
        table {
            border-collapse: separate;
            border-spacing: 0px;
        }
        .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
            padding: 2px 3px;
            padding-top: 2px;
            padding-right: 3px;
            padding-bottom: 2px;
            padding-left: 3px;
        }
        .bodylinewidth {
            width:25%
        }
        .bodyline {
            -moz-border-radius:10px;
            border-radius:10px;
            border : 3px solid #cfc5c7;
        }
        .forumline {
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }
        td.catHead, th.thHead {
            -webkit-border-radius: 15px 15px 0 0;
            -moz-border-radius: 15px 15px 0 0;
            border-radius: 15px 15px 0 0;
        }
        td.catBottom, th.thBottom {
            -webkit-border-radius: 0 0 15px 15px;
            -moz-border-radius: 0 0 15px 15px;
            border-radius: 0 0 15px 15px;
        }
        .posts {
            color: #e2a976;
            font-size: 9px;
            position: absolute;
            right: 0;
            top: -15px;
        }
        /* FIN CATEGORIES*/


/* DEBUT NAVIGATION */

      /* NAVBAR - ARTEMIS POUR EPICODE */

:root
{
 --couleur-bleue: #BAA19C;
}

.bodylinewidth
{
 margin-top: 72px;
}

.navbar_arte
{
 width: 100%;
 background: #f9f9f9;
 height: 70px;
 -webkit-box-shadow: 0 2px 1px #e6e6e6;
 box-shadow: 0 2px 1px #e6e6e6;
 position: fixed;
 top: 0;
 left: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 5px 15px 0 5px;
 z-index: 999;
}

.avatar_navbar
{
 width: 60px;
 height: 60px;
 border: 1px solid white;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 5px;
 background: #e9e9e9;
 display: inline-block;
 float: left;
}

.avatar_navbar img
{
 width: 48px;
 height: 48px;
 -o-object-fit: cover;
 object-fit: cover;
}

.bloc_pseudo_search
{
 font: 9px montserrat;
 width: 240px;
 display: inline-block;
 text-transform: uppercase;
 letter-spacing: 2px;
 height: 60px;
 vertical-align: top;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 10px 5px;
 color: #6f6f6f;
 float: left;
 text-align: left;
 margin-left: 5px;
}

.bloc_pseudo_search li
{
 list-style-type: none;
}

.navbar_arte form
{
 height: 20px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 background: white;
 padding: 0;
 margin-top: 8px;
}

.navbar_arte form input[type="submit"]
{
 border: none!important;
 background: var(--couleur-bleue)!important;
 color: white !important;
 padding: 0 10px!important;
 margin:0!important;
 border-radius:0!important;
 -webkit-box-shadow:none!important;
 box-shadow:none!important;
}

.navbar_arte form input[type="text"]
{
 cursor: text;
 border: none!important;
 width: 100%;
 min-width: 150px;
 padding: 0 8px!important;
 margin:0!important;
 background: rgba(255,255,255,0.05)!important;
 color: lightgray;
 font-size:11px;
 border-radius:0!important;
 -webkit-box-shadow:none!important;
 box-shadow:none!important;
 text-transform: uppercase !important;
 font: 10px calibri !important;
 letter-spacing: 2px !important;
}

.navbar_arte form input
{
 outline: none;
 font-size:11px;
}

.link_navbar
{
 float: right;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 25px 15px;
 font: 10px montserrat;
 text-transform: uppercase;
}

.link_navbar a
{
 text-decoration: none;
 margin: 0 5px;
 color: var(--couleur-bleue);
 font-weight: 600;
}

.link_navbar a img
{
 display: none;
}

.link_navbar a:hover
{
 text-decoration: none !important;
 color: var(--couleur-bleue);
}

.link_navbar a::before,.link_navbar a::after
{
 display: inline-block;
 opacity: 0;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
 -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
 transition: opacity 0.2s, -webkit-transform 0.3s;
 -o-transition: transform 0.3s, opacity 0.2s;
 transition: transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s}

.link_navbar a::before
{
 content: '[';
 -webkit-transform: translateX(25px);
 -ms-transform: translateX(25px);
 transform: translateX(25px);
}

.link_navbar a::after
{
 content: ' ]';
 -webkit-transform: translateX(-25px);
 -ms-transform: translateX(-25px);
 transform: translateX(-25px);
}

.link_navbar a:hover::before,.link_navbar a:hover::after
{
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}

.link_navbar a[href^="/search"]
{
 display: none;
}

.link_navbar li
{
 list-style-type: none;
 display: inline-block;
}
/* FIN ESPACE BANN - NAVBAR */


/* --------------------------------- PROFIL --------------------------------- */

/* Fond du profil */
.fond_profil {
  background-color: #E0E0E0;
  border-radius: 25px;
  width: 200px;
  font-family: arial;
  font-size: 12px;
  box-shadow: 2px 2px 10px white;
  -moz-box-shadow: 2px 2px 10px white;
  -webkit-box-shadow: 2px 2px 10px white;
}

/* Mise en forme du pseudo */
.pseudo_profil {
 
  font-size: 12px;
  text-align: center !important;
 
}

/* Enlève le soulignement sous le pseudo */
.pseudo_profil a{
  text-decoration: none !important;
  font-size: 12px;
}

/* Fond du pseudo */
.pseudo_fond {
  background-image:
  background-repeat: no-repeat;
}

/* Mise en forme de l'avatar */
.avatar_profil img {
  max-width: 200px;
  max-height: 400px;
  border-radius: 15px;
  box-shadow: 2px 2px 10px black;
  -moz-box-shadow: 2px 2px 10px black;
  -webkit-box-shadow: 2px 2px 10px black;
}

/* Mise en forme du rang du profil */
.rang_profil {
 
  color: #646E7B;
  font-size: 14px;
  font-family: arial;
}

/* Contenu du bloc d'information */
.postdetails_profil {
  background-color: #F2F2F2;
  border: 1px solid #CFCFCF;
  width: 160px;
  font-size: 11px;
  padding: 10px;
  text-align: justify;
  color: #646E7B;
}

/* Positionnement du bouton "MP" */
.mp_profil {
  position: relative;
  top: 1.5em;
  left: -4em;
}


/* --------------------------------- FIN PROFIL --------------------------------- */

    /* -------------------------------- QEEL -------------------------------- */

 /***************************************************** QUI EST EN LIGNE *****************************************************/
.fond_qeel {
    background: url(https://zupimages.net/up/20/36/8cob.png);
    box-sizing: border-box;
    font-size: 12px;
    margin: 0 auto 2% auto;
    padding: 2%;
    width: 730px;
    font-family: Arial;
    color: #745881;
}

/* BLOCS GAUCHE ET DROIT */
.boite_qeel {
    background: #FCF5F8;
    border: 1px solid #FEECF3;
    padding: 1%;
    float: left;
    width: 30%;
    height: 150px;
    overflow: auto;
}

/* BLOC MILIEU */
.qeel_groupes {
    float: left;
    width: 33%;
    margin: 0 1%;
  font-size: 15px;
    text-align: center;
}

/* Mise en forme generale des liens */
.qeel_groupes a {
    display: inline-block;
    width: width: 105px;
    margin: 0 2% 2% 0;
      text-transform: uppercase;
    padding: 1% 0;
    color: #FCF5F8 !important;
}

/* Mise en forme de chaque groupe */
.qeel_g1 {background: #BD1111 !important; width: 105px;}
.qeel_g2 {background: #5796A1 !important; width: 105px;}
.qeel_g3 {background: #1F6B40 !important; width: 105px;}
.qeel_g4 {background: #39326E !important; width: 105px;}
.qeel_g5 {background: #BA9575 !important; width: 210px;}
.qeel_g6 {}


 
/* Texte bienvenu */
.qeel_bienvenu {
    width: 100%;
    float: center;
    text-align: center;
  font-style: italic ;
  color:#000
    padding: 18% 0 0;
}


/* TRANSPARENCE DU BLOC 24H */
#kaboum .row1 {
    background-color: transparent;
}

#kaboum .row1 .gensmall {
    font-size: 12px;
    color: #626667;
    font-family: Arial;
}


/* CREDITS */

      #credits {
        position: absolute;
        padding: 0px 10px;
        bottom: -20px;
        right: 0px;
        height: 20px;
        line-height: 20px;
        font-size: 8px;
        color: gray;
        text-transform: uppercase;
        text-shadow: 1px 1px 0px #ffffff;
      }
    /* -------------------------------- FIN QEEL -------------------------------- */


/*--------------------------------- PA ---------------------------------*/

        /* Fond */
        .fondsgénéraux {
          background-color: #E6E6E6;
          width: 700px;
          padding: 15px;
          color: #767676;
        }

        .blocpa {
          width: 220px;
          padding: 15px;
          background-color: #C9C9C9;
        }

        .blocpa:hover {
          width: 220px;
          background-color: #C9C9C9;
          border-left: 2px solid #2F3C3E;
          border-right: 2px solid #2F3C3E;
        }

        /* Titres */
        .titrePA1 {
          font-family: impact;
          font-size: 35px;
          color: #FE6D6D;
          z-index: 1px;
          position: relative;
        }

        .titrePA2 {
          font-family: impact;
          font-size: 25px;
          color: #F0F0F0;
          position: relative;
        }

        .titrePA2:hover {
          font-family: impact;
          font-size: 25px;
          color: #B7110A;
          position: relative;
        }

        .titrePA3 {
          font-family: impact;
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        .titrePA3:hover {
          font-family: parisienne;
          font-size: 25px;
          color: #B7110A;
          position: relative;
        }

        /* Système onglets */
        .paonglet {
          display: inline-block;
          cursor: pointer;
        }

        .contenu_paonglet {
          display: none;
          width: 250px;
          height: 360px;
          background-color: #C9C9C9;
        }

        .contenu_paonglet:hover {
          display: none;
          width: 250px;
          background-color: #C9C9C9;
          border-left: 2px solid #2F3C3E;
          border-right: 2px solid #2F3C3E;
        }

        /* Info-bulles staff */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }

        d.info:hover {
          z-index: 25;
        }
       
        d.info span {
          display: none;
        }
       
        d.info:hover span {
          display: block;
          position: absolute;
          top: -2em;
        left: -2em;
          width: 120px;
          height: 50px;
          background-color: #C9C9C9;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Info-bulles prédef */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }
       
        c.info:hover {
          z-index: 25;
        }
       
        c.info span {
          display: none;
        }
       
        c.info:hover span {
          display: block;
          position: absolute;
          top: -7.3em;
        left: -0.2em;
          border-radius: 50%;
          width: 85px;
          height: 85px;
          background-color: #C9C9C9;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Images Prédef */
        .imgPA {
          border-radius: 50%;
          width: 80px;
          height: 80px;
        }

        /* Images Staff */
        .imgwidget {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
        }

        .imgwidget:hover {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }

        /* Top Sites */
        .tops {
          -moz-transform: rotate(20deg);
          -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
          width: 40px;
        }

        .tops:hover {
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          width: 40px;
        }

        /*--------------------------------- FIN PA ---------------------------------*/

Soulignement des liens
///

a:hover{
text-decoration: none !important;
}
 
a {
text-decoration: none !important;
}
 
a:link {
text-decoration: none;
}
 
a:visited {
text-decoration: none;
}
///

Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui apparaît dans le design.

Message par Kardo Mar 1 Sep 2020 - 10:56

Bonjour,
Dans votre template, sortez juste le script de la div comme ceci :
Avant :
Code:

<div id="header-topic">
    <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
    <a href="{U_INDEX}"><span>{L_INDEX}</span></a>
    {NAV_CAT_DESC}
    <script type="text/javascript">
      //<![CDATA[
      $('#header-topic').html($('#header-topic').html().replace(/::/g,'|'));
      //]]>
    </script>
  </div>

Après :
Code:
<div id="header-topic">
    <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
    <a href="{U_INDEX}"><span>{L_INDEX}</span></a>
    {NAV_CAT_DESC}    
  </div>
<script type="text/javascript">
      //<![CDATA[
      $('#header-topic').html($('#header-topic').html().replace(/::/g,'|'));
      //]]>
    </script>

Cela devrait résoudre votre problème.
Kardo

Kardo
Dévactif
Dévactif

Messages : 127
Inscrit(e) le : 06/12/2019

Voir le profil de l'utilisateur https://www.forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code qui apparaît dans le design.

Message par Eleniel Ven 4 Sep 2020 - 9:45

Bonjour, effectivement, ça marche! un grand merci ! Smile
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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