*RESOLU* [PUNBB] Inscription /connexion personnalisé

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

WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Bonjour à tous et bonjour mon milouze au passage j'aimerai savoir s'il est possible de te faire un don si oui ou et comment mon amis :)

Alors aujourd'hui je souhaite si possible un truc classe mdr, c'est pour la connexion /inscription

1 Voici ce que j'ai actuellement


2-j'aimerai installer 2 bouton avec fond orange et texte blanc comme ceci


3-j'aimerai si possible une fois qui sont connecter que sa donne un truc du genre svp :



merci de votre aide bisous serge


Dernière édition par WinaTickets le Sam 2 Sep 2017 - 8:18, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
pour les dons , cela se trouve en bas de page clin oeil .
Hum, tu as un sujet en attente mon ami:
https://www.milouze14.com/t30906-punbb-l-option-en-ligne-sur-la-droite#587838

Pour ta demande, il va falloir ton template overall_header:
Affichage/Templates/Général/ overall_header

Ainsi que la c.s.s dans la totalité Serge clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
kikou mon milouze   ( j'ai mis résolue pour l'autre ) alors voici mon

overhall 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>
   <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="https://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 -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- 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 -->
  <!-- BEGIN switch_user_logged_out -->
  <style>body #fa_toolbar, body #fa_toolbar_hidden {display: none;}</style>
  <!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<style>
  body #fa_toolbar.fa_toolbar_XL_Sized {
    height: 42px!important;
    background: url("https://i.imgur.com/0avs0Wh.png") repeat-x;
    font-family: Arial, sans-serif; 
    font-size: 12px;
    padding: 0px;
    width: 980px!important;
    margin: auto!important;
    text-align: left;
    z-index: 99!important;
    position: absolute!important;
    min-width: initial!important;
}
body #fa_toolbar a {
    font-family: Arial, sans-serif;  font-size: 12px;
}
body #fa_toolbar_hidden ,body #fa_toolbar #fa_right .fa_separator ,body #fa_toolbar #fa_ranktitle + table, body #fa_toolbar #fa_ranktitle, body #fa_toolbar #fa_hide, body #fa_toolbar #fa_left.fa_tbMainElement, body #fa_toolbar #fa_search, body #fa_toolbar #fa_share {
    display: none!important;
}
body #fa_toolbar #fa_right {
    float: left!important;
}
.social-icons.right {
    z-index: 999!important;
    position: relative;
}
body #fa_toolbar #fa_right #fa_menu #fa_welcome {
    width: 174px!important;
    border-right: 1px solid rgb(69, 76, 76);
    box-shadow: 1px 0px 0px 0px rgb(60, 55, 55) inset;
    border-left: 1px solid rgb(69, 76, 76);
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
}
body #fa_toolbar #fa_right #fa_notifications {
    border-left: 1px solid rgb(53, 53, 53);
    margin: 0;
    padding-left: 10px;
    width: 175px!important;
    border-right: 1px solid rgb(60, 55, 55);
    box-shadow: 1px 0 0px 0px rgb(69, 76, 76);
    padding-top: 6px;  padding-bottom: 6px;
    text-align: center;
}
body #fa_menulist {
    left: 30px!important;
    border: 0px!important;
}
body #fa_toolbar #fa_usermenu {
    position: initial!important;
    width: 176px;
    background: white;
    padding: 10px 0;
}
body #fa_toolbar #fa_menulist {
    padding: 5px!important;
    width: 176px!important;
    background: url(https://i.imgur.com/5kJJAoi.png);
    border-radius: 0 4px 4px 4px;
}
body #fa_toolbar #fa_usermenu img {
    padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
    width: 150px;
    height: 150px;
}
body #fa_toolbar #fa_menulist li {
    background: white;
    border-top: 1px solid #ddd;
    padding-left: 15px;
}
body #fa_toolbar #fa_menulist li:hover {
    background: #f5f5f5;
}
body #fa_toolbar #fa_menulist li a {
    color: #565855!important;
    font: normal 11px arial;
    display: block!important;
    padding: 10px 0;
}
body #fa_toolbar #fa_menulist li a:hover {
    color: #262022!important;
}
body #fa_toolbar #fa_menulist::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
}
body #fa_right.welcome #fa_menu #fa_welcome, body #fa_toolbar > #fa_right.notification > #fa_notifications {
    background: none;
    color: white;
}
body #fa_toolbar #fa_right #fa_menu #fa_welcome:hover ,body #fa_toolbar #fa_right #fa_notifications:hover {
    background: rgba(0, 0, 0, 0.06);
  }
</style>
  <!-- END switch_user_logged_in -->
</head>

<body>

 
  <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="https://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" 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 class="pun">
               <div id="panel"><div class="main_width">
            
<!-- BEGIN switch_user_logged_out -->
<span class="top-date"><script>
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var f=new Date();
document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
</script>
</span>
<span class="date-sep">.</span>

 <span id="quick_login" class="relative"><a class="loginlink" href="/login"><i class="icon-user"></i> Login</a>
<div class="user-dropdown-box" style="display: none;"><div class="user-dropdown-box-inner">
  <form action="/login" method="post" name="form_login"><div class="userloginbox"><div class="username"> <input class="namusipb" placeholder="Username" type="text" size="10" name="username"/></div><div class="pass"> <input class="passipbnwa" placeholder="Password" type="password" size="10" name="password"/></div><div class="saipb"><span class="gensmall"><input class="radio" type="checkbox" name="autologin" checked="checked"/><strong> Se souvenir de moi</strong></span> </div><div class="buttonipblog"><input class="mainoption" type="submit" name="login" value="Conectarse"/></div><div class="sendpass"><a href="/profile?mode=sendpassword" data-tooltip="Register now!">Mot de passe oublié</a></div></div></form>
</div></div>
<a class="registerlink" href="/register"><i class="icon-plus-sign"></i> Register</a></span>
<!-- END switch_user_logged_out -->
                                     
<div class="social-icons right">
<a href="https://www.facebook.com/goichonturf/" class="a-icon-facebook"></a>
<a href="https://www.youtube.com/watch?v=1h-9wgaLPyU&list=PLJH4ValN4AU4N_5E0SyOHXGSP3hgnieVu" class="hidden a-icon-youtube"></a>
<a href="#" class="a-icon-vimeo"></a>
<a href="#" class="a-icon-rss"></a>
<a href="https://plus.google.com/+SergeGoichon" class="a-icon-gplus"></a>
<a href="https://twitter.com/GoichonTurf" class="a-icon-twitter"></a>
</div>         
</div></div>
                                  <div id="pun-intro" class="clearfix">
                                    <div class="in_search">
                                    <form action="/search" method="get">
                                      <div class="in-search-ft">
                                        <input type="text" placeholder="Recherche..." class="inputbox medium" name="search_keywords"/>
                                    <input type="submit" value="Go" id="buttonsearch"/> </div></form></div>
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                  <div class="oculto_div"  style="display:none!important;"><!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                                                  <!-- END switch_desc --></div>
               </div>
               <div id="pun-head">
                  <div class="menu main_width">
            <ul>
<li><a href="/forum">Accueil
<br/><span class="menu-item-subtitle">Accueil, Bienvenue</span>
</a></li>
<li><a href="/memberlist">Nos Turfistes
<br/><span class="menu-item-subtitle">Notre communautées</span>
</a></li>
<li><a href="/c3-abonnement-pmturf">Abonnement
<br/><span class="menu-item-subtitle">Nos abonnements</span></a></li>
<li><a href="/c4-nos-pronostics">Pronostics
  <br/><span class="menu-item-subtitle">Nos Pronostics</span>
</a></li>
<li><a href="/t5-nos-archives-pmturf">Archives
  <br/><span class="menu-item-subtitle">Nos Archives</span>
</a></li>
<li><a href="/c5-formations-turfistes-questions-reponses">Formations
  <br/><span class="menu-item-subtitle">Nos Formations</span>
</a></li>
<li><a href="/h1-equidia">Equidia
  <br/><span class="menu-item-subtitle">illimitée</span>
</a></li>
<li><a href="/f26-tutoriel-connexion-inscription-etc">Help
<br/><span class="menu-item-subtitle">Questions</span></a></li>
</ul>
         </div>
               </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 -->
    <style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:240px; right:-460px; float:right; width:500px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:480px; height:625px; background-color:#fff; overflow:hidden; border-radius:10px; } </style>
<!--Fanbox de Facebook-->
<div id="flotante1">
 <img src="https://i.servimg.com/u/f56/17/97/98/69/facebo10.png" style="float:left;" />
 <div style="background: #3c5a98; height:625px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;"><span></span>
 <div style="" class="likeboxwrap"><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fgoichonturf%2F&tabs=timeline&width=240&height=625&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=1877840189115671" width="240" height="625" style="border:none;overflow:hidden" width="240" height="625" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
 </div><span></span>
 </div>
</div>
</div>
        <!--test-->
     

Mon css : 
Code:
#page-body {
    width: 960px;  margin: auto; 
    position: relative;
    padding: 10px; 
    border-top: 5px solid #1C2229;     
    box-shadow: 0 0 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); 
    background: #fff;
}
#pun-foot {
    border-radius: 0 0 5px 5px;
    width: 980px;
    margin: auto;      background: #fff;
    z-index: 999;
    display: block;
    position: relative;
    box-shadow: 0 10 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
    margin-bottom: 30px;
}
body {
    background: #21313d;  color: #444;  font-family: Arial, Sans-Serif;  font-size: 13px;    padding: 0; 
    margin: auto!important;  line-height: 1.4;
}
.pun {
    width: 980px;  margin: auto;  position: relative;padding:0px;
}
.main .main-foot, .main .main-head {
    background: #53748D url(https://i.imgur.com/3Y5TPJy.png)center center;  color: #ffffff;    padding: 10px;  font-size: 10px;  text-transform: uppercase;  font-weight: bold;  border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14); 
    line-height: 19px;
}
.table tbody.statused tr td {
    background: white!important;  vertical-align: middle;  border: 0px;
    border-bottom: 1px solid #DDD!important;     
    font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;
    color: rgb(119, 119, 119);
}
.table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{
background: rgb(250, 250, 250)!important;
}
.main-head .page-title h2 ,.main .main-head .page-title{
    font-family: arial, sans-serif;  font-size: 10px;  font-weight: bold;
}
p#catrow {
    font-family: arial, sans-serif;  font-size: 11px;  font-weight: bold;
    text-align: right;
    margin-right: 10px;
}
.desc_forum_cat_row {
    color: rgb(170, 170, 170);    font-family: arial, sans-serif;  font-size: 11px;  font-style: italic;
    font-weight: normal;
}
.statused tr td .hierarchy a {color: rgb(85, 85, 85);      font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;}
.statused tr td .hierarchy a:hover {color: #222;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
#pun-about #qjump {
    display: none;
}
#pun-about {
    background: rgb(248, 248, 248); 
    color: transparent;  border-top: 1px solid #D1D1D1; 
    padding: 0 5px;    height: 45px;  line-height: 45px;
    text-align: left;
}
#pun-about ul li a {
    font-size: 11px;  color: #999;  display: block;  float: left;  height: 45px;  line-height: 45px;  padding: 0 10px;  border-right: 1px solid #ddd;
    font-weight: normal;
}
#pun-about ul li a:hover {
    background: #fff;  color: #666;
}
ul#pun-legend {
    text-align: left;
    line-height: 37px;
    height: 37px;
    margin: 0;
    color: rgb(68, 68, 68);      font-family: Arial, sans-serif;  font-size: 11px;
}
ul#pun-legend img {
    top: 9px;
    position: relative;
    margin-left: 10px;
}

#pun-foot #copyright {
    padding: 0 15px;      border-radius: 0 0 5px 5px;  font-size: 11px;  height: 45px; 
    line-height: 45px;  color: #999;
}
#pun-foot #copyright a {
    font-weight: bold;
}
#pun-foot #back-top {
    float: right;  padding: 0 10px;  height: 45px;  line-height: 45px;  display: block;  border-left: 1px solid #ddd;  margin-left: 10px;  border-right: 1px solid #ddd;
}
#pun-foot .mybb-link.right {
    margin-right: 10px;  border-right: 1px solid #ddd;  padding-right: 10px;
}
#pun-foot .icon-upload.icon-large {
    background: url("https://i.imgur.com/noa2Awt.png") no-repeat center center;
    width: 25px;
    height: 24px;
    display: block;
    margin-top: 10px;
}
#pun-foot .icon-upload.icon-large:hover {
    background: url("https://i.imgur.com/1JvGS3S.png") no-repeat center center;
}
#pun-foot #copyright .audentio-link.right {
    line-height: 15px;
    margin-top: 8px;
}
#pun-foot .center.admin {
    position: absolute;
    top: 17px;
    right: 10px;
}
#pun-foot .center.admin a {
    font: bold 10px arial;
}
.boardstats_cat {    font-family: arial, sans-serif; 
    background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
}
.boardstats_cat .bw#icons {
    background: url("https://i.imgur.com/kaTjOdI.png")no-repeat center;
    height: 14px;
    width: 16px;
    float: left;
    margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .contenedor {
background: white;
vertical-align: middle;
border-bottom: 1px solid #DDD;
padding: 15px;
color: rgb(56, 56, 56);
font-family: arial, sans-serif;
font-size: 11px;
}
.tborder.index_boardstats {
    border: 1px solid #ddd;
    border-bottom: 0px;
}
.boardstats_cat .bs#icons {
    background: url("https://i.imgur.com/jsZSvJy.png")no-repeat center; 
    height: 16px; 
    width: 22px;  float: left;  margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .bs_br {  font-family: arial, sans-serif;    background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
  text-align: right;}
.tborder.index_boardstats .bs_br ul li {
    display: inline;
}
.tborder.index_boardstats .bs_br ul li a {
    color: rgb(151, 151, 151);
    border-right: 1px solid rgb(151, 151, 151);
    padding: 0 5px;
}
.tborder.index_boardstats .bs_br ul li a:hover {
    color: black;
}
.tborder.index_boardstats .bs_br ul li#rtd a {
    border-right: 0px;
}
.pun .main-content .table thead tr th {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
    font-weight: bold;
}
#pun-visit, .main-box {
    display: none;
}
#page-body {
    overflow: hidden;
padding-top: 20px;}
.pun .crumbs a {
    font-family: Arial, sans-serif; 
    font-size: 11px; 
}
.pun .crumbs {
    position: absolute;
    top: 10px;
    width: 930px;
}
.container_IE {
    background: url("https://i.imgur.com/Hw0gs2Q.png") repeat-x top;
}
.menu.main_width {
    background: url(https://i.imgur.com/bhf8jNK.png);  height: 58px;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);  overflow: hidden;
}
.menu.main_width ul li {
    display: block;  padding-left: 10px;  float: left; 
    background: url(https://i.imgur.com/50TLteD.png) no-repeat right 10px;
}
.menu.main_width ul li:first-child {
    margin-left: 10px;
}
.menu.main_width ul li a {
    color: #f8f8f8;  text-decoration: none;  margin-top: 16px;  display: block;  padding-right: 35px;  padding-left: 2px;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
}
.menu-item-subtitle {
    display: block;  float: left;  font-size: 10px;  color: #868686;  font-weight: normal;  font-style: italic;
}
.menu.main_width ul li:hover .menu-item-subtitle {
    color: #fafafa;
}
#panel {
    color: #E9E9E9;  font-size: 11px;  height: 42px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
}
#pun-intro {
    width: 980px;
    height: 93px;
    padding: 0;
    background: none;
    border: none;
}
#pun-logo {
    display: table-cell;  vertical-align: middle;  height: 93px;  line-height: 93px;  margin: auto;
    float: none;
}
.registerlink {
    background: #8DB318;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);  padding: 5px 10px;  border-radius: 2px;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);  margin-left: 10px;
}
#panel a {
    color: #E9E9E9;
}
.registerlink:hover {
    background: #78AD28;
}
.icon-plus-sign {
    background: url("https://i.imgur.com/Qg6Pc4b.png") no-repeat center;
    padding: 5px;
}
.loginlink .icon-user {
    background: url("https://i.imgur.com/WOLNdgB.png") center no-repeat;
    padding: 6px;
}
.social-icons.right {
    color: #E9E9E9;  font-size: 11px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
    height: 42px;
}
.social-icons.right a {
    background: url(https://i.imgur.com/AjVm7sG.png) 0px 0px;  height: 16px;  width: 18px;  display: inline-block;  position: relative;  top: 5px;  background-position: 0px -2px;  opacity: 0.6;
    margin: 8px 2px 8px 2px;
}
.a-icon-twitter {
    background-position: 60px -2px !important;
}
.a-icon-gplus {
    background-position: 80px -2px !important;
}
.a-icon-rss {
    background-position: 40px -2px !important;
}
.a-icon-vimeo {
    background-position: 100px -2px !important;
}
.hidden.a-icon-youtube {
    background-position: 0px -2px !important;
}
.a-icon-facebook {
    background-position: 19px -2px !important;
}
.social-icons.right a:hover {
    opacity: 1;
}
.in_search {
    position: absolute;
    right: 20px;
    top: 70px;
}
.in_search .inputbox.medium {
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    border: 1px solid rgb(70, 83, 92);  padding: 0px 10px; 
    height: 30px; 
    margin-right: -5px;
}
.in_search #buttonsearch {
    background: #353535 url(https://i.imgur.com/sQN42lT.png) !important;  color: transparent;  height: 32px;  border: 0;  width: 34px;  background-position: -50px -8px !important;
    cursor: pointer;
    top: 1px;
    position: relative;
}
.user-dropdown-box {
    display: none;  position: absolute;  min-width: 150px; 
    background: url(https://i.imgur.com/5kJJAoi.png);  color: #555; 
    top: 41px;  border-radius: 0 4px 4px 4px;  padding: 5px;  z-index: 88; 
    left: 120px;  box-shadow: none;  font-family: arial;  text-shadow: none;  font-style: normal;
}
.user-dropdown-box .user-dropdown-box-inner {
    background: white;  text-align: center;
    padding: 10px;
}
.userloginbox .username input, .userloginbox .pass input {
    padding: 8px;  margin-bottom: 10px;
    border: 1px solid #D3D3D3;
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    width: 160px;
}

.user-dropdown-box .user-dropdown-box-inner .sendpass a {
    margin: -10px;  padding: 15px;  background: #fafafa;  margin-top: 0;
    text-shadow: none;  color: #555 !important;  display: block;  height: auto;  line-height: 1.3;    border-top: 1px solid #ddd;  font-family: arial;  font-style: normal;  text-align: left;
}
.buttonipblog input.mainoption {  font-size: 11px;  color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
    display: block;  width: 100%;  margin-bottom: 15px;  padding: 10px;  text-transform: uppercase;  font-weight: bold;
}
.buttonipblog input.mainoption:hover {
    background: #fefefe;
}
.buttonipblog input.mainoption:active {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
.user-dropdown-box::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
}
#page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body input[type="file"]::-webkit-file-upload-button, #page-body button {
    padding: 6px 10px;  font-size: 11px; 
    color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
}
#page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]::-webkit-file-upload-button:hover, #page-body button:hover {
    background: #fefefe;
}
#page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]::-webkit-file-upload-button:active, #page-body button:active {
    background: rgb(238,238,238);  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
#page-body blockquote ,#page-body .codebox {
    border: 1px solid #ccc;  margin: 0;  background: #fff; 
    padding: 10px;  border-radius: 2px;  position: relative;  padding-right: 45px;  overflow: hidden;
}
#page-body blockquote::before {
    content: ""; 
    background: url(https://i.imgur.com/cqwW2R7.png) no-repeat center center;  width: 128px;  height: 128px;  position: absolute;  right: 10px;  top: -57px;
}
#page-body .codebox::before {
    background: url(https://i.imgur.com/zBfocq2.png) no-repeat center center;  top: -45px;
    content: "";    width: 128px;  height: 128px;  position: absolute;  right: 10px; 
}
#page-body .codebox dt {
    font-weight: bold;  border-bottom: 1px solid #ccc;  font-style: normal;  display: block;  margin: 0;  padding-bottom: 8px;  margin-top: -2px;  padding-top: 1px;  text-transform: uppercase;  font-size: 11px;  margin-bottom: 7px;
}
#page-body .codebox .cont_code {
    background: none;
}
.pun .post .user {
    display: block;
    position: relative;
    margin: 0;
    width: initial!important;
    float: none;
    background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
    height: 75px;
  overflow:initial;
}
.pun .postmain {
    margin: 0;
    border: 0;
}
.pun .post-entry {
    background: rgb(250, 250, 250);  vertical-align: middle;  border-bottom: 1px solid #DDD;
    padding: 5px 10px;
}
#page-body .postfoot {
    margin: 0;
    background: white;  vertical-align: middle;  border: 0;
    border-bottom: none;  padding: 15px;
}
.pun .posthead {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px; 
    border-bottom: 1px solid #ddd; 
    border-top: none;
    min-height: 20px;  line-height: 20px;
}
.pun .post {
    margin: 10px 0;
    border: 1px solid #ddd;
}
.pun .topic {
    border: 0;
    background: none;
}
.pun .user .user-info {
    float: right;
font-size:11px}
.pun .user .user-ident {
    float: left;
}
.pun .topic .post:first-child {
    margin-top: 0px;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
font-size: 11px;
}
.pun .post .user .user_avatar {
    float: left;
}
.pun .post .user .user_avatar img {
    padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
    width: 70px;
    height: 70px;
}
.pun .post .user .user_avatar img:hover {border-color: #aaa;}
.pun .user-ident .username {
    position: relative;
}
.pun .user .user-ident {
    margin-left: 15px;
    font-size: 11px;
    font-weight: normal;
}
.pun .user-ident .username a {
    font-size: 13px;
    font-weight: bold;
}
.pun .user-ident .username status.s_u_p {
    float: left;
    background: url("https://i.imgur.com/UvKrxTF.png");
    height: 7px;
    width: 7px;
    margin: 4px 4px 4px 0px;
}
#tabs ul li a {
    font-size: 11px;  color: #666; 
    border-radius: 2px 2px 0 0;  cursor: pointer; 
    border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);  display: block;     
    padding: 0px 5px;   
    font-weight: bold;
    border-bottom: 0;
}
#tabs ul li.activetab a {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    border: 1px solid rgb(150, 150, 150);
    color: black;
    text-decoration: none;
    border-bottom: 0;
    margin-top: -2px;
    padding: 1px 5px;
}
#tabs ul li.activetab a:hover ,#tabs ul li a:hover {
    background: white;
    color: black;
}
#profile-advanced-layout #new-message {
    width: auto;
}
.posting img:hover {
opacity: 0.9;
}
#page-body input[type="text"], #page-body textarea {
    background: #ffffff;  color: #979797;  border: 1px solid #A7A7A7; 
    padding: 6px;  font-size: 11px;  outline: 0;
}
.frm-set.multi.posting .frm-input {
    margin-left: 0;
    width: initial;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea {
    margin: 0;
    width: 600px;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr {
    width: 735px!important;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar {
    margin: 0;
    width: 725px!important;
    float: left;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe ,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea {
    width: 725px!important;
    border: 0px!important;
    padding: 0!important;
    color: #111;  font-family: Verdana,Arial,Helvetica,sans-serif;  font-size: 13px;
}
#smiley-box {
    width: 155px;
    padding: 2px;
    margin-left: 1px;
    height: 280px;
    background: url(https://i.imgur.com/3Y5TPJy.png)repeat-x; 
    background-size: auto 35px;
    color: #ffffff;   
    font-size: 10px;  text-transform: uppercase;  font-weight: bold; 
    border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14);  line-height: 19px;
    padding-top: 35px;
    position: relative;
}
#smiley-box iframe {
    height: 280px;
}
#smiley-box::before {
    content: "Smiley";
    position: absolute;
    top: 9px;
    text-align: center;
    width: 139px;
}
.pun #pun-info .main-content {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px; 
    border: 1px solid #ddd;  min-height: 20px;  line-height: 20px;  font-weight: bold;
}
.pun #pun-info .main-content #stats {
    border-bottom: 1px solid white;
}
.pun #pun-info .main-content #onlinelist {
    border-top: 1px solid rgb(219, 219, 219);
}
#user-hoverbox {
    margin-left: 5px;
    z-index: 999;  min-width: 160px;  position: absolute;  padding-top: 1px;
display:initial!important;}
#user-hoverbox #user-hoverbox-inner a {
    display: block;  background: white;  color: rgb(136, 136, 136);  border-bottom: 1px solid #aaa;  padding: 8px;  font-size: 11px;  z-index: 999;  text-align: left;  text-shadow: none !important;
}
#user-hoverbox-inner {
    background: white;
    width: 140px;
    border: 4px solid black;
    border-radius: 2px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31);
}
#user-hoverbox #user-hoverbox-inner a:hover {
    background: #fafafa;  color: #333;
}
#user-hoverbox::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid rgb(54, 54, 54);  top: -4px;  left: 12px;
}
#user-hoverbox a .icon-user {
    background-image: url("https://i.imgur.com/o0vbztB.png");
}
#user-hoverbox a .icon-comments {
    background-image: url("https://i.imgur.com/H1HNIqI.png");           
}
.pun #user-hoverbox a i {
    background-position: center; 
    background-repeat: no-repeat; 
    width: 13px; 
    height: 10px;  float: left; 
    margin-top: 2px;  margin-right: 3px;
    opacity: 0.8;
}
#user-hoverbox a .icon-envelope-alt {
    background-image: url("https://i.imgur.com/LpRlXho.png");
}
#user-hoverbox a .icon-file-alt {
    background-image: url("https://i.imgur.com/3tVmtX5.png");
}
#user-hoverbox a .icon-folder-open {
    background-image: url("https://i.imgur.com/xbes4ru.png");
}
.pun #user-hoverbox a:hover i {
    opacity: 1!important;
}
.pun #page-body #user-hoverbox #user-hoverbox-inner a {
font-weight: normal;
font-style: normal;
}
#profile-advanced-details .message-text img {
    max-width: 620px;
}
#profile-advanced-details .message-header {
    height: 42px;
    font: bold 11px arial;
    color: rgb(101, 107, 112);
    font-style: normal;
    border-bottom: 1px solid #C2C2C2!important;
    border: 0px;
    margin: 0;
    background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: linear-gradient(top,#FAFAFA,#EEEEEE);
}
#profile-advanced-details .message-block {
    margin: 0;
}
#profile-advanced-details ol li {
    border: 1px solid rgb(187, 187, 187);
    margin: 5px 0;
}
#profile-advanced-details .avatar {
    border: none;
    margin-top: 0px;
    margin-right: 6px;
}
#profile-advanced-details .avatar img {
    border: solid silver;
    border-width: 0px 1px 0 0;
    width: 50px;
    height: 50px;
}
#profile-advanced-details .message-block .message-text {
    padding: 10px;
    font-family: arial;
}
embed[src^="http://www.youtube.com"] {
    width: 620px;
    height: 380px;
}
#profile-advanced-layout #tabs.clearfix {
position: initial;
}
/** 31082017supprimer le cadre-smileys des réponses normales **/
            #smiley-box{
  width:100%;
  margin:auto;
  float:none;
  display:none;
}
 
#textarea_content, .sceditor-container textarea, .sceditor-container iframe{
  width:100% !important;
}
  /*zoom image 31082017*/

a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}

.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 930;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 940;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('https://i.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}

.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: #000;
}

#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  margin-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

merci pour tout biz serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Oki Serge,
tu peux me donner lien du forum présentation et du livre d'or stp


Dernière édition par Milouze14 le Ven 1 Sep 2017 - 16:52, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
oui biensur  le voici : http://www.pmturf.com/   biz serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Merci et le livre d'or



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
pardon pour la présentation c'est celui-ci : http://www.pmturf.com/f25-faites-votre-presentation

et pour  livre d'or c'est : http://www.pmturf.com/f11-notre-live-d-or


biz
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux tester ce template modifié Serge,

supprimes tout le contenu et remplaces par celui-ci:
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>
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
      <!-- BEGIN switch_fb_login -->
      <script src="https://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 -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- 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 -->
      <!-- BEGIN switch_user_logged_out -->
      <style>body #fa_toolbar, body #fa_toolbar_hidden {display: none;}</style>
      <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <style>
      body #fa_toolbar.fa_toolbar_XL_Sized {
        height: 42px!important;
        background: url("https://i.imgur.com/0avs0Wh.png") repeat-x;
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding: 0px;
        width: 980px!important;
        margin: auto!important;
        text-align: left;
        z-index: 99!important;
        position: absolute!important;
        min-width: initial!important;
    }
    body #fa_toolbar a {
        font-family: Arial, sans-serif;  font-size: 12px;
    }
    body #fa_toolbar_hidden ,body #fa_toolbar #fa_right .fa_separator ,body #fa_toolbar #fa_ranktitle + table, body #fa_toolbar #fa_ranktitle, body #fa_toolbar #fa_hide, body #fa_toolbar #fa_left.fa_tbMainElement, body #fa_toolbar #fa_search, body #fa_toolbar #fa_share {
        display: none!important;
    }
    body #fa_toolbar #fa_right {
        float: left!important;
    }
    .social-icons.right {
        z-index: 999!important;
        position: relative;
    }
    body #fa_toolbar #fa_right #fa_menu #fa_welcome {
        width: 174px!important;
        border-right: 1px solid rgb(69, 76, 76);
        box-shadow: 1px 0px 0px 0px rgb(60, 55, 55) inset;
        border-left: 1px solid rgb(69, 76, 76);
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center;
    }
    body #fa_toolbar #fa_right #fa_notifications {
        border-left: 1px solid rgb(53, 53, 53);
        margin: 0;
        padding-left: 10px;
        width: 175px!important;
        border-right: 1px solid rgb(60, 55, 55);
        box-shadow: 1px 0 0px 0px rgb(69, 76, 76);
        padding-top: 6px;  padding-bottom: 6px;
        text-align: center;
    }
    body #fa_menulist {
        left: 30px!important;
        border: 0px!important;
    }
    body #fa_toolbar #fa_usermenu {
        position: initial!important;
        width: 176px;
        background: white;
        padding: 10px 0;
    }
    body #fa_toolbar #fa_menulist {
        padding: 5px!important;
        width: 176px!important;
        background: url(https://i.imgur.com/5kJJAoi.png);
        border-radius: 0 4px 4px 4px;
    }
    body #fa_toolbar #fa_usermenu img {
        padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
        width: 150px;
        height: 150px;
    }
    body #fa_toolbar #fa_menulist li {
        background: white;
        border-top: 1px solid #ddd;
        padding-left: 15px;
    }
    body #fa_toolbar #fa_menulist li:hover {
        background: #f5f5f5;
    }
    body #fa_toolbar #fa_menulist li a {
        color: #565855!important;
        font: normal 11px arial;
        display: block!important;
        padding: 10px 0;
    }
    body #fa_toolbar #fa_menulist li a:hover {
        color: #262022!important;
    }
    body #fa_toolbar #fa_menulist::before {
        width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
    }
    body #fa_right.welcome #fa_menu #fa_welcome, body #fa_toolbar > #fa_right.notification > #fa_notifications {
        background: none;
        color: white;
    }
    body #fa_toolbar #fa_right #fa_menu #fa_welcome:hover ,body #fa_toolbar #fa_right #fa_notifications:hover {
        background: rgba(0, 0, 0, 0.06);
      }
    </style>
      <!-- END switch_user_logged_in -->
    </head>

    <body>

   
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="https://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup" 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 class="pun">
                  <div id="panel"><div class="main_width">
               
    <!-- BEGIN switch_user_logged_out -->
    <span class="top-date"><script>
    var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
    var f=new Date();
    document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
    </script>
    </span>
    <span class="date-sep">.</span>

    <span id="quick_login" class="relative"><a class="loginlink" href="/login"><i class="icon-user"></i> Login</a>
    <div class="user-dropdown-box" style="display: none;"><div class="user-dropdown-box-inner">
      <form action="/login" method="post" name="form_login"><div class="userloginbox"><div class="username"> <input class="namusipb" placeholder="Username" type="text" size="10" name="username"/></div><div class="pass"> <input class="passipbnwa" placeholder="Password" type="password" size="10" name="password"/></div><div class="saipb"><span class="gensmall"><input class="radio" type="checkbox" name="autologin" checked="checked"/><strong> Se souvenir de moi</strong></span> </div><div class="buttonipblog"><input class="mainoption" type="submit" name="login" value="Conectarse"/></div><div class="sendpass"><a href="/profile?mode=sendpassword" data-tooltip="Register now!">Mot de passe oublié</a></div></div></form>
    </div></div>
    <a class="registerlink" href="/register"><i class="icon-plus-sign"></i> Register</a></span>
    <!-- END switch_user_logged_out -->
                                       
    <div class="social-icons right">
    <a href="https://www.facebook.com/goichonturf/" class="a-icon-facebook"></a>
    <a href="https://www.youtube.com/watch?v=1h-9wgaLPyU&list=PLJH4ValN4AU4N_5E0SyOHXGSP3hgnieVu" class="hidden a-icon-youtube"></a>
    <a href="#" class="a-icon-vimeo"></a>
    <a href="#" class="a-icon-rss"></a>
    <a href="https://plus.google.com/+SergeGoichon" class="a-icon-gplus"></a>
    <a href="https://twitter.com/GoichonTurf" class="a-icon-twitter"></a>
    </div>       
    </div></div>
                                      <div id="pun-intro" class="clearfix">
                                       
                                        <div class="in_search">
                                        <form action="/search" method="get">
                                          <div class="in-search-ft">
                                            <input type="text" placeholder="Recherche..." class="inputbox medium" name="search_keywords"/>
                                        <input type="submit" value="Go" id="buttonsearch"/> </div></form></div>
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 <!-- BEGIN switch_user_logged_out -->
<div class="M14_NoLogin"><a href="/register?agreed=true&step=2">Inscription</a> <a href="/login">Connexion</a></div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div class="M14_yesLogin"><p>Bienvenue <br /><span class="USERNAME"></span> </p>
<span class="M14_yesLoginLink">
<a href="/f25-faites-votre-presentation">-Pensez a faire votre présentation</a><br />
<a href="http://www.pmturf.com/f11-notre-live-d-or">-Pensez au livre d'or</a>
  </span>
</div>
<!-- END switch_user_logged_in -->
                                       
                      <div class="oculto_div"  style="display:none!important;"><!-- BEGIN switch_h1 -->
                      <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                      <!-- END switch_h1 -->

                      <!-- BEGIN switch_desc -->
                      <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                                                      <!-- END switch_desc --></div>
                  </div>
                  <div id="pun-head">
                      <div class="menu main_width">
                <ul>
    <li><a href="/forum">Accueil
    <br/><span class="menu-item-subtitle">Accueil, Bienvenue</span>
    </a></li>
    <li><a href="/memberlist">Nos Turfistes
    <br/><span class="menu-item-subtitle">Notre communautées</span>
    </a></li>
    <li><a href="/c3-abonnement-pmturf">Abonnement
    <br/><span class="menu-item-subtitle">Nos abonnements</span></a></li>
    <li><a href="/c4-nos-pronostics">Pronostics
      <br/><span class="menu-item-subtitle">Nos Pronostics</span>
    </a></li>
    <li><a href="/t5-nos-archives-pmturf">Archives
      <br/><span class="menu-item-subtitle">Nos Archives</span>
    </a></li>
    <li><a href="/c5-formations-turfistes-questions-reponses">Formations
      <br/><span class="menu-item-subtitle">Nos Formations</span>
    </a></li>
    <li><a href="/h1-equidia">Equidia
      <br/><span class="menu-item-subtitle">illimitée</span>
    </a></li>
    <li><a href="/f26-tutoriel-connexion-inscription-etc">Help
    <br/><span class="menu-item-subtitle">Questions</span></a></li>
    </ul>
            </div>
                  </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 -->
<style>
  /*Position du menu*/
.M14_NoLogin,.M14_yesLogin{position: relative;top: -60px;left: 300px;width: 400px;color:white !important;font-size:14px !important;}
.M14_NoLogin a{background:orange;color:white !important;text-decoration:none !important; font-size:14px !important;padding:5px 30px;}
.M14_yesLogin a,.M14_yesLogin p{color:white !important;text-decoration:none !important; font-size:14px !important;}
.M14__yesLogin p{padding: 5px;float: left;text-align: center;}
.M14_yesLoginLink{padding: 5px;float:right;height: 80px;position: relative;margin-top: -40px;}
</style> 
<style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:240px; right:-460px; float:right; width:500px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:480px; height:625px; background-color:#fff; overflow:hidden; border-radius:10px; } </style>
    <!--Fanbox de Facebook-->
    <div id="flotante1">
    <img src="https://i.servimg.com/u/f56/17/97/98/69/facebo10.png" style="float:left;" />
    <div style="background: #3c5a98; height:625px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;"><span></span>
    <div style="" class="likeboxwrap"><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fgoichonturf%2F&tabs=timeline&width=240&height=625&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=1877840189115671" width="240" height="625" style="border:none;overflow:hidden" width="240" height="625" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
    </div><span></span>
    </div>
    </div>
    </div>
            <!--test-->
       


Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis Ajout



Tout le style se trouve en bas du template:
Code:

<style>
  /*Position du menu*/
.M14_NoLogin,.M14_yesLogin{position: relative;top: -60px;left: 300px;width: 400px;color:white !important;font-size:14px !important;}
.M14_NoLogin a{background:orange;color:white !important;text-decoration:none !important; font-size:14px !important;padding:5px 30px;}
.M14_yesLogin a,.M14_yesLogin p{color:white !important;text-decoration:none !important; font-size:14px !important;}
.M14__yesLogin p{padding: 5px;float: left;text-align: center;}
.M14_yesLoginLink{padding: 5px;float:right;height: 80px;position: relative;margin-top: -40px;}
</style>



Si tu as besoin de conseils , n'hésites pas mon tit Serge




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
kikou mon milouze pour infos c'est top pour le 1er point :

inscription connexion ( t"es le meilleur ) maintenant j'ai 1 soucis et une demande si possible :

regarde quand j'ai mon annonce voilà ce que sa donne : 


donc juste à réglé le soucis stp et donc la demande serait si possible avoir un truc du genre en gros que bienvenu ..... et le pensez à faire votre présentation et pensez au livre d'or soit en blanc sur un fond orange comme pour inscription connexion en gros comme ceci 


merci mon milouze  :)
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum, tu peux me donner ton annonce et savoir ou elle est placée clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
kikou 

je vient de remettre le code donc regarde : en haut  : http://www.pmturf.com/

ensuite le code de mon annonce : 
Code:
<div>
                             <strong><span style="font-size: 20px;"><span style="color: rgb(0, 102, 0);">Pronostics PMturf </span>01/09/2017 (<span style="color: rgb(102, 0, 255);"> Disponible</span> ) & <span style="color: rgb(0, 102, 0);">Courses étrangères</span> ( <span style="color: rgb(102, 0, 255);">disponible</span> )</span></strong>
</div><br />
<div>
                               <strong><span style="font-size: 16px;">GoichonTurf devient PMturf , <a href="http://www.pmturf.com/register" style=""><span style="color: rgb(0, 0, 255);">Inscrivez-vous</span></a> sans plus tarder !  ( Si fait, <a href="http://www.pmturf.com/login"><span style="color: rgb(0, 0, 255);">Connectez-vous ici </span>)</a> </span></strong><br />
</div>
<div align="center">
                                                                                                          
 <table border="0">
                                                                                                                                                                                                            
 <tbody>
 
 <tr>
                                                                                                                                                                      
 <td background="https://i.servimg.com/u/f58/19/58/35/14/gg10.png" valign="top" style="width: 820px;height: 39px;">
                                                                                                                              
 <div align="center">
                                                      <br />    <span style="font-size: 15px;"> le {NOWWITHTIME}, nous sommes heureux de te voir <span style="color: #6600FF;">{USERNAME}</span>, en effet <span style="color: #FF0000;">tu n'es pas venu depuis le {USERLASTVISIT} !</span></span>                                                    
 </div>
                                                                                                                                        
 </td>
                                                                                                                                                            
 </tr>
                                                                                                                                                                                                                    
 </tbody>
 
 </table>
</div>
                  
<div align="center">
                                                                                                          
 <table border="0">
                                                                                                                                                                                                                      
 <tbody>
 
 <tr>
                                                                                                                                                                      
 <td background="https://i.servimg.com/u/f58/19/58/35/14/rr11.png" valign="top" style="width: 205px;height: 228px;">
                                                                                                                              
 <div align="center">
                                                       <br /><br /><br /> <br /> <br />    <span style="font-size: 24px;"> {FORUMLASTUSERLINK}</span>                                                    
 </div>
                                                                                                                                        
 </td>
                                                                                                                        
 <td background="https://i.servimg.com/u/f58/19/58/35/14/ffg10.png" valign="top" style="width: 205px;height: 228px;">
                                                                                                                              
 <div align="center">
                                                       <br /><br /><br /> <br /> <br />    <span style="font-size: 24px;"> <a href="http://www.pmturf.com/c3-abonnement-pmturf"><span style="color: #FF0000;">Accès direct</span></a></span>                                                    
 </div>
                                                                                                                                        
 </td>
                                                                                                      
 <td background="https://i.servimg.com/u/f58/19/58/35/14/ddf10.png" valign="top" style="width: 205px;height: 228px;">
                                                                                                                              
 <div align="center">
                                                       <br /><br /><br /> <br /> <br />    <span style="font-size: 24px;"> <a href="http://www.pmturf.com/c4-nos-pronostics"><span style="color: #6600FF;">Accès direct !</span></a></span>                                                    
 </div>
                                                                                                                                        
 </td>
                                                                                                      
 <td background="https://i.servimg.com/u/f58/19/58/35/14/ddfrer10.png" valign="top" style="width: 205px;height: 228px;">
                                                                                                                              
 <div align="center">
                                                      <br /><br /><br /> <br /> <br />    <span style="font-size: 24px;"> <a href="http://www.pmturf.com/t5-nos-archives-pmturf"><span style="color: #006600;">Accès direct !</span></a></span>                                    
 </div>
                                                                                                                                        
 </td>
                                                                                                                                                              
 </tr>
                                                                                                                                                                                                          
 </tbody>
 
 </table>
</div>
<div align="center">
                                                                                                                
 <table border="0">
                                                                                                                                                                                                            
 <tbody>
 
 <tr>
                                                                                                                                                                            
 <td style="width: 820px;height: 39px;" valign="top" background="https://i.servimg.com/u/f58/19/58/35/14/gg10.png">
                                                                                                                                    
 <div align="center">
                                                         <br />    <span style="font-size: 15px;"> <span style="color: #6600FF;">{FORUMCOUNTUSER}</span> Turfistes inscrits sur PMturf et nous avons plus de <span style="color: #006600;">{FORUMCOUNTPOST}</span> messages pour <span style="color: #FF0000;">{FORUMCOUNTOPIC}</span> sujets  ! </span>                                                        
 </div>
                                                                                                                                              
 </td>
                                                                                                                                                                  
 </tr>
                                                                                                                                                                                                                    
 </tbody>
 
 </table>
</div>

merci mon milouze
ps sans faire des modification du template sa fonctionnait sache le  :)
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu as mis l'annonce dans la gestion des annonces Serge ou sur la page d'accueil ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
voila sur la toutes les page et j'ai essayer qu'en accueil c'est pareil regarde 



merci serge
WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
pardon en gros mon annonce est créer dans le gestion des annonces
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ok merci, je ne peux pas voir les annonces en tant qu'invité mais cela n'est pas important.

Je regarde çà Serge,
dernière chose, Tu ne veux plus le pseudo dans Bienvenue ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
kikou si le pseudo dans bienvenue je le garde je t'es créer un compte c'est Tutoriel  et le mot de passe est Azerty123
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux tester ce template stp:


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>
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
      <!-- BEGIN switch_fb_login -->
      <script src="https://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 -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- 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 -->
      <!-- BEGIN switch_user_logged_out -->
      <style>body #fa_toolbar, body #fa_toolbar_hidden {display: none;}</style>
      <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <style>
      body #fa_toolbar.fa_toolbar_XL_Sized {
        height: 42px!important;
        background: url("https://i.imgur.com/0avs0Wh.png") repeat-x;
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding: 0px;
        width: 980px!important;
        margin: auto!important;
        text-align: left;
        z-index: 99!important;
        position: absolute!important;
        min-width: initial!important;
    }
    body #fa_toolbar a {
        font-family: Arial, sans-serif;  font-size: 12px;
    }
    body #fa_toolbar_hidden ,body #fa_toolbar #fa_right .fa_separator ,body #fa_toolbar #fa_ranktitle + table, body #fa_toolbar #fa_ranktitle, body #fa_toolbar #fa_hide, body #fa_toolbar #fa_left.fa_tbMainElement, body #fa_toolbar #fa_search, body #fa_toolbar #fa_share {
        display: none!important;
    }
    body #fa_toolbar #fa_right {
        float: left!important;
    }
    .social-icons.right {
        z-index: 999!important;
        position: relative;
    }
    body #fa_toolbar #fa_right #fa_menu #fa_welcome {
        width: 174px!important;
        border-right: 1px solid rgb(69, 76, 76);
        box-shadow: 1px 0px 0px 0px rgb(60, 55, 55) inset;
        border-left: 1px solid rgb(69, 76, 76);
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center;
    }
    body #fa_toolbar #fa_right #fa_notifications {
        border-left: 1px solid rgb(53, 53, 53);
        margin: 0;
        padding-left: 10px;
        width: 175px!important;
        border-right: 1px solid rgb(60, 55, 55);
        box-shadow: 1px 0 0px 0px rgb(69, 76, 76);
        padding-top: 6px;  padding-bottom: 6px;
        text-align: center;
    }
    body #fa_menulist {
        left: 30px!important;
        border: 0px!important;
    }
    body #fa_toolbar #fa_usermenu {
        position: initial!important;
        width: 176px;
        background: white;
        padding: 10px 0;
    }
    body #fa_toolbar #fa_menulist {
        padding: 5px!important;
        width: 176px!important;
        background: url(https://i.imgur.com/5kJJAoi.png);
        border-radius: 0 4px 4px 4px;
    }
    body #fa_toolbar #fa_usermenu img {
        padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
        width: 150px;
        height: 150px;
    }
    body #fa_toolbar #fa_menulist li {
        background: white;
        border-top: 1px solid #ddd;
        padding-left: 15px;
    }
    body #fa_toolbar #fa_menulist li:hover {
        background: #f5f5f5;
    }
    body #fa_toolbar #fa_menulist li a {
        color: #565855!important;
        font: normal 11px arial;
        display: block!important;
        padding: 10px 0;
    }
    body #fa_toolbar #fa_menulist li a:hover {
        color: #262022!important;
    }
    body #fa_toolbar #fa_menulist::before {
        width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
    }
    body #fa_right.welcome #fa_menu #fa_welcome, body #fa_toolbar > #fa_right.notification > #fa_notifications {
        background: none;
        color: white;
    }
    body #fa_toolbar #fa_right #fa_menu #fa_welcome:hover ,body #fa_toolbar #fa_right #fa_notifications:hover {
        background: rgba(0, 0, 0, 0.06);
      }
    </style>
      <!-- END switch_user_logged_in -->
    </head>

    <body>

   
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="https://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup" 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 class="pun">
                  <div id="panel"><div class="main_width">
               
    <!-- BEGIN switch_user_logged_out -->
    <span class="top-date"><script>
    var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
    var f=new Date();
    document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
    </script>
    </span>
    <span class="date-sep">.</span>

    <span id="quick_login" class="relative"><a class="loginlink" href="/login"><i class="icon-user"></i> Login</a>
    <div class="user-dropdown-box" style="display: none;"><div class="user-dropdown-box-inner">
      <form action="/login" method="post" name="form_login"><div class="userloginbox"><div class="username"> <input class="namusipb" placeholder="Username" type="text" size="10" name="username"/></div><div class="pass"> <input class="passipbnwa" placeholder="Password" type="password" size="10" name="password"/></div><div class="saipb"><span class="gensmall"><input class="radio" type="checkbox" name="autologin" checked="checked"/><strong> Se souvenir de moi</strong></span> </div><div class="buttonipblog"><input class="mainoption" type="submit" name="login" value="Conectarse"/></div><div class="sendpass"><a href="/profile?mode=sendpassword" data-tooltip="Register now!">Mot de passe oublié</a></div></div></form>
    </div></div>
    <a class="registerlink" href="/register"><i class="icon-plus-sign"></i> Register</a></span>
    <!-- END switch_user_logged_out -->
                                       
    <div class="social-icons right">
    <a href="https://www.facebook.com/goichonturf/" class="a-icon-facebook"></a>
    <a href="https://www.youtube.com/watch?v=1h-9wgaLPyU&list=PLJH4ValN4AU4N_5E0SyOHXGSP3hgnieVu" class="hidden a-icon-youtube"></a>
    <a href="#" class="a-icon-vimeo"></a>
    <a href="#" class="a-icon-rss"></a>
    <a href="https://plus.google.com/+SergeGoichon" class="a-icon-gplus"></a>
    <a href="https://twitter.com/GoichonTurf" class="a-icon-twitter"></a>
    </div>       
    </div></div>
                                      <div id="pun-intro" class="clearfix">
                                       
                                        <div class="in_search">
                                        <form action="/search" method="get">
                                          <div class="in-search-ft">
                                            <input type="text" placeholder="Recherche..." class="inputbox medium" name="search_keywords"/>
                                        <input type="submit" value="Go" id="buttonsearch"/> </div></form></div>
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 <!-- BEGIN switch_user_logged_out -->
<div class="M14_NoLogin"><a href="/register?agreed=true&step=2">Inscription</a> <a href="/login">Connexion</a></div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div class="M14_yesLogin"><p>Bienvenue <br /><span class="USERNAME"></span> </p>
<span class="M14_yesLoginLink">
<a href="/f25-faites-votre-presentation">-Pensez a faire votre présentation</a><br />
<a href="http://www.pmturf.com/f11-notre-live-d-or">-Pensez au livre d'or</a>
  </span>
</div>
<!-- END switch_user_logged_in -->
                                       
                      <div class="oculto_div"  style="display:none!important;"><!-- BEGIN switch_h1 -->
                      <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                      <!-- END switch_h1 -->

                      <!-- BEGIN switch_desc -->
                      <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                                                      <!-- END switch_desc --></div>
                  </div>
                  <div id="pun-head">
                      <div class="menu main_width">
                <ul>
    <li><a href="/forum">Accueil
    <br/><span class="menu-item-subtitle">Accueil, Bienvenue</span>
    </a></li>
    <li><a href="/memberlist">Nos Turfistes
    <br/><span class="menu-item-subtitle">Notre communautées</span>
    </a></li>
    <li><a href="/c3-abonnement-pmturf">Abonnement
    <br/><span class="menu-item-subtitle">Nos abonnements</span></a></li>
    <li><a href="/c4-nos-pronostics">Pronostics
      <br/><span class="menu-item-subtitle">Nos Pronostics</span>
    </a></li>
    <li><a href="/t5-nos-archives-pmturf">Archives
      <br/><span class="menu-item-subtitle">Nos Archives</span>
    </a></li>
    <li><a href="/c5-formations-turfistes-questions-reponses">Formations
      <br/><span class="menu-item-subtitle">Nos Formations</span>
    </a></li>
    <li><a href="/h1-equidia">Equidia
      <br/><span class="menu-item-subtitle">illimitée</span>
    </a></li>
    <li><a href="/f26-tutoriel-connexion-inscription-etc">Help
    <br/><span class="menu-item-subtitle">Questions</span></a></li>
    </ul>
            </div>
                  </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 -->
<style>
  /*Position du menu*/
.M14_NoLogin,.M14_yesLogin{position: relative;top: -60px;left:200px;width: 400px;color:white !important;font-size:14px !important;}
.M14_NoLogin a{background:orange;color:white !important;text-decoration:none !important; font-size:14px !important;padding:5px 30px;}
.M14_yesLogin a,.M14_yesLogin p{color:white !important;text-decoration:none !important; font-size:14px !important;}
.M14_yesLogin p{padding: 5px 30px;float: left;text-align: center;background:orange;}
.M14_yesLoginLink{position:absolute !important;margin-left: 20px;width:230px;padding: 5px 30px;background:orange;}
</style> 
<style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:240px; right:-460px; float:right; width:500px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:480px; height:625px; background-color:#fff; overflow:hidden; border-radius:10px; } </style>
    <!--Fanbox de Facebook-->
    <div id="flotante1">
    <img src="https://i.servimg.com/u/f56/17/97/98/69/facebo10.png" style="float:left;" />
    <div style="background: #3c5a98; height:625px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;"><span></span>
    <div style="" class="likeboxwrap"><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fgoichonturf%2F&tabs=timeline&width=240&height=625&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=1877840189115671" width="240" height="625" style="border:none;overflow:hidden" width="240" height="625" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
    </div><span></span>
    </div>
    </div>
    </div>
            <!--test-->

Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis Ajout



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Mouaaaaaaaaaaa t'es un gény mon milouze alors il y a  juste un léger même tout léger soucis hi , c'est le décalage pas bien méchant regarde ( menue ne prend pas totalement la largeur

WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
En gros pour te dire le menue ( help ) n'est plus dedans ( c'est le menue qui c'est décalé ) donc plus dans la largeur total  bisous
WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
je vai dodo mon milouze je regarderai demain matin si tu ma répondue de gros bisous et merci beaucoup pour tout bonne nuit amicalement serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
merci d'utiliser des ponctuations car lire tes messages devient une calamité pour la compréhension impeccable .
Je vois d’où cela vient mon tit Serge,il fallait mettre une position en absolute sur la div ajoutée.

Ton template modifié:
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>
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
       <!-- BEGIN switch_fb_login -->
       <script src="https://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 -->
       <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
       <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
       <!-- 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 -->
      <!-- BEGIN switch_user_logged_out -->
      <style>body #fa_toolbar, body #fa_toolbar_hidden {display: none;}</style>
      <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <style>
      body #fa_toolbar.fa_toolbar_XL_Sized {
        height: 42px!important;
        background: url("https://i.imgur.com/0avs0Wh.png") repeat-x;
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding: 0px;
        width: 980px!important;
        margin: auto!important;
        text-align: left;
        z-index: 99!important;
        position: absolute!important;
        min-width: initial!important;
    }
    body #fa_toolbar a {
        font-family: Arial, sans-serif;  font-size: 12px;
    }
    body #fa_toolbar_hidden ,body #fa_toolbar #fa_right .fa_separator ,body #fa_toolbar #fa_ranktitle + table, body #fa_toolbar #fa_ranktitle, body #fa_toolbar #fa_hide, body #fa_toolbar #fa_left.fa_tbMainElement, body #fa_toolbar #fa_search, body #fa_toolbar #fa_share {
        display: none!important;
    }
    body #fa_toolbar #fa_right {
        float: left!important;
    }
    .social-icons.right {
        z-index: 999!important;
        position: relative;
    }
    body #fa_toolbar #fa_right #fa_menu #fa_welcome {
        width: 174px!important;
        border-right: 1px solid rgb(69, 76, 76);
        box-shadow: 1px 0px 0px 0px rgb(60, 55, 55) inset;
        border-left: 1px solid rgb(69, 76, 76);
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center;
    }
    body #fa_toolbar #fa_right #fa_notifications {
        border-left: 1px solid rgb(53, 53, 53);
        margin: 0;
        padding-left: 10px;
        width: 175px!important;
        border-right: 1px solid rgb(60, 55, 55);
        box-shadow: 1px 0 0px 0px rgb(69, 76, 76);
        padding-top: 6px;  padding-bottom: 6px;
        text-align: center;
    }
    body #fa_menulist {
        left: 30px!important;
        border: 0px!important;
    }
    body #fa_toolbar #fa_usermenu {
        position: initial!important;
        width: 176px;
        background: white;
        padding: 10px 0;
    }
    body #fa_toolbar #fa_menulist {
        padding: 5px!important;
        width: 176px!important;
        background: url(https://i.imgur.com/5kJJAoi.png);
        border-radius: 0 4px 4px 4px;
    }
    body #fa_toolbar #fa_usermenu img {
        padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
        width: 150px;
        height: 150px;
    }
    body #fa_toolbar #fa_menulist li {
        background: white;
        border-top: 1px solid #ddd;
        padding-left: 15px;
    }
    body #fa_toolbar #fa_menulist li:hover {
        background: #f5f5f5;
    }
    body #fa_toolbar #fa_menulist li a {
        color: #565855!important;
        font: normal 11px arial;
        display: block!important;
        padding: 10px 0;
    }
    body #fa_toolbar #fa_menulist li a:hover {
        color: #262022!important;
    }
    body #fa_toolbar #fa_menulist::before {
        width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
    }
    body #fa_right.welcome #fa_menu #fa_welcome, body #fa_toolbar > #fa_right.notification > #fa_notifications {
        background: none;
        color: white;
    }
    body #fa_toolbar #fa_right #fa_menu #fa_welcome:hover ,body #fa_toolbar #fa_right #fa_notifications:hover {
        background: rgba(0, 0, 0, 0.06);
      }
    </style>
      <!-- END switch_user_logged_in -->
    </head>

    <body>

    
      <!-- BEGIN hitskin_preview -->
       <div id="hitskin_preview" style="display: block;">
          <h1><img src="https://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
             <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
             </p>
          </div>
       </div>
       <!-- END hitskin_preview -->

       <!-- BEGIN switch_login_popup -->
       <div id="login_popup" 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 class="pun">
                   <div id="panel"><div class="main_width">
                
    <!-- BEGIN switch_user_logged_out -->
    <span class="top-date"><script>
    var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
    var f=new Date();
    document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
    </script>
    </span>
    <span class="date-sep">.</span>

     <span id="quick_login" class="relative"><a class="loginlink" href="/login"><i class="icon-user"></i> Login</a>
    <div class="user-dropdown-box" style="display: none;"><div class="user-dropdown-box-inner">
      <form action="/login" method="post" name="form_login"><div class="userloginbox"><div class="username"> <input class="namusipb" placeholder="Username" type="text" size="10" name="username"/></div><div class="pass"> <input class="passipbnwa" placeholder="Password" type="password" size="10" name="password"/></div><div class="saipb"><span class="gensmall"><input class="radio" type="checkbox" name="autologin" checked="checked"/><strong> Se souvenir de moi</strong></span> </div><div class="buttonipblog"><input class="mainoption" type="submit" name="login" value="Conectarse"/></div><div class="sendpass"><a href="/profile?mode=sendpassword" data-tooltip="Register now!">Mot de passe oublié</a></div></div></form>
    </div></div>
    <a class="registerlink" href="/register"><i class="icon-plus-sign"></i> Register</a></span>
    <!-- END switch_user_logged_out -->
                                        
    <div class="social-icons right">
    <a href="https://www.facebook.com/goichonturf/" class="a-icon-facebook"></a>
    <a href="https://www.youtube.com/watch?v=1h-9wgaLPyU&list=PLJH4ValN4AU4N_5E0SyOHXGSP3hgnieVu" class="hidden a-icon-youtube"></a>
    <a href="#" class="a-icon-vimeo"></a>
    <a href="#" class="a-icon-rss"></a>
    <a href="https://plus.google.com/+SergeGoichon" class="a-icon-gplus"></a>
    <a href="https://twitter.com/GoichonTurf" class="a-icon-twitter"></a>
    </div>        
    </div></div>
                                      <div id="pun-intro" class="clearfix">                                
                                        <div class="in_search">
                                        <form action="/search" method="get">
                                          <div class="in-search-ft">
                                            <input type="text" placeholder="Recherche..." class="inputbox medium" name="search_keywords"/>
                                        <input type="submit" value="Go" id="buttonsearch"/> </div></form></div>
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 <!-- BEGIN switch_user_logged_out -->
<div class="M14_NoLogin"><a href="/register?agreed=true&step=2">Inscription</a> <a href="/login">Connexion</a></div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div class="M14_yesLogin"><p>Bienvenue <br /><span class="USERNAME"></span> </p>
<span class="M14_yesLoginLink">
<a href="/f25-faites-votre-presentation">-Pensez a faire votre présentation</a><br />
<a href="http://www.pmturf.com/f11-notre-live-d-or">-Pensez au livre d'or</a>
  </span>
</div>
<!-- END switch_user_logged_in -->
    <div class="oculto_div"style="display:none!important;">
<!-- BEGIN switch_h1 -->
<div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc --></div>
</div>                                                              

                
                   <div id="pun-head">
                      <div class="menu main_width">
                <ul>
    <li><a href="/forum">Accueil
    <br/><span class="menu-item-subtitle">Accueil, Bienvenue</span>
    </a></li>
    <li><a href="/memberlist">Nos Turfistes
    <br/><span class="menu-item-subtitle">Notre communautées</span>
    </a></li>
    <li><a href="/c3-abonnement-pmturf">Abonnement
    <br/><span class="menu-item-subtitle">Nos abonnements</span></a></li>
    <li><a href="/c4-nos-pronostics">Pronostics
      <br/><span class="menu-item-subtitle">Nos Pronostics</span>
    </a></li>
    <li><a href="/t5-nos-archives-pmturf">Archives
      <br/><span class="menu-item-subtitle">Nos Archives</span>
    </a></li>
    <li><a href="/c5-formations-turfistes-questions-reponses">Formations
      <br/><span class="menu-item-subtitle">Nos Formations</span>
    </a></li>
    <li><a href="/h1-equidia">Equidia
      <br/><span class="menu-item-subtitle">illimitée</span>
    </a></li>
    <li><a href="/f26-tutoriel-connexion-inscription-etc">Help
    <br/><span class="menu-item-subtitle">Questions</span></a></li>
    </ul>
             </div>
                   </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 -->
<style>
  /*Position du menu*/
.M14_NoLogin,.M14_yesLogin{position: relative;top: -60px;left:200px;width:400px;color:white !important;font-size:14px !important;}
.M14_NoLogin a{background:orange;color:white !important;text-decoration:none !important; font-size:14px !important;padding:5px 30px;}
.M14_yesLogin a,.M14_yesLogin p{color:white !important;text-decoration:none !important; font-size:14px !important;}
.M14_yesLogin p{position:absolute;padding: 5px 30px;text-align: center;background:orange;}
.M14_yesLoginLink{position:absolute !important;margin-left:200px;width:230px;padding: 5px 30px;background:orange;}
</style>  

<style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:240px; right:-460px; float:right; width:500px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:480px; height:625px; background-color:#fff; overflow:hidden; border-radius:10px; } </style>
    <!--Fanbox de Facebook-->
    <div id="flotante1">
     <img src="https://i.servimg.com/u/f56/17/97/98/69/facebo10.png" style="float:left;" />
     <div style="background: #3c5a98; height:625px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;"><span></span>
     <div style="" class="likeboxwrap"><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fgoichonturf%2F&tabs=timeline&width=240&height=625&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=1877840189115671" width="240" height="625" style="border:none;overflow:hidden" width="240" height="625" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
     </div><span></span>
     </div>
    </div>
    </div>
            <!--test-->



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Bonjour mon milouze sujets résolue t'es au top , je vais de suite mettre un bonjour et j'aimerais savoir ou est le lien pour faire un don !  biz serge


par contre je trouve pas le bouton résolue sur le sujet biz
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
j'aimerais savoir ou est le lien pour faire un don !

Tout en bas de page mon ami, tu arriveras sur cette page:

https://www.milouze14.com/buy-credits

Pour mettre en résolu il suffit de cliquer sur le bandeau en haut de ton sujet hinhin



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
C'est fait et je vais faire un don ( stp à tu une adresse paypal je peut pas faire autrement mon milouze , si tu préfère l'envoyez en message privée ) car pour les dons j'utilise que paypal  bisous mon milouze et encore merci
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Non ,je ne suis pas adepte de système de paiement,
mais merci pour le geste mon ami clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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