Soucis de toolbar sous punbb

+2
kiwi14637
demeter1
6 participants

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

Résolu Soucis de toolbar sous punbb

Message par demeter1 Jeu 22 Mai 2014 - 13:34

Bonjour à tous,
Je rencontre un soucis particulièrement étrange avec la toolbar avec un forum qui est sous punbb.
La barre est fonctionnelle sur toutes les pages du forum hormis sur l'index.

J'ai commencé par vérifier si j'avais omis de faire les modifs de ce tutoriel mais tout est bon. Il ya juste une légére différence dans la fin du template viewtopic body mais les modifications ont été faites.

J'ai forcé mes templates par défaut, bloqué les js et vidé le css du forum mais rien à faire.

Bizarrement, la case recherche, le lien de fa, la barre share fonctionnent mais les mentions "bienvenue et "notifications" restent telles quelles sans ouvrit les "slides" au clic.

Le lien du forum
http://floratropica.forumactif.org/

dans le doute le template 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 = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

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>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs noprint">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>  
     <div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
      <!-- END switch_fb_likebtn -->
   </p>
</div>


<div class="titlebox">
  <dd> <dava><div class="avatarredet"><a class="teste2" href="#">
    <img class="teste" alt="" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" /></a></div></dava>
    <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
      <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
      <div class="desc lighter blend_links">
        <dts>Initié par </dts><span itemprop="creator"></span>, <span itemprop="data_post"></span></div></div>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <div class="seguir">
      <li>{S_WATCH_TOPIC}</li>
    </div>
  <!-- END watchtopic -->
<!-- END switch_user_logged_in -->
  </dd></div>




<div class="main paged">
   <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
                  
                  
        
        <!-- BEGIN switch_user_authpost -->
                       <span class="lav">   <a href="{U_POST_NEW_TOPIC}" id="nouveausujet" align="middle" border="0">Nouveau sujet</a></span>  
        <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <span class="lav"><a href="{U_POST_REPLY_TOPIC}" id="repondre" align="middle" border="0">Répondre</a></span>
         <!-- END switch_user_authreply -->
        
                 
                  
                  
                  
      </p>
   </div>
   {POLL_DISPLAY}
   <div class="main-head clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>

   <div class="main-content topic">
      <!-- BEGIN postrow -->
        
       
        <!-- BEGIN displayed -->
        
        <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                     {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
                  </h2>
               </div>

               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                     <div class="user-ident">
                        
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<h4 class="username">{postrow.displayed.POSTER_NAME}
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</h4>
                        </div>

                     </div>
                     <div class="user-info">
                        <div class="post_online"><status class="online_ipb" style=" background: url(http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png); float: right; height: 15px; margin: -20px 4px -3px 0; width: 51px; display: block!important; ">{postrow.displayed.ONLINE_IMG}</status></div>
                        <!-- BEGIN profile_field -->
                        <div class=khung>
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                                          </div>

                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
                  </div>

                  <div class="post-entry">
                     <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->

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

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

                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                           <div>{postrow.displayed.MESSAGE}</div>
                           <!-- BEGIN switch_attachments -->
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                       <!-- BEGIN switch_dl_att -->
                                       <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}
                                       <!-- END switch_dl_att -->

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

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

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

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>

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

               <div class="postfoot">
                  <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- END displayed -->
      <!-- END postrow -->
   </div>

   <div class="main-foot clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
         <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}" />

         <!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
      </p>
   </div>

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

   <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
      <span class="lav">   <a href="{U_POST_NEW_TOPIC}" id="nouveausujet" align="middle" border="0">Nouveau sujet</a></span>      &nbsp;&nbsp;
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <span class="lav"><a href="{U_POST_REPLY_TOPIC}" id="repondre" align="middle" border="0">Répondre</a></span>

         <!-- END switch_user_authreply -->
      </p>




   </div>

</div>

<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-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 -->

<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>

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



<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

un accès membre si jamais vous souhaitez vérifier
pseudo :demeter
mot de passe : demeter123

Si vous avez une idée !!!!! Embarassed


Dernière édition par demeter1 le Lun 26 Mai 2014 - 15:33, édité 6 fois
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par kiwi14637 Jeu 22 Mai 2014 - 19:30

Bonsoir,

Je ne vois aucun problème ... De quelle page parlez-vous précisément (adresse) ?
Désactivez le code permettant d'avoir les icônes de modération directement sur la page listant les différents sujets d'un forum (si le javascript est présent ...).

Bonne soirée !
kiwi14637

kiwi14637
Membre habitué

Masculin
Messages : 1387
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par demeter1 Ven 23 Mai 2014 - 2:26

+Bonjour Kiwi,
Il s'agit de l'index de http://floratropica.forumactif.org/  .

Je n'ai pas de soucis sur les autres pages; juste sur l'index. Les panneau du bienvenue et des notifications ne s'ouvrent pas à ce niveau.

En mode invité, vous n'y aurez pas accès, c'est pour ça que j'ai fourni des identifiants de connexion.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par kiwi14637 Ven 23 Mai 2014 - 15:39

Bonjour,

J'avais mal compris ... Je croyais que c'était la toolbar qui ne s'affichait pas ...
Avec la console de Firebug (Béta) j'obtiens 2 erreurs js "intéressantes" (la première et la dernière) :
Soucis de toolbar sous punbb Captur20

J'ai l'impression qu'il manque quelque chose dans le template index_body ...
Est-il modifié ?

Merci ! Smile

Bonne journée !
kiwi14637

kiwi14637
Membre habitué

Masculin
Messages : 1387
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par demeter1 Sam 24 Mai 2014 - 7:54

Bonjour Kiwi,
Je vous avouerai avoir fait divers tests. En forçant les templates par défaut + en désactivant les js et en supprimant le css de la feuille de style en même temps, j'ai toujours le soucis.

J'aurai pu penser à un problème de  navigateur mais vu que j'arrive à activer le bouton bienvenue et celui des notifications sur les autres pages, je ne pense pas que ce soit cela.

Un beug éventuellement sur le thème choisi peu être (je ne sais si cela est possible).

Ceci dit le template index_body est effectivement modifié.

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="100%" valign="top">
  <div id="pagetitle">
      <h1>Flora Tropica</h1>
      <p id="welcomemessage" class="description">Bienvenue sur le forum <span class="USERNAME"></span><script type="text/javascript" src="http://tinyurl.com/var-fa"></script>.    
                  
                  
                  </p>
    
    
    
    
    
    
   </div>
  {BOARD_INDEX}</td>
<td width="30%" valign="top">
      <div id="sidebar_home">
  <div id="sidebar_container">
      <ul id="sidebar">
        <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://i55.servimg.com/u/f55/11/93/85/24/collap10.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">On pense à vous</span></div>    
  <div class="widget_content blockbody floatcontainer">
    <ul id="block_newthreads_2" class="blockrow">

 <script type="text/javascript">
jQuery(document).ready(function() {
  jQuery.get('/profile?mode=editprofile&page_profil=notifications', function(e) {
  var sNot = jQuery('form[name="notif_list"] thead', e).next().find('tr').length;
  jQuery('#notif').html(sNot);
  });
});
</script>
      <b> Vous avez </b> <div id="notif" style="display: inline-block;"></div><b> notification(s) </b><br/>
<a href="/profile?mode=editprofile&page_profil=notifications">Voir toutes les notifications</a>      
      <br/>
    
  
      
    </ul>
</div></div><div class="underblock"></div></li>
  
    
        
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://i55.servimg.com/u/f55/11/93/85/24/collap10.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">Liens utiles</span></div>    
  <div class="widget_content blockbody floatcontainer">
    <ul id="block_newthreads_2" class="blockrow">
      <a href="/#"> <img src="http://i55.servimg.com/u/f55/11/93/85/24/loniw10.png" alt="" align="" border="0px" />Link</a><br/>
      <a href="/#"> <img src="http://i55.servimg.com/u/f55/11/93/85/24/loniw10.png" alt="" align="" border="0px" />Link</a><br/>
      <a href="/#"> <img src="http://i55.servimg.com/u/f55/11/93/85/24/loniw10.png" alt="" align="" border="0px" />Link</a><br/>
      <a href="/#"> <img src="http://i55.servimg.com/u/f55/11/93/85/24/loniw10.png" alt="" align="" border="0px" />Link</a><br/>
      <a href="/#"> <img src="http://i55.servimg.com/u/f55/11/93/85/24/loniw10.png" alt="" align="" border="0px" />Link</a><br/>
      <a href="/#"> <img src="http://i55.servimg.com/u/f55/11/93/85/24/loniw10.png" alt="" align="" border="0px" />Link</a><br/>
    </ul>
</div></div><div class="underblock"></div></li>
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://i55.servimg.com/u/f55/11/93/85/24/collap10.png" id="collapseimg_newthreads_1" /></a>
  <span class="blocktitle">Derniers membres connectés</span></div>    
<div class="widget_content blockbody floatcontainer">
  <ul id="block_newthreads_2" class="blockrow">
          <style>#topp img {height: 35px;width: 35px;background-color:

#FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-

border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp

{text-align: left;width: 250px;}#topp a span{display:none;}#topp a:hover

span {display: inline;position: absolute;padding: 5px;border: 1px solid

white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px

#333;color: white !important;font-size: 10px;}</style>
    <div id="topp"></div><script>jQuery("#topp").load("/memberlist?

mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt

(25)");</script>
  </ul>
</div></div><div class="underblock"></div></li>
  <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://i55.servimg.com/u/f55/11/93/85/24/collap10.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">Derniers sujets</span></div>    
<div class="widget_content blockbody floatcontainer">
  <ul id="block_newthreads_2" class="blockrow">
    
    
   <div id="recent-topics"></div>
 
<script type="text/javascript">
 
jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});
 
</script>    
    
    
    
  </ul>
  </div></div><div class="underblock"></div></li>
        
         <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://i55.servimg.com/u/f55/11/93/85/24/collap10.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">Module1</span></div>    
<div class="widget_content blockbody floatcontainer">
  


  
  
  
  
  
  
  
  
  
  
  
  
  <ul id="block_newthreads_2" class="blockrow">
  <a href="/forum" target="_blank" original-title="Anúncios"><div class="widget_content blockbody floatcontainer"> <div id="block_html_3" class="blockrow"> <center><script type="text/javascript"><!--
google_ad_client = "pub-0368160887864984";
/* 160x600, criado 19/06/11 */
google_ad_slot = "2998845948";
google_ad_width = 160;
google_ad_height = 600;
//--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></center>
    </div> </div></a>
    <!-- Adf Ly Banner -->
     <div class="underblock"></div></li>
  <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://i55.servimg.com/u/f55/11/93/85/24/collap10.png" id="collapseimg_newthreads_1" /></a><span class="blocktitle">Module2</span></div>    
<div class="widget_content blockbody floatcontainer">
  <ul id="block_newthreads_2" class="blockrow">
    
    
    contenu du widget
 
  
  </ul>
  </div></div><div class="underblock"></div></li>
  </ul>
     <!-- Adf Ly Banner End -->
    

    
           </div></div><div class="underblock"></div></li>

        </ul></div></div></div></div></td></tr></tbody></table>
<!-- BEGIN disable_viewonline -->

<center><size=24><div class="navlinksBox"><div class="navlinksBoxWrap">
        <a href="/forum?mark=forums" rel="nofollow">Marquer tous les forums comme lus</a>
   |
   <a href="/search?search_id=newposts" rel="nofollow">
      
         Voir les nouveaux messages
      
   </a>
  </div></div></center></size>
<div class="tcat">
   <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>
      <span class="forumtitle">Que ce passe t'il sur le forum ?</span>
      </h2>
   </div></div>
</div>
</div>
<div class="forumbitBox">
<!-- End Whats Going  Heading PureVB -->
   <div id="wgo" class="collapse wgo_block block">
      <div class="blockbody formcontrols floatcontainer">
   </div>
<div class="forumbitBox">
<!-- End Whats Going  Heading PureVB -->
   <div id="wgo" class="collapse wgo_block block">
      <div class="blockbody formcontrols floatcontainer">
         
         
         <!-- logged-in users -->
         <div id="wgo_onlineusers" class="wgo_subblock section">
                         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>
                          <h3 class="blocksubhead"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/misc/users_online.png" alt="Currently Active Users" title="Currently Active Users" />Utilisateurs enregistrés : </h3>
            <div>
               
<p>{NEWEST_USER}</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
            </div>
         </div>
         <!-- end logged-in users -->
         
         
         <!-- Start Members Today -->
         
         <!-- End Members Today -->
         
         
         
         
         
         <div id="wgo_stats" class="wgo_subblock section">
                          <h3 class="blocksubhead"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/misc/forum_stats.png" alt="Statistiques" title="PureVB Demos Statistics" />Statistiques</h3>
            <div>

         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         

      </div>
                        

   </div>
         </div>
         
      </div>
   </div>
        <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight">&nbsp;</div></div></div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->

<!-- END switch_legend -->

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

<style type="text/css">
/* Sidebar--------------------------------------------------- */
#sidebar_container{float:right;width:265px;margin-bottom:3em;padding:43px 0;padding-left:10px;}
#sidebar_container > ul {
background: #F0F0F0 ;
border: 1px solid #E2E2E2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px none;

box-shadow: -2px 2px 2px none;
float: left;
width: 99%;
}
#sidebar_container .block{margin-bottom:4px;border-top-right:5px;border-top-left:5px;padding:6px}
#sidebar_container .blocksubhead {
background: transparent none;
font-size: 13px;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container a.collapse{position:static}
#sidebar_container .blocksubhead a img{vertical-align:middle;float:right}
.widget_content{color:#424242;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;border:1px solid #DADADA;_background-image:none;padding:10px 6px}
#sidebar_container .blockbody{color:#424242;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;_background-image:none;padding:0}
#sidebar_container .underblock{height:9px;background:transparent url(http://i34.servimg.com/u/f34/15/64/85/86/bottom10.png) repeat-x left bottom}
#sidebar_container .blockrow {
border-top: 1px solid white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white url(http://i55.servimg.com/u/f55/11/93/85/24/gradie10.png) repeat-x;
padding: 10px 6px 10px 6px;
}
/* Sidebar--------------------------------------------------- */
</style>

<style>
  #estadisticas-IPB {
overflow: hidden;
text-align: center;
margin: 10px 0px;
}
#estadisticas-IPB div.stat-bloque {
margin-right: 20px;
display: inline;
}
#estadisticas-IPB .stat-bloque span {
display: inline-block;
background: rgba(0, 0, 0, 0.1);
color: #222;
text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
}
.board_statistics {
border-radius: 5px 5px 5px 5px;
margin: 10px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: solid #CCC;
border-width: 0px 1px 1px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
.board_statistics h2 {
color: #C2C2C2;
border-bottom: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
background: #EEE url(http://i55.servimg.com/u/f55/11/93/85/24/m3ytk10.png) repeat-x top;
font-size: 11px;
font-weight: normal;
padding: 8px;
margin: -8px -8px 8px -8px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
.paging a {
padding: 4px 6px;
background: #EAEAEA;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.paging b {
background: #7BA60D;
color: white;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 3px 6px;
}
.paging a:hover {
background: #AF286D;
color: white;
}
#chatbox_header.main-head {
background: #E5E5E5 url(http://i.imgur.com/Ak91R.png) repeat-x 0 0;
text-shadow: black 0 1px 0;
}
.nuevotopicbody a {
background-image: url("http://i55.servimg.com/u/f55/11/93/85/24/nbwdz10.png");
padding-right: 20px;
background-repeat: no-repeat;
background-position: right top;
}
.nuevotopicbody a:hover {
background-position: bottom right;
}

#avatar img {
background: white;
border: 1px solid #959595;
border-image: initial;
height: 24px;
margin-top: 4px;
padding: 1px;
position: relative;
vertical-align: top;
width: 24px;
}
.mini_ava img {

width: 40px;
height: 40px;
border:1px solid gray;
}
.mini_ava {
  float: left;
}
/*Supprimer les widgets de la colonne de droite*/
#content-container div#right;
  display: none;
}
</style>

Ps : un grand  merci pour toute l'aide que vous m'apportez ces derniers jours.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par kiwi14637 Sam 24 Mai 2014 - 13:03

Bonjour,

D'après tous mes tests effectués, cela semble venir de la fonction "jQuery.vsprintf" présente dans le fichier "FAToolbar.js" - lequel ne peut pas être modifié.
J'ai d'abord pensé à un script qui causait cette erreur mais en regardant de plus près la source, voici ce que je vois :
Mon forum :
Code:
<script type="text/javascript" src="http://illiweb.com/rs3/45/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/45/frm/jquery/toolbar/FAToolbar.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/45/frm/json/json2.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/45/frm/jquery/printf/printf.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/45/frm/jquery/dotdotdot/jquery.dotdotdot-1.5.6.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/45/frm/jquery/notif/FA.js"></script><script type="text/javascript">

Votre forum :
Code:
<script type="text/javascript" src="http://illiweb.com/rs3/46/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/46/frm/jquery/toolbar/FAToolbar.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/46/frm/json/json2.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/46/frm/jquery/printf/printf.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/46/frm/jquery/dotdotdot/jquery.dotdotdot-1.5.6.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/46/frm/jquery/notif/FA.js"></script>

Est-ce que le template simple_header est modifié ?
Appliquez toutes mes remarques et si ça ne marche toujours pas, il faudra contacter un Dévactif car ça me dépasse ...

Bonne journée !

PS : Vous avez quelques erreurs de script et il y a une même image obsolète, corrigez-le avec la console du navigateur ... Wink
kiwi14637

kiwi14637
Membre habitué

Masculin
Messages : 1387
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par demeter1 Sam 24 Mai 2014 - 13:58

Merci Kiwi pour cette analyse.
Le template simple_header n'est pas modifié.

Je vais suivre votre conseil et signaler le soucis à un dévactif.

Ps : je vais regarder avec la console pour les erreurs de js. Je bidouille énormément depuis ce matin et nul doute que j'ai fait des boulettes.

Bonne fin de journée et bon weekend.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par Self Dim 25 Mai 2014 - 0:37

Bonjour,

Je n'ai pu déterminer l'origine du problème, mais il y a une chose peu normale qui pourrait être à l'origine du problème même si cette se présente sur toutes les page et que le problème est seulement sur l'index (les codes sont capricieux Very Happy ).
Tout les meta, link et script habituellement dans la balise head sont hors de celle-ci.
Peut-être est-ce simplement une erreur de fermeture de balise, vérifie que la balise head soit bien fermée.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par demeter1 Dim 25 Mai 2014 - 0:49

ReSelf,
La balise head est bien fermée dans le overall header

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 
 
 <div class="searchBox">
      <div class="searchMain">
      <div class="searchMainLeft"><div class="searchMainRight">
      <!-- search form -->
      <form class="navbar_search" id="navbar_search" method="get" action="/search">
                              <input type="hidden" value="searchbox" name="mode" />
                            <input type="hidden" type="radio" value="posts" name="show_results" id="rposts" />
                            <input type="hidden" type="radio" checked="checked" value="topics" name="show_results" id="rtopics" />
                  <div class="searchAdvanced">
              Rechercher
            </div> 
                  <div class="searchWrap">
                    <input class="searchinput" type="text" name="search_keywords" tabindex="1004" value="Ecrivez ici.." onfocus="if (this.value == 'Escreva aqui...') this.value = '';" onblur="if (this.value == '') this.value = 'Escreva aqui...';" size="23">
                  </div>
            <span class="searchButton">
              <input type="image" src="http://www.purevb.com/demo/images/styles/elegance/style_red/searchButton.gif" value="Search" alt="Submit">
            </span>       
        </form> 
              <!-- / search form -->
      </div></div>
      </div>
  </div>
 
  <div id="Animat"></div> 
 
  <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" />
 
 
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <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="{JQUERY_PATH}" type="text/javascript"></script>
  <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" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
          $(document).ready(function() {           
              Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
              });
          });
        <!-- 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 width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }

            $('#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');
        if(pm != null) { 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}');
        if(report != null) { 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 -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- 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 -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->

 

  <style>
  /**-----------------------------------------------------------FIM CSS SKIN---------------------------------------------*/
/* Avatar nos tópicos */
.avatar-index {float: right;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
/* Some BBC related styles.*/
.error_bbc, .warning_bbc, .okay_bbc, .info_bbc, .comet_bbc, .nucler_bbc, .note_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #fff;
    color: #444
}
.error_bbc    {background: #fbe3e4 url(http://i48.servimg.com/u/f48/15/98/03/89/error10.gif) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a  {color: #d12f19}
.warning_bbc    {background: #fff6bf url(http://i48.servimg.com/u/f48/15/98/03/89/warnin10.gif) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a  {color: #817134}
.okay_bbc  {background: #e9ffdd url(http://i48.servimg.com/u/f48/15/98/03/89/okay10.gif) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}
.info_bbc  {background: #e2ecee url(http://i48.servimg.com/u/f48/15/98/03/89/info10.gif) 2.2em center no-repeat; border-color: #3474F4}
.info_bbc a {color: #2d7ba2}
.comet_bbc        {background: #e7b3ff url(http://i48.servimg.com/u/f48/15/98/03/89/commen10.png) 2.2em center no-repeat; border-color: #a034f4}
.comet_bbc a {color: #7a2da2}
.nucler_bbc        {background: #fff4e5 url(http://i48.servimg.com/u/f48/15/98/03/89/nuclea10.png) 2.2em center no-repeat; border-color: #f4bc34}
.nucler_bbc a {color: #a2752d}
.note_bbc        {background: #e5faff url(http://i48.servimg.com/u/f48/15/98/03/89/note11.png) 2.2em center no-repeat; border-color: #34cef4}
.note_bbc a {color: #2d88a2}
/*-------------Centralizar perfil----------------*/
.pun .post .user {
text-align:left;
}
/*-------------Icones de Moderaçao --------------*/
  /* Action Notice ---------------------------------------- */ .bvinfo, .bvsuccess, .bvwarning, .bvalert, .bverror, .bvcancel, .bvhelp, .bvref { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } .bvinfo { color: #00529B; background-color: #BDE5F8; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvref { color: #00529B; background-color: #BDE5F8; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvwarning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvsuccess { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://illiweb.com/fa/pbucket.gif'); } .bverror { color: #D8000C; background-color: #FFBABA; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvcancel { color: #D63301; background-color: #FFCCBA; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvhelp { background-color: #CD9BFF; border: 2px solid #6200C4 ; background-image: url(http://illiweb.com/fa/pbucket.gif) ; } /*-------------------Mod Notice------------------*/ .mod1 { background-color: #ADCBE7; border: 2px solid #0F5C8E; color: #004DFF; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat; background-position: 10px center; margin: 10px 0px; padding:15px 10px 15px 50px; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } .mod2 { background-color: #D6ECA6; border: 2px solid #8DC93E; background-image: url('http://illiweb.com/fa/pbucket.gif'); margin: 10px 0px; padding:15px 10px 15px 80px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } /*-------------------Mod Notice------------------*/ .bvmod{text-align:center;} .bvmod1, .bvmod2, .bvmod3, .bvmod4, .bvmod5{ width: 80%; margin-top:2em; margin-left: auto; margin-right: auto; border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; padding: 15px 20px 15px 80px; margin: 0px 0px 0px 0px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; /*IE min-height ???*/ min-height:40px; height:auto !important; height:40px; overflow:visible; position:relative; bottom:6px;    right: 6px; border: 1px solid #999999; /*Set the position of the background image*/ background-position: 20px 50%; background-repeat: no-repeat; text-align: justify; } .bvmod1, .bvmod2, .bvmod3, .bvmod4,.bvmod5 { /* IE5 ??? */ \margin: 0px 0px -3px 0px; \margin: 0px 0px 0px 0px; } .bvmod1 { background-color: #EEF; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod2 { background-color: #FFC; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod3 { background-color: #FDD; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod4 { background-color: #E4F6F8; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod5 { background-position: 10px center; background-color: #D8F3C9; background-image: url(http://illiweb.com/fa/pbucket.gif);} .bvdown { background:url(http://illiweb.com/fa/pbucket.gif) top left no-repeat; padding-top: 30px; padding-left: 70px; color:blue !important; font-family:"Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size:14px; height:92px; text-align:left !important; } .bvdown a { text-decoration:underline !important; } div .bvdown { margin:auto; width:70%; }


/*--Aviso Novos Amigos--*/
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}
 
#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* Avatar lastpost*/
.avatar-index {float: right;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid rgba(221, 221, 221, 0);margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
/* Some BBC related styles.*/
.error_bbc, .warning_bbc, .okay_bbc, .info_bbc, .comet_bbc, .nucler_bbc, .note_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #fff;
    color: #444
}
.error_bbc    {background: #fbe3e4 url(http://i48.servimg.com/u/f48/15/98/03/89/error10.gif) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a  {color: #d12f19}
.warning_bbc    {background: #fff6bf url(http://i48.servimg.com/u/f48/15/98/03/89/warnin10.gif) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a  {color: #817134}
.okay_bbc  {background: #e9ffdd url(http://i48.servimg.com/u/f48/15/98/03/89/okay10.gif) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}
.info_bbc  {background: #e2ecee url(http://i48.servimg.com/u/f48/15/98/03/89/info10.gif) 2.2em center no-repeat; border-color: #3474F4}
.info_bbc a {color: #2d7ba2}
.comet_bbc        {background: #e7b3ff url(http://i48.servimg.com/u/f48/15/98/03/89/commen10.png) 2.2em center no-repeat; border-color: #a034f4}
.comet_bbc a {color: #7a2da2}
.nucler_bbc        {background: #fff4e5 url(http://i48.servimg.com/u/f48/15/98/03/89/nuclea10.png) 2.2em center no-repeat; border-color: #f4bc34}
.nucler_bbc a {color: #a2752d}
.note_bbc        {background: #e5faff url(http://i48.servimg.com/u/f48/15/98/03/89/note11.png) 2.2em center no-repeat; border-color: #34cef4}
.note_bbc a {color: #2d88a2}

/*---Efeito Botao login----*/
.user_login_form input[type="password"], .user_login_form input[type="text"] {
    border: 1px solid rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    }
    .user_login_form input[type="text"] {
    background: url(http://i.imgur.com/rzOu1.png)no-repeat;
    padding-left: 20px;
    }
    .user_login_form input[type="password"] {
    background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
    padding-left: 20px;
    }
    #username {
    border: 1px solid rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    padding-left: 20px;
    background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
    }
    #password {
    border: 1px solid rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
    padding-left: 20px;
    }
/*------------Mensagens de perfil Skin -------------*/
 #profile-advanced-details .avatar { margin-top: 50px; margin-right: 30px; -webkit-box-shadow: 0px 0px 6px #4ed3bf; -moz-box-shadow: 0px 0px 6px #4ed3bf; box-shadow: 0px 0px 6px #4ed3bf; border: 15px solid #ffffff;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;}
 
#profile-advanced-details .avatar:hover { -webkit-box-shadow: 0px 0px 6px #99a511; -moz-box-shadow: 0px 0px 6px #99a511; box-shadow : 0 0 6px #99a511; }
#profile-advanced-details .message-block {
 -webkit-box-shadow: 0px 0px 6px #4ed3bf; -moz-box-shadow: 0px 0px 6px #4ed3bf; box-shadow: 0px 0px 6px #4ed3bf; border: 5px solid #ffffff;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; background: #E8E8E8;
}

#profile-advanced-details .message-footer {
text-color: transparent;
display: none;
}

 /*-------------------------Perfil em 3D-------------------------------*/
.pun .user-ident .user-basic-info {
line-height: 1.5em;
font-size: 1.5em;
font-weight: bold;
color: white;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
text-align: left;
}
/*-----------------Efeito Spoiler+Code---------------*/
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #b51616;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}

/*--------------- Niveis de alerta--------------------*/
.alert{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#BDE5F8;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png')}
.alert2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ffcc00;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png')}
.alert3{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ff5c5c;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png')}
 /*-------------------------Efeito Balão-------------------------------*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
 
 /*www.rmbr.forumeiros.com*/
        /*popup*/
#btn-e-p{
  font-weight:bold;
cursor:pointer;
    transition:all 0.2s;
}
#btn-e-p:hover{
  color:#f0f0f0;
background:#ADADAD;
  transition:all 0.2s;
}
#formulario-mp #username{
font-weight:bold
}
#formulario-mp #username, #formulario-mp input{
min-height:20px;
  border:1px solid #333;
  border-radius:4px;
}
#formulario-mp #text_editor_textarea{
  border:1px solid #333;
  border-radius:4px;
}
    #mp-r:hover{
  color:black;
    transition:all 0.5s;
      background: rgb(96,96,96); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
 }
    #mp-r{
    padding:6px;
      transition:all 0.5s;
    border:3px solid black;
      border-radius:6px;
      background: rgb(214,214,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
color:white;
      font-weight:bold;cursor:pointer;
    }
        #popup{
 
  eft:-100px!Important;
          box-shadow:9px 8px 20px grey;
          border-radius:9px;
          height:auto;
        cursor:pointer;
          width:300px;
          position:absolute;
          right:420px;
          padding:13px;
          border:3px solid black;
          color:#333;font-weight:bold;
      background: rgb(214,214,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
  }
        #X{
  color:white;
      background: rgb(214,214,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
    border:1px solid #0C5E03;
          cursor:pointer;border-radius:3px;
          width:8px;height:8px;padding-right:3px;
        padding-left:3px;padding-bottom:8.5px;border:1px solid black;color:white;font-weight:bold
        }
        #X:hover{
  color:black;
        background: #a1dbff; /* Old browsers */
    background: rgb(96,96,96); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
  }
.logo {
left: 0px;
position: absolute;
top: 0px;



        </style>
</head>
<body>
 
 
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://i55.servimg.com/u/f55/11/93/85/24/flora_11.gif" ></h1>
       
      <div id="headerInfos">
Bienvenue
<strong>Username</strong>
Flora Tropica est exclusivement réservé aux jardiniers des zones allant du climat méditerranéen francaux zones subtropicales
<a href="/register">Rejoignez-nous</a>
 !
</div>
 
       
      <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" class="module main">
      <div id="login_popup_title" class="main-head">
        <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
        {LOGIN_POPUP_MSG}
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button2" value="{L_LOGIN}" />
              <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  </div>
  <!-- END switch_login_popup -->

 
 
  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
                         
                            <div id="pageWrapper">
         
          <div class="pageTop"><div class="pageWrap">

 
            <div class="socialBox">
      <div class="socialMain">
      <div class="socialMainLeft"></div>
      </div>

  </div>
            <br/><br/> 
            <div class="socialBox">
         <div class="socialLinks">
               
      </div>
           
  <div id="navbar" class="navbar navHome">
  <div class="navLeft"><div class="navRight">
      <div id="navHome"><a href="#"><img src="http://www.purevb.com/demo/images/styles/elegance/style_red/button-home.gif" alt="Home" title="Início"></a></div>
        <div id="navSection"><div class="navSectionBox">
            <div class="navSectionLeft"><div class="navSectionRight">

  <ul id="navtabs" class="navtabs floatcontainer">
     

  <li class="selected" id="vbtab_forum">
      <a class="navtab" href="forum">Forum</a>
     
        <ul class="floatcontainer">
           
                      <li>{GENERATED_NAV_BAR}</li>
       
         
         
                    </ul>
     
  </li>

  <li id="vbtab_blog">
      <a class="navtab" href="blog.php">Blogs des membres</a>
     
  </li>

  <li id="vbtab_whatsnew">
      <a class="navtab" href="activity.php">L'actualité du forum</a>
     
  </li>

  <li id="tab_nzc0_591">
      <a class="navtab" >Météo mondiale</a>
   
     
  </li>
   
   
 <div id="logo" role="banner">

<a href="http://floratropica.forumactif.org/rss" title="S'abonner au flux des articles du forum" id="rss">

</div>
 
  </ul>
        </div></div>
      </div></div>
  </div></div>
</div>
   
   
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
        <a name="top" href="forum.php" class="logo"><img src="http://i55.servimg.com/u/f55/11/93/85/24/flora_11.gif " ></a>
         
          <div id="loginBox">
            <div class="loginBox">
              <!-- login form -->
                                  <!-- BEGIN switch_user_logged_out -->
                                 
                                  <form action="/login.forum" method="post" name="form_login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
             
                                   
 <ul>
                  <li class="inputPad"><div class="loginBoxInput">
                  <input placeholder=" Nom d'utilisateur" class="loginInput default-value" type="text" size="10" name="username" tabindex="101">
         
                                                  <li class="inputPad"><div class="loginBoxInput">
                                               
                                                  <input placeholder="Mot de passe" class="loginInput default-value" tabindex="102" type="password" size="10" name="password">
                                                  <li class="submitPad"><input type="image" src="http://www.purevb.com/demo/images/styles/elegance/style_red/loginButton.gif" tabindex="104" value="Log in" name="login" alt="Submit" title="Entrez votre nom d'utilisateur et le mot de passe dans les cases prévues pour vous connecter ou, cliquez sur le bouton « s'inscrire » pour créer un compte." accesskey="s"></li>
              </ul>

              <div class="memberBottom">
                  <div class="memberLinks">
                    <a href="profile?mode=sendpassword">Recuperer votre mot de passe</a>
                  </div>
                  <div class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103"> Connexion automatique</label></div>
              </div>
            <input type="hidden" name="s" value="">
            <input type="hidden" name="securitytoken" value="guest">
            <input type="hidden" name="do" value="login">
            <input type="hidden" name="vb_login_md5password">
            <input type="hidden" name="vb_login_md5password_utf">
        </form>
   
        <script type="text/javascript">
       
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
        </script>
                                  <!-- END switch_user_logged_out -->
                                 
              <!-- / login form -->
                                  <!-- BEGIN switch_user_logged_in -->
                                  <ul><li>Vous êtes connecté à Flora Tropica</li></ul>
                                  <!-- END switch_user_logged_in -->

            </div>
        </div>
       
</div>
</div><!-- closing div for above_body -->
<!-- Custom Content Wrap -->
<div class="whiteWrap">
      <div id="contentTop">
        <div id="welcomeBox">
            <div class="welcomeLeft"></div><div class="welcomeRight"></div>
             
              <div class="welcomeMessage"></div>
         
          <div class="registerButton"><a href="/register" class="button big green" alt="/register" title="S'enregistrer">s'enregistrer</a></div>
             
 
             
        </div>

        <div class="welcomeWrap">
  <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
      <input type="hidden" name="do" value="dismissnotice">
      <input type="hidden" name="s" value="">
      <input type="hidden" name="securitytoken" value="guest">
      <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="">
      <input type="hidden" name="url" value="">
      <ol>
        <li class="restore" id="navbar_notice_1">


 

 
  Si c'est votre première visite, n'oubliez pas de visiter notre <a href="faq" target="_blank"><b>FAQ</b></a>. Cliquez sur le lien d'inscription pour pouvoir vous <a href="register" target="_blank"><b>enregistrer </b></a> afin de participer aux discusions. N'oubliez pas de prendre connaissance du <a href="http://forumessai2.forumactif.org/t37-regles-du-forum#112" target="_blank"><b>règlement</b></a> afin de ne pas être en infraction avec les CGU du forum.
</li>
      </ol>
  </form>
        </div>
                   
<div id="contentMain">
<!-- Custom Content Wrap End -->
<div class="body_wrapper">


  <div id="content_container" class=" ">
      <div id="content">
                 
            <div class="pun">
             
              <div id="pun-head">
                 
              </div> 
                 
                 
                  <!-- BEGIN switch_ticker_new -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker_new -->

              <!-- BEGIN switch_ticker -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <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>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker -->

              <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                                <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>
                                <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                </div>
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div>
 
</body>
       
       

</html>
<!-- END html_validation -->
       
     
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par Self Dim 25 Mai 2014 - 1:02

Re,

Effectivement d'après mon forum test ce ne serait pas ça qui causerait le bug de la toolbar, mais en remplaçant ton template par ceci résoudra déjà le problème des balises qui sortent du head :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <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" />
 
 
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <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="{JQUERY_PATH}" type="text/javascript"></script>
  <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" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
          $(document).ready(function() {         
              Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
              });
          });
        <!-- 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 width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }

            $('#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');
        if(pm != null) { 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}');
        if(report != null) { 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 -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- 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 -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->

 

  <style>
  /**-----------------------------------------------------------FIM CSS SKIN---------------------------------------------*/
/* Avatar nos tópicos */
.avatar-index {float: right;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
/* Some BBC related styles.*/
.error_bbc, .warning_bbc, .okay_bbc, .info_bbc, .comet_bbc, .nucler_bbc, .note_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #fff;
    color: #444
}
.error_bbc    {background: #fbe3e4 url(http://i48.servimg.com/u/f48/15/98/03/89/error10.gif) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a  {color: #d12f19}
.warning_bbc    {background: #fff6bf url(http://i48.servimg.com/u/f48/15/98/03/89/warnin10.gif) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a  {color: #817134}
.okay_bbc  {background: #e9ffdd url(http://i48.servimg.com/u/f48/15/98/03/89/okay10.gif) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}
.info_bbc  {background: #e2ecee url(http://i48.servimg.com/u/f48/15/98/03/89/info10.gif) 2.2em center no-repeat; border-color: #3474F4}
.info_bbc a {color: #2d7ba2}
.comet_bbc        {background: #e7b3ff url(http://i48.servimg.com/u/f48/15/98/03/89/commen10.png) 2.2em center no-repeat; border-color: #a034f4}
.comet_bbc a {color: #7a2da2}
.nucler_bbc        {background: #fff4e5 url(http://i48.servimg.com/u/f48/15/98/03/89/nuclea10.png) 2.2em center no-repeat; border-color: #f4bc34}
.nucler_bbc a {color: #a2752d}
.note_bbc        {background: #e5faff url(http://i48.servimg.com/u/f48/15/98/03/89/note11.png) 2.2em center no-repeat; border-color: #34cef4}
.note_bbc a {color: #2d88a2}
/*-------------Centralizar perfil----------------*/
.pun .post .user {
text-align:left;
}
/*-------------Icones de Moderaçao --------------*/
  /* Action Notice ---------------------------------------- */ .bvinfo, .bvsuccess, .bvwarning, .bvalert, .bverror, .bvcancel, .bvhelp, .bvref { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } .bvinfo { color: #00529B; background-color: #BDE5F8; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvref { color: #00529B; background-color: #BDE5F8; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvwarning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvsuccess { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://illiweb.com/fa/pbucket.gif'); } .bverror { color: #D8000C; background-color: #FFBABA; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvcancel { color: #D63301; background-color: #FFCCBA; background-image: url('http://illiweb.com/fa/pbucket.gif'); } .bvhelp { background-color: #CD9BFF; border: 2px solid #6200C4 ; background-image: url(http://illiweb.com/fa/pbucket.gif) ; } /*-------------------Mod Notice------------------*/ .mod1 { background-color: #ADCBE7; border: 2px solid #0F5C8E; color: #004DFF; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat; background-position: 10px center; margin: 10px 0px; padding:15px 10px 15px 50px; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } .mod2 { background-color: #D6ECA6; border: 2px solid #8DC93E; background-image: url('http://illiweb.com/fa/pbucket.gif'); margin: 10px 0px; padding:15px 10px 15px 80px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } /*-------------------Mod Notice------------------*/ .bvmod{text-align:center;} .bvmod1, .bvmod2, .bvmod3, .bvmod4, .bvmod5{ width: 80%; margin-top:2em; margin-left: auto; margin-right: auto; border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; padding: 15px 20px 15px 80px; margin: 0px 0px 0px 0px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; /*IE min-height ???*/ min-height:40px; height:auto !important; height:40px; overflow:visible; position:relative; bottom:6px;    right: 6px; border: 1px solid #999999; /*Set the position of the background image*/ background-position: 20px 50%; background-repeat: no-repeat; text-align: justify; } .bvmod1, .bvmod2, .bvmod3, .bvmod4,.bvmod5 { /* IE5 ??? */ \margin: 0px 0px -3px 0px; \margin: 0px 0px 0px 0px; } .bvmod1 { background-color: #EEF; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod2 { background-color: #FFC; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod3 { background-color: #FDD; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod4 { background-color: #E4F6F8; background-image: url(http://illiweb.com/fa/pbucket.gif); } .bvmod5 { background-position: 10px center; background-color: #D8F3C9; background-image: url(http://illiweb.com/fa/pbucket.gif);} .bvdown { background:url(http://illiweb.com/fa/pbucket.gif) top left no-repeat; padding-top: 30px; padding-left: 70px; color:blue !important; font-family:"Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size:14px; height:92px; text-align:left !important; } .bvdown a { text-decoration:underline !important; } div .bvdown { margin:auto; width:70%; }


/*--Aviso Novos Amigos--*/
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}
 
#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* Avatar lastpost*/
.avatar-index {float: right;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid rgba(221, 221, 221, 0);margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
/* Some BBC related styles.*/
.error_bbc, .warning_bbc, .okay_bbc, .info_bbc, .comet_bbc, .nucler_bbc, .note_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #fff;
    color: #444
}
.error_bbc    {background: #fbe3e4 url(http://i48.servimg.com/u/f48/15/98/03/89/error10.gif) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a  {color: #d12f19}
.warning_bbc    {background: #fff6bf url(http://i48.servimg.com/u/f48/15/98/03/89/warnin10.gif) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a  {color: #817134}
.okay_bbc  {background: #e9ffdd url(http://i48.servimg.com/u/f48/15/98/03/89/okay10.gif) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}
.info_bbc  {background: #e2ecee url(http://i48.servimg.com/u/f48/15/98/03/89/info10.gif) 2.2em center no-repeat; border-color: #3474F4}
.info_bbc a {color: #2d7ba2}
.comet_bbc        {background: #e7b3ff url(http://i48.servimg.com/u/f48/15/98/03/89/commen10.png) 2.2em center no-repeat; border-color: #a034f4}
.comet_bbc a {color: #7a2da2}
.nucler_bbc        {background: #fff4e5 url(http://i48.servimg.com/u/f48/15/98/03/89/nuclea10.png) 2.2em center no-repeat; border-color: #f4bc34}
.nucler_bbc a {color: #a2752d}
.note_bbc        {background: #e5faff url(http://i48.servimg.com/u/f48/15/98/03/89/note11.png) 2.2em center no-repeat; border-color: #34cef4}
.note_bbc a {color: #2d88a2}

/*---Efeito Botao login----*/
.user_login_form input[type="password"], .user_login_form input[type="text"] {
    border: 1px solid rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    }
    .user_login_form input[type="text"] {
    background: url(http://i.imgur.com/rzOu1.png)no-repeat;
    padding-left: 20px;
    }
    .user_login_form input[type="password"] {
    background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
    padding-left: 20px;
    }
    #username {
    border: 1px solid rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    padding-left: 20px;
    background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
    }
    #password {
    border: 1px solid rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
    padding-left: 20px;
    }
/*------------Mensagens de perfil Skin -------------*/
 #profile-advanced-details .avatar { margin-top: 50px; margin-right: 30px; -webkit-box-shadow: 0px 0px 6px #4ed3bf; -moz-box-shadow: 0px 0px 6px #4ed3bf; box-shadow: 0px 0px 6px #4ed3bf; border: 15px solid #ffffff;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;}
 
#profile-advanced-details .avatar:hover { -webkit-box-shadow: 0px 0px 6px #99a511; -moz-box-shadow: 0px 0px 6px #99a511; box-shadow : 0 0 6px #99a511; }
#profile-advanced-details .message-block {
 -webkit-box-shadow: 0px 0px 6px #4ed3bf; -moz-box-shadow: 0px 0px 6px #4ed3bf; box-shadow: 0px 0px 6px #4ed3bf; border: 5px solid #ffffff;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; background: #E8E8E8;
}

#profile-advanced-details .message-footer {
text-color: transparent;
display: none;
}

 /*-------------------------Perfil em 3D-------------------------------*/
.pun .user-ident .user-basic-info {
line-height: 1.5em;
font-size: 1.5em;
font-weight: bold;
color: white;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
text-align: left;
}
/*-----------------Efeito Spoiler+Code---------------*/
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #b51616;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}

/*--------------- Niveis de alerta--------------------*/
.alert{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#BDE5F8;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png')}
.alert2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ffcc00;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png')}
.alert3{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ff5c5c;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png')}
 /*-------------------------Efeito Balão-------------------------------*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
 
 /*www.rmbr.forumeiros.com*/
        /*popup*/
#btn-e-p{
  font-weight:bold;
cursor:pointer;
    transition:all 0.2s;
}
#btn-e-p:hover{
  color:#f0f0f0;
background:#ADADAD;
  transition:all 0.2s;
}
#formulario-mp #username{
font-weight:bold
}
#formulario-mp #username, #formulario-mp input{
min-height:20px;
  border:1px solid #333;
  border-radius:4px;
}
#formulario-mp #text_editor_textarea{
  border:1px solid #333;
  border-radius:4px;
}
    #mp-r:hover{
  color:black;
    transition:all 0.5s;
      background: rgb(96,96,96); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
 }
    #mp-r{
    padding:6px;
      transition:all 0.5s;
    border:3px solid black;
      border-radius:6px;
      background: rgb(214,214,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
color:white;
      font-weight:bold;cursor:pointer;
    }
        #popup{
 
  eft:-100px!Important;
          box-shadow:9px 8px 20px grey;
          border-radius:9px;
          height:auto;
        cursor:pointer;
          width:300px;
          position:absolute;
          right:420px;
          padding:13px;
          border:3px solid black;
          color:#333;font-weight:bold;
      background: rgb(214,214,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
  }
        #X{
  color:white;
      background: rgb(214,214,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(96,96,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
    border:1px solid #0C5E03;
          cursor:pointer;border-radius:3px;
          width:8px;height:8px;padding-right:3px;
        padding-left:3px;padding-bottom:8.5px;border:1px solid black;color:white;font-weight:bold
        }
        #X:hover{
  color:black;
        background: #a1dbff; /* Old browsers */
    background: rgb(96,96,96); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
  }
.logo {
left: 0px;
position: absolute;
top: 0px;
}


        </style>
</head>
<body>
 
 
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://i55.servimg.com/u/f55/11/93/85/24/flora_11.gif" ></h1>
     
      <div id="headerInfos">
Bienvenue
<strong>Username</strong>
Flora Tropica est exclusivement réservé aux jardiniers des zones allant du climat méditerranéen francaux zones subtropicales
<a href="/register">Rejoignez-nous</a>
 !
</div>
 
     
      <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" class="module main">
      <div id="login_popup_title" class="main-head">
        <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
        {LOGIN_POPUP_MSG}
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button2" value="{L_LOGIN}" />
              <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  </div>
  <!-- END switch_login_popup -->

 
 
  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
                       
                            <div id="pageWrapper">
       
          <div class="pageTop"><div class="pageWrap">

 
            <div class="socialBox">
      <div class="socialMain">
      <div class="socialMainLeft"></div>
      </div>

  </div>
            <br/><br/>
            <div class="socialBox">
        <div class="socialLinks">
             
      </div>
         
  <div id="navbar" class="navbar navHome">
  <div class="navLeft"><div class="navRight">
      <div id="navHome"><a href="#"><img src="http://www.purevb.com/demo/images/styles/elegance/style_red/button-home.gif" alt="Home" title="Início"></a></div>
        <div id="navSection"><div class="navSectionBox">
            <div class="navSectionLeft"><div class="navSectionRight">

  <ul id="navtabs" class="navtabs floatcontainer">
   

  <li class="selected" id="vbtab_forum">
      <a class="navtab" href="forum">Forum</a>
   
        <ul class="floatcontainer">
         
                      <li>{GENERATED_NAV_BAR}</li>
     
       
       
                    </ul>
   
  </li>

  <li id="vbtab_blog">
      <a class="navtab" href="blog.php">Blogs des membres</a>
   
  </li>

  <li id="vbtab_whatsnew">
      <a class="navtab" href="activity.php">L'actualité du forum</a>
   
  </li>

  <li id="tab_nzc0_591">
      <a class="navtab" >Météo mondiale</a>
 
   
  </li>
 
 
 <div id="logo" role="banner">

<a href="http://floratropica.forumactif.org/rss" title="S'abonner au flux des articles du forum" id="rss">

</div>
 
  </ul>
        </div></div>
      </div></div>
  </div></div>
</div>
 
 
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
        <a name="top" href="forum.php" class="logo"><img src="http://i55.servimg.com/u/f55/11/93/85/24/flora_11.gif " ></a>
       
          <div id="loginBox">
            <div class="loginBox">
              <!-- login form -->
                                  <!-- BEGIN switch_user_logged_out -->
                               
                                  <form action="/login.forum" method="post" name="form_login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
           
                                 
 <ul>
                  <li class="inputPad"><div class="loginBoxInput">
                  <input placeholder=" Nom d'utilisateur" class="loginInput default-value" type="text" size="10" name="username" tabindex="101">
       
                                                  <li class="inputPad"><div class="loginBoxInput">
                                             
                                                  <input placeholder="Mot de passe" class="loginInput default-value" tabindex="102" type="password" size="10" name="password">
                                                  <li class="submitPad"><input type="image" src="http://www.purevb.com/demo/images/styles/elegance/style_red/loginButton.gif" tabindex="104" value="Log in" name="login" alt="Submit" title="Entrez votre nom d'utilisateur et le mot de passe dans les cases prévues pour vous connecter ou, cliquez sur le bouton « s'inscrire » pour créer un compte." accesskey="s"></li>
              </ul>

              <div class="memberBottom">
                  <div class="memberLinks">
                    <a href="profile?mode=sendpassword">Recuperer votre mot de passe</a>
                  </div>
                  <div class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103"> Connexion automatique</label></div>
              </div>
            <input type="hidden" name="s" value="">
            <input type="hidden" name="securitytoken" value="guest">
            <input type="hidden" name="do" value="login">
            <input type="hidden" name="vb_login_md5password">
            <input type="hidden" name="vb_login_md5password_utf">
        </form>
 
        <script type="text/javascript">
     
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
        </script>
                                  <!-- END switch_user_logged_out -->
                               
              <!-- / login form -->
                                  <!-- BEGIN switch_user_logged_in -->
                                  <ul><li>Vous êtes connecté à Flora Tropica</li></ul>
                                  <!-- END switch_user_logged_in -->

            </div>
        </div>
     
</div>
</div><!-- closing div for above_body -->
<!-- Custom Content Wrap -->
<div class="whiteWrap">
      <div id="contentTop">
        <div id="welcomeBox">
            <div class="welcomeLeft"></div><div class="welcomeRight"></div>
           
              <div class="welcomeMessage"></div>
       
          <div class="registerButton"><a href="/register" class="button big green" alt="/register" title="S'enregistrer">s'enregistrer</a></div>
           
 
           
        </div>

        <div class="welcomeWrap">
  <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
      <input type="hidden" name="do" value="dismissnotice">
      <input type="hidden" name="s" value="">
      <input type="hidden" name="securitytoken" value="guest">
      <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="">
      <input type="hidden" name="url" value="">
      <ol>
        <li class="restore" id="navbar_notice_1">


 

 
  Si c'est votre première visite, n'oubliez pas de visiter notre <a href="faq" target="_blank"><b>FAQ</b></a>. Cliquez sur le lien d'inscription pour pouvoir vous <a href="register" target="_blank"><b>enregistrer </b></a> afin de participer aux discusions. N'oubliez pas de prendre connaissance du <a href="http://forumessai2.forumactif.org/t37-regles-du-forum#112" target="_blank"><b>règlement</b></a> afin de ne pas être en infraction avec les CGU du forum.
</li>
      </ol>
  </form>
        </div>
                 
<div id="contentMain">
<!-- Custom Content Wrap End -->
<div class="body_wrapper">


  <div id="content_container" class=" ">
      <div id="content">
               
            <div class="pun">
           
              <div id="pun-head">
               
              </div>
               
               
                  <!-- BEGIN switch_ticker_new -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker_new -->

              <!-- BEGIN switch_ticker -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <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>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker -->

              <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                                <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>
                                <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                </div>
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div>
 
</body>
     
     

</html>
<!-- END html_validation -->
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par MasDan Dim 25 Mai 2014 - 18:57

Bonjour Demeter1,

En visitant votre site, la console d'erreur de Firefox me signale ceci
Soucis de toolbar sous punbb Flora110

1) Un point-virgule est manquant avant  $(function)....
   Peut-être un js dont le point-virgule est manquant en fin de code.

2) Ici une chaîne de caractères n'est pas terminé avant la fin de ligne (requis en js).
La copie d'écran suivante montre que la chaîne de caractère débutant en fin de ligne 223 du source généré se termine au début de la ligne 227.
Soucis de toolbar sous punbb Flora210
Corriger votre page HTML (template) pour que la chaîne de caractères soit sur une ligne.
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par demeter1 Lun 26 Mai 2014 - 9:08

Bonjour Masdam,
Le js http://floratropica.forumactif.org.99661.js a été supprimé. Iil faisait partie des nombreux js que j'ai essayé .
Pour la deuxième séquence, j'ai fait une recherche avec "topp" et je n'en ai absolument pas trouver trace. J'ai bien enté de la trouver par la console d'opéra mais j'ai fait choux blanc.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par Chapo Lun 26 Mai 2014 - 11:55

Bonjour @demeter1,

prenons les problèmes dans l'ordre car la Toolbar fonctionnant comme prévu sur tous les forums (même punBB) il y a fort à parier que c'est un des problèmes signalés qui bloque le chargement du JS et qui crée le souci que vous décrivez.

Comme l'a dit @MasDan, il y aurait plusieurs erreurs à corriger avant d'aller plus loin:

  • Il manque un ";" dans votre script intitulé "Correction de la mise en forme du nouvel éditeur en mode source"
  • L'instruction JS non fermée doit aussi être corrigée: elle se trouve dans votre module de portail intitulé "derniers membres inscrit".


Par ailleurs je me permets de vous signaler que vous faites appel aux fonctions jQuery.get et jQuery.load ce qui entraîne une multiplication des hits sur votre forum sur un temps donné (quelqu'un qui accède à votre forum va dans le même temps charger une ou plusieurs autres pages) qui risque de générer les erreurs dont vous vous plaigniez il y a peu ("Request limit exceeded")
Chapo

Chapo
Dévactif
Dévactif

Masculin
Messages : 5155
Inscrit(e) le : 02/05/2006

Chapo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par demeter1 Lun 26 Mai 2014 - 12:56

Bonjour Chapo,
Merci pour cette analyse afin de me permettre d'apporter les correctifs.

Je viens de corriger le js intitulé "Correction de la mise en forme du nouvel éditeur en mode source". Le js semble avoir été réactualisé dans le tutoriel (https://forum.forumactif.com/t358075-correction-de-la-mise-en-forme-du-nouvel-editeur-en-mode-source ) et je vous avouerai avoir fait un copier/coller de celui qui est sur mon autre forum.

Le module intitulé derniers inscrits vient d'être supprimé.


Le problème est toujours d'actualité même après vidage des caches.

Un nouvel essai a été pratiqué en supprimant en même temps le css, en désactivant les js et en forçant les templates par défaut. La problématique est restée la même.

Est ce un soucis inhérent au thème de base de la version punbb ??? Un autre soucis a été résolu concernant l'éditeur dont le css de base en faisait beuguer la largeur voir ce topic

A titre perso, j'essaye également de trouver d'où provient le soucis avec la chatbox qui n'a aucun boutons
Soucis de toolbar sous punbb Sans_t33

demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par MadDev Lun 26 Mai 2014 - 15:12

Bonjour, 

Je suis Beaver, développeur de Forumactif. 

Je me suis penché sur votre souci, et voilà la raison du bug : dans la description de votre forum "Type 8 : Le climat ...", vous faîte appel à la librairie jQuery de version 1. Cela implique deux prolèmes :
  1. Toutes les extensions de jquery chargées dans le header de la page sont écrasées par la réinstanciation de l'objet jQuery, et notamment jQuery.cookie, utilisée dans la toolbar.

  2. La propriété browser de l'objet jQuery n'existe pas dans la version qui est chargée.

La version 1.11.1 est également chargée un peu plus loin dans votre page, ce qui n'arrange pas les choses  Wink . Il faudrait parcourir tous vos templates et descriptions de forums, et enlever les appels à la librairie jQuery.

Cordialement, 
Beaver
MadDev

MadDev
Dévactif
Dévactif

Masculin
Messages : 1698
Inscrit(e) le : 19/02/2007

https://forum.forumactif.com
MadDev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de toolbar sous punbb

Message par demeter1 Lun 26 Mai 2014 - 15:32

Bonjour Beaver,
Votre analyse s'avère exacte. Le js utilisé sur l'index interférait avec la toolbar (je suis un peu gêné de ne pas y avoir pensé  Embarassed ).

Un grand merci pour avoir détecté la source du problème et pris le temps de cette analyse.

Milles excuses pour la gène que j'ai pu occasionner.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

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


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