AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

    Problème pour l'affichage des Spoilers

    Louxx
    Louxx
    MasculinAge : 26Messages : 119

    Jeu 2 Juin 2011 - 18:21

    Bonjour à tous,
    Mon problème :
    - Lorsque je veux mettre un Spoiler, tout marche bien, mais dès que je vais voir mon message posté, le spoiler ne s'affiche pas, il reste toujours "fermé".
    Il y a marqué Spoiler avec la ligne blanche mais il n'y a rien à l'intérieur ! :o

    Voici mon forum : voyez par vous même (Je vous mets un topic ou il y a des spoilers) : http://narutopowaa.forumgratuit.org/
    Je suis sous Firefox et mon forum est en phpbb2, c'est un forumactif.

    Voilà, pouriiez vous m'aider ?
    J'ai cherché un peu partout mais je n'ai rien trouvé qui corresponde à ma demande.
    Pourriez vous m'aider ?

    (Je n'ai pas mis de screen etant donné que mon problème ne concerne pas trop la "mise en page" et le "physique" du forum)
    • Revenir en haut
    Urbanspirit
    Urbanspirit
    MasculinAge : 36Messages : 154

    Jeu 2 Juin 2011 - 18:45

    Peut tu mètre un lien vars le topic et non juste vers le forum svp xD

    sinon sa va être dur de tester :o

    dans ton spoiler tu met quoi ? des phrases des images?



    Problème pour l'affichage des Spoilers Urbans10
    • Revenir en haut
    Louxx
    Louxx
    MasculinAge : 26Messages : 119

    Jeu 2 Juin 2011 - 19:04

    Bah, des phrases et des images, voici le lien, tout à l'heure je me suis trompé :
    http://narutopowaa.forumgratuit.org/t82-quel-moment-vous-a-le-plus-touche-spoil
    Dans ce topic, j'ai mis des phrases.
    • Revenir en haut
    Urbanspirit
    Urbanspirit
    MasculinAge : 36Messages : 154

    Ven 3 Juin 2011 - 12:50

    Tu peux mettre le code ici de ton premier post :)?

    Et en effet sa ne marche pas...Bon d'un coté je me suis pas inscrit ni connecté je sais pas si tu à mit des droit d'affichages de ce style :p



    Problème pour l'affichage des Spoilers Urbans10
    • Revenir en haut
    Louxx
    Louxx
    MasculinAge : 26Messages : 119

    Ven 3 Juin 2011 - 13:14

    Je n'ai pas de code spécial, j'ai juste fait [spoiler][/spoiler*] (Sans le *)
    Quand à l'accès, tout le monde peut voir même les invités. SEul sur la CB, les spoiler marchent... :/
    • Revenir en haut
    Urbanspirit
    Urbanspirit
    MasculinAge : 36Messages : 154

    Ven 3 Juin 2011 - 13:30

    ok ok...tu étais allé demander sur le forum des forums actifs ou non?

    Car un bug de balise soit sa viens d'un soucis sur ton forum soit d'un truc qui a mal été configuré ...

    Ils marchaient avant les spoilers? si oui tu a changer quoi depuis?



    Problème pour l'affichage des Spoilers Urbans10
    • Revenir en haut
    Louxx
    Louxx
    MasculinAge : 26Messages : 119

    Ven 3 Juin 2011 - 14:13

    Hé bien, je n'ai rien changé côté spoiler.
    Mais j'ai changé beaucoup de trucs. Plusieurs fois de thèmes, nouvelle page CSS...
    Ca vient de là ,?
    • Revenir en haut
    Jay No Shi
    Jay No Shi
    MasculinAge : 28Messages : 631

    Ven 3 Juin 2011 - 16:53

    • Cela vient probablement du CSS à mon avis ^^ *nouveau-petit-passage-par-là* car j'ai fait un test sur mon forum et mes spoilers fonctionnent parfaitement bien (donc du coup c'est pas la faute à forumactif pour une fois xD)



    Problème pour l'affichage des Spoilers 303026HeiYin
    • Revenir en haut
    Louxx
    Louxx
    MasculinAge : 26Messages : 119

    Sam 4 Juin 2011 - 12:33

    Je pense qu'il s'agit de mon template Overhall_Header
    Le voilà :
    Pourriez vous m'indiquer les erreurs ??
    Code:
    <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml">
    <head>
      <!-- BEGIN meta_emulate_ie7 -->
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      <!-- END meta_emulate_ie7 -->
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      {META_FAVICO}
      {META}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->
      <!-- BEGIN switch_ticker -->
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">
      //<![CDATA[

      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir  = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
          case 'top' :
            slid_vert = true;
            break;

          case 'left':
            break;

          case 'bottom':
            slid_vert = true;
            auto_dir  = 'prev';
            break;

          case 'right':
            auto_dir  = 'prev';
            break;

          default:
            slid_vert = true;
      }

      $(document).ready(function() {
          var w_cont = $('#fa_ticker_container').width();

          if (w_cont > 0)
          {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des �l�ments */
            var width_max  = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
                if ($(this).height() > height_max)
                {
                  height_max = $(this).height();
                }
            } );

            /* Redimensionnement des �l�ments et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                if ($(this).width() > width_item)
                {
                var ratio      = $(this).width() / width_item;
                var new_height = Math.round($(this).height() / ratio);
                $(this).height(new_height).width(width_item);
                }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
                $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
                wrap: 'circular',
                auto: {switch_ticker.STOP_TIME},
                auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
              });
          }
          else
          {
              $('ul#fa_ticker_content li:not(:first)').css('display','none');
              $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
          }
      });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            pm.focus();
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            report.focus();
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
      <!-- END switch_login_popup -->
      //]]>
      </script>

      {GREETING_POPUP}
      <!-- BEGIN hitskin_preview -->
      <style type="text/css">
      #hitskin_preview {
          margin: 0; padding: 0;
          position: fixed;
          top: 0; left: 0;
          width: 100%;
          height: 65px;
          background: url('http://fc04.deviantart.net/fs18/f/2007/220/4/4/background_by_CoreyWhite.jpg') repeat-x left -15px;
          color: #fff;
      }
      * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
          position: absolute;
          top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
          z-index: 2;
          background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
      }
      * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
        background: #fff url(foo) fixed;
        }
      #hitskin_preview h1 {
          float: left;
          margin: 3px 0 0 0;
          padding: 0 0 0 10px;
          font: italic normal 25px Arial,sans serif;
          color: #fff;
      }
      #hitskin_preview h1 img {
          vertical-align: middle;
      }
      #hitskin_preview em {
          color: #7CBA2C;
          font-weight: bold;
      }
      #hitskin_preview a {
      color: #fff;
      }
      #hitskin_preview a:hover {
      text-decoration: underline;
      }

      #hitskin_preview .content {
          text-align: right;
      }
      #hitskin_preview .content p {
          margin: 4px 1em 0px 1em;
          font-size: 13px;
          line-height: 1.8em;
          color: #fff;
          font-weight: bold;
      }
      #hitskin_preview .content p span {
          font-weight: normal;
          font-size: 0.8em;
      }
      body {
          margin-top: 40px !important;
      }
      {hitskin_preview.HITSKIN_RTL_CSS}
      </style>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }

      </style>
      <!-- END switch_ticker_new --><script type="text/javascript" src="http://illiweb.com/rs3/11/frm/lang/notutf8-fr.js"></script></head>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup">
          <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                  <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                  <div id="login_popup_buttons">
                      <form action="{S_LOGIN_ACTION}" method="get">
                        <input type="submit" class="mainoption" value="{L_LOGIN}" />
                        <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                        <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                      </form>
                  </div>
                  <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
          </table>
      </div>
      <!-- END switch_login_popup -->

      <a name="top"></a>
      {JAVASCRIPT}
      <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
          <tr>
            <td class="bodyline"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                  <tr>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                  </tr>
                </table><br>
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tr>
                      <!-- BEGIN switch_logo_left -->
                      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                      <td align="center" width="100%" valign="middle">
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                      </td>
                      <!-- END switch_logo_left -->

                      <!-- BEGIN switch_logo_center -->
                      <td align="center" width="100%" valign="middle">
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}</span>
                      </td>
                      <!-- END switch_logo_center -->

                      <!-- BEGIN switch_logo_right -->
                      <td align="center" width="100%" valign="middle">
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                      </td>
                      <td>
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                      </td>
                      <!-- END switch_logo_right -->
                  </tr>
                </table>

                <div style="clear: both;"></div>

                <!-- BEGIN switch_ticker_new -->
             
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker_new -->

                <!-- BEGIN switch_ticker -->
    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker -->

                <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                      <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                            <tr>
                              <td valign="top" width="{C1SIZE}">
                                  <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
                              </td>
                              <td valign="top" width="100%">
    <!-- BEGIN html_validation -->
                              </td>
                            </tr>
                        </tbody>
                      </table>
                  </div>
                </div>
            </td>
          </tr>
      </table>
    </body>
    </html>
    <!-- END html_validation -->
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 7:41