[PhpBB2] Barre windows 10

[Sacha]

• Version du forum :
  PhpBB2
• Templates modifiés :
  oui
• Navigateur :
  Chrome

Hello, Philippe,

Je viens vers toi concernant ce tutoriel https://www.milouze14.com/t28519-toutes-versions-afficher-une-barre-des-taches-facon-windows-10-sur-votre-forum?highlight=barre+windows pour en modifier le système afin de voir les icônes directement plutôt que de devoir passer le curseur sur la barre pour les voir apparaître !

Lorsque le curseur n'a pas encore été pointer sur la barre



Lorsque le curseur pointe sur la barre c'est cela que j'aimerais voir constamment visible



Est-ce possible ?

Aussi je ne vois pas apparaître mon pseudo comme tu peux le remarquer sur cette capture ci-dessous.



Autre petite chose que j'aimerais intégrer sur le milieu de la barre windows 10.

J'aimerais intégrer ce petit code.

Code:

<div style="max-width: 100%; width: 88px; height: 31px;"><iframe class="banniere-iframe" src="https://amis-pub.i-services.net/gestion_ban/emplacement-responsive.html?idempl=2848&proxy" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></div>

Ce qui donnera cela :

Je te redonne le code HTML et Javascript du template ainsi que le CSS car j'ai trouvé comment ajouter de nouveaux boutons sur la barre mdrrrrr

Template overall_footer_end :

Code:

<div id="M14_Windows"style="display:none;">
              <div class="M14_Win_cont"style="display:none;">
                  <div id="M14_Win_Cont_one">
                      <div class="M14_Win_User"title="Voir mon profil">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/contac11.png"alt="User"align="absmiddle"/><span class="USERNAME">
              </span>
                        </div>
                      
            <div class="M14_Win_groups">
            <img src="https://i.servimg.com/u/f18/11/26/21/37/confer10.png"alt="Groupes"align="absmiddle"/><a href="/groups">Groupes</a>
            </div>
            <div class="M14_Win_members">
            <img src="https://i.servimg.com/u/f18/11/26/21/37/find_u10.png"alt="Membres"align="absmiddle"/><a href="/memberlist">Membres</a>
            </div>
              
            

                <div class="M14_Win_user_Prof"style="display:none;"></div>

                      </div>
            <div id="M14_Win_Cont_two"></div>
            </div>
                              
            <div class="M14_Win_Logo"title="Afficher mon contenu"><img src="https://i.servimg.com/u/f18/11/26/21/37/logo10.png"align="absmiddle"alt="Logo"/></div>
            <div class="M14_Win_Search"></div>
              <!-- Début placement des boutons coté barre recherche windows -->
            <div id="M14_Win_Mp"><a href="/privmsg?folder=inbox"class="M14_Win_MP"title="Voir ma messagerie privée">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/email_10.png"alt="Mp"/></a>
              </div>
            <div id="M14_Win_avatar"><a href="/profile?mode=editprofile&page_profil=avatars"title="Modifier mon avatar">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/yahoo_10.png"alt="Avatar"/></a>
              </div>
              <div id="M14_Win_Sign"><a href="/profile?mode=editprofile&page_profil=signature"title="Modifier ma signature">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/notepa10.png"alt="Signature"/></a>
              </div>
               <!-- Fin placement des boutons coté barre recherche windows -->
               <!-- Début placement des boutons coté horloge -->
             <div class="translate">
              <a href="https://translate.google.fr/"target="_blank">
                <img src="https://i.servimg.com/u/f88/20/00/21/16/transl10.png"align="absmiddle"alt="Google"title="Traducteur Google"/></a>
              </div>
            <div class="M14_Win_Google">
              <a href="https://www.google.fr/"target="_blank">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/google10.png"align="absmiddle"alt="Google"title="Google est votre ami"/></a>
              </div>
            <div class="M14_Milouze"title="Milouze14 Forum d'entraide Forum actif">
              <a href="http://www.milouze14.com/"target="_blank">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/firefo10.png"alt="Milouze14"align="absmiddle"/></a>
              </div>
               <!-- Fin placement des boutons coté barre windows -->
              
              <div class="M14_btn_Window">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/sort_d10.png"alt="Réduire"title="Réduire"align="absmiddle"/>
              </div>
              <div class="M14_btn_Window_close"title="Ouvrir la barre des tâche"style="display:none;">
                <img src="https://i.servimg.com/u/f21/11/26/21/37/up-5010.png"alt="Ouvrir la berre des tâches"align="absmiddle"/>
              </div>
            <div id="M14_hour"></div>
            <script type="text/javascript">
            function date(){var today=new Date();var date_heure="";
            h=today.getHours();m=today.getMinutes();s=today.getSeconds();if(h<10){h='0'+h}if(m<10){m='0'+m}if(s<10){s='0'+s}date_heure=''+h+'h'+m+'m'+s+'';document.getElementById('M14_hour').innerHTML=date_heure}setInterval("date()",1000);
            </script>              
            </div>
            <!-- END switch_user_logged_in -->
<!-- Mettre la class ou id de chaque nouveau bouton -->
<script type="text/javascript">
    $(function(){
    $('#M14_Windows').hover(function(){
    $('#M14_Win_Mp ,#M14_Win_avatar ,#M14_Win_Sign ,
    .translate,.M14_Win_Google ,.M14_Milouze ,.M14_btn_Window').animate({marginTop:'-30px'})
    });});
            </script>

            <script type="text/javascript">
            $(function(){
            $(function(){
            $('#fa_search').clone().appendTo('.M14_Win_Search');
            $('.M14_Win_Search #fa_textarea').attr('placeHolder','Rechercher sur le forum......');
            $('#fa_menu #fa_menulist').clone().appendTo('.M14_Win_user_Prof');
            $('#fa_usermenu').clone().appendTo('#M14_Win_Cont_two');
            });
            });
            </script>
        
            <script type="text/javascript">            
            $(function(){
            $('#M14_Windows').delay('1000').fadeIn(1600);
            $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
            $('.M14_Win_Logo').click(function(){
            $('.M14_Win_cont').toggle();
            $('.M14_Win_User').click(function(){
            $('.M14_Win_user_Prof').toggle();
            });
            });
            });
            </script>
            <script type="text/javascript">
            $(function(){
            $('.M14_btn_Window').click(function(){
            $('.M14_Win_cont,.M14_Win_user_Prof').fadeOut();
            $('#M14_Windows, #wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({height: '0px',padding: '0px'});
            $('.M14_btn_Window_close').delay(1500).fadeIn();
        });
        });
            </script>
    <script type="text/javascript">
    $(function(){
    $('.M14_btn_Window_close').click(function(){
    $(this).fadeOut(800);
    $('.M14_Win_User').click(function(){
    $('.M14_Win_user_Prof').toggle();
    });
    $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
    $('#M14_Windows').delay('800').animate({height: '40px'});
    });

    });
        </script>

            <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

Le CSS :

Code:

/*Debut barre des taches facon Windows 10*/
/*les transitions*/
#M14_Windows ,.M14_btn_Window ,.M14_Win_cont ,
.M14_Milouze ,.M14_Win_Google,#M14_Win_Mp,#M14_Win_avatar ,#M14_Win_Sign ,.M14_btn_Window_close {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition: all 1s ease-in-out;
}
/*LA COULEUR DE LA BARRE ET LE RESTE*/
#M14_Windows ,.M14_btn_Window,.M14_btn_Window_close{background:#222; }
/*LA COULEUR DE LA BARRE ET LE RESTE AU SURVOL*/
#M14_Windows:hover ,.M14_Win_cont:hover ,#M14_Windows:hover .M14_btn_Window {
background:#445555;
}
#M14_Windows:hover  #fa_search #fa_textarea{background:transparent !important;
}
#M14_Windows {
position:fixed;
left:0px;
right:0px;
bottom:0px;
width:100%;
height:40px;
-khtml-opacity:0.8;
-ms-filter:"alpha(opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
opacity:0.8;
z-index:999;
}
#M14_Windows:hover {
-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;
}
.M14_Win_cont {
position:fixed;
left:0px;
bottom:40px;
background:#222 ;
width:250px;
height:300px;
padding:5px;
}
#M14_Win_Cont_one {
position:absolute;
margin-top:5px;
width:250px;
height:150px;
}
.M14_Win_User, .M14_Win_groups , .M14_Win_members {
color:white;
font-size:11px;
font-weight:bold;
width:250px;
height: 43px;
cursor:pointer;
}
.M14_Win_User:hover , .M14_Win_groups:hover ,.M14_Win_members:hover {
background:#333333 !important;
}
.M14_Win_user_Prof  #fa_menulist li:hover {
background:#222 !important;
}
.M14_Win_user_Prof {
top: 30px;
margin-left:5px;
width:230px;
height:auto;
padding:5px;
position:absolute;
}
.M14_Win_user_Prof .fa_separator {
display:none !important;
}
.M14_Win_user_Prof #fa_menulist li {
float:left !important;
width:230px !important;
height:22px !important;
cursor:pointer !important;
}
.M14_Win_user_Prof a ,#M14_logout ,#M14_logout a#logout , .M14_Win_groups a, .M14_Win_members a ,
#M14_logout a#logout:hover ,.M14_Win_user_Prof #fa_menulist li a ,
#M14_Win_Cont_two #fa_usermenu a#fa_ranktitle ,.M14_Milouze a {
font-size:11px !important;
color:white !important;
text-decoration:none !important;
}
#M14_Win_Cont_two {
position:absolute;
bottom:5px;
width:250px;
height:150px;
}
#M14_Win_Cont_two #fa_usermenu {
background:# !important;
margin-left:50px !important;
border:0px solid black !important;
}
.M14_Win_user_Prof #fa_usermenu ,#M14_Win_Cont_two #fa_usermenu table {
display:none;
}
.M14_Win_user_Prof #fa_menulist li a , .M14_Win_groups a ,.M14_Win_members a {
margin-left:5px; !important;
}
.M14_Win_user_Prof #fa_menulist {
display:block;
width:220px !important;
height:200px !important;
left:5px !important;
padding-left:0px !important;
background:#333333 !important;
border:1px solid grey !important;
line-height: 20px !important;
}
.M14_Win_Logo {
cursor:pointer;
width:43px;
height:34px;
}
.M14_Win_Search {
position:absolute;
margin: -35px 0px 0px 45px;
height:40px;
width:200px;
}
#M14_Windows #fa_search #fa_textarea {
color:white !important;
height:40px !important;
border-radius:0px !important;
border-left:1px dotted black;
border-right:1px dotted black;
background:transparent;
}
/*Placement des boutons*/
.M14_btn_Window_close {
bottom:0px !important;
}
/* début placement des boutons barre windows 10 */
/* début placement des boutons coté barre recherche */
#M14_Win_Mp {
left: 14.2%;
}
#M14_Win_avatar {
left: 16%;
}
#M14_Win_Sign {
left: 17.7%;
}
/* fin placement des boutons coté barre recherche */
/* début placement des boutons coté horloge */
.M14_btn_Window,.M14_btn_Window_close {
left: 90%;
}
.M14_Milouze {
left: 88%;
}
.M14_Win_Google {
left: 86.3%;
}
.translate {
left: 84.5%;
}
/* fin placement des boutons coté horloge */
#M14_Win_Mp ,#M14_Win_avatar ,#M14_Win_Sign ,.translate ,.M14_Win_Google ,.M14_Milouze ,.M14_btn_Window , .M14_btn_Window_close {
position: absolute;
height: 40px;
margin-top: 50px;
width:32px;
height:32px;
cursor:pointer;
}
.M14_Milouze ,.M14_Win_Google,.translate,#M14_Win_Mp,#M14_Win_avatar ,#M14_Win_Sign ,.M14_btn_Window,.M14_btn_Window_close {
border-bottom:2px solid white;
}
.M14_Milouze:hover ,.M14_Win_Google:hover ,.translate:hover,#M14_Win_Mp:hover ,#M14_Win_avatar:hover ,
 #M14_Win_Sign:hover ,.M14_btn_Window:hover {
border-bottom:2px solid purple;
}
/* fin placement des boutons barre windows 10 */
#M14_hour {
position: absolute;
left: 95%;
height: 40px;
margin-top: -25px;
color: white;
font-size: 11px;
}
/*Fin de la barre des taches facon Windows 10*/

D'avance je te remercie pour ton aide.

Sacha.

[Milouze14Fondateur]

Hello Sacha,
tu peux me donner ton template dans sa totalité stp.

[Sacha]

Hello Philippe,

Le voici :

Code:

<!-- BEGIN html_validation -->
    <!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">
      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
    <body>
    <table>
       <tr>
          <td>
             <div>
                <div>
                   <div>
    <!-- END html_validation -->
                   </div>
                </div>
    <!-- BEGIN switch_footer_links -->
                <div align="center">
                   <div class="gen">
    <!-- BEGIN footer_link -->
                         <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                         <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                      <!-- END footer_link -->                  
                   </div>
                </div>
                <!-- END switch_footer_links -->
                                                      

 <table class="master-table" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="master-td" width="5%"valign="top">
                    <div class="mastermix-stat"><div class="widget-title2">Groupes</div>
      
      
        <a href="/g3-administrateurs" class="staff-nav admis"><i class="fa fa-snapchat-ghost fa-nav" aria-hidden="true" id="mastermix-ico-admi"></i> Administrateurs <span id="nb_admin"></span></a>
        <a href="/g4-moderateurs" class="staff-nav modera"><i class="fa fa-shield fa-nav" aria-hidden="true" id="mastermix-ico-shield"></i> Modérateurs <span id="nb_modo"></span></a>
        <a href="/g5-polyvalents" class="staff-nav polyva"><i class="fa fa-wrench fa-nav" aria-hidden="true" id="mastermix-ico-cle"></i> Polyvalents <span id="nb_poly"></span></a>
        <a href="/g6-codeurs" class="staff-nav codeu"><i class="fa fa-code fa-nav" aria-hidden="true" id="mastermix-ico-codage"></i> Codeurs <span id="nb_code"></span></a>
        <a href="/g7-graphistes" class="staff-nav graph"><i class="ux ico-palette fa-nav" aria-hidden="true" id="mastermix-ico-palette"></i> Graphistes <span id="nb_graph"></span></a>
        <a href="/g8-correcteurs" class="staff-nav correct"><i class="fa fa-pencil fa-nav" aria-hidden="true" id="mastermix-ico-crayon"></i> Correcteurs <span id="nb_correct"></span></a>
        <a href="/g9-animateurs" class="staff-nav anim"><i class="fa fa-gamepad fa-nav" aria-hidden="true" id="mastermix-ico-jeux"></i> Animateurs <span id="nb_anim"></span></a>
        <a href="/g10-vip" class="staff-nav vip"><i class="fa fa-diamond fa-nav" aria-hidden="true" id="mastermix-ico-diamond"></i> VIP <span id="nb_vip"></span></a>
        <a href="/g11-membres" class="staff-nav membre"><i class="fa fa-user fa-nav" aria-hidden="true" id="mastermix-ico-user"></i> Membres <span id="nb_member"></span></a>
      </div></td>
    
      <td width="90%"valign="top">
        
    <div class="mastermix-stat"><div class="statglo">            
      <table class="tablestat" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="14%">
        <span class="txtstat">En ligne</span> <span id="M14_loadOnlineNumberOne"class="nbstat"></span></td><td width="14%">
        <span class="txtstat">Membres</span> <span id="M14_TOTAL_USERS"class="nbstat"></span></td><td width="14%">
        <span class="txtstat">Messages</span> <span class="nbstat"><span class="M14_FORUMCOUNTPOST"></span></span></td><td width="14%">
        <span class="txtstat">Sujets</span> <span class="nbstat"><span class="M14_FORUMCOUNTOPIC"></span></span></td><td width="14%">
        <span class="txtstat">Forums</span> <span id="M14_fofo"class="nbstat"></span></td><td width="30%">
        <span class="txtstat">Nouveau membre</span> <span class="nbstat"><span class="M14_USERLINK"></span></span>
        </td></tr></table></div>
    
      <table class="tablembconnect" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="25%">
       <script>
$(function(){
$('.M14_FORUMCOUNTPOST').load('/forum .M14_TOTAL_POSTS strong');    
$('#M14_loadOnlineNumberOne').load('/forum .M14_onlineText strong');  
$('#M14_L_CONNECTED_MEMBERSLINK').load('/forum .M14_L_CONNECTED_MEMBERS a[href^="/u"]');
$('#M14_TOTAL_USERS').load('/forum .M14_TOTAL_USERS strong');
$.get('/forum ',function(data){var number=$(data).find('.M14_L_CONNECTED_MEMBERS').find('strong').length;
$('#M14_L_CONNECTED_MEMBERSTEXT').html(number);});
$.get('/forum ',function(data){var annivToday=$(data).find('.M14_L_WHOSBIRTHDAY_TODAY').find('.gensmall').find('a[href^="/u"]').length;
$('#M14_ANNIVTEXT').html(annivToday);});
$.get('/forum ',function(data){var annivTodayLINK=$(data).find('.M14_L_WHOSBIRTHDAY_TODAY').find('.gensmall').find('a[href^="/u"]');
$('#M14_ANNIVLINK').html(annivTodayLINK);});
$.get('/forum ',function(data){var annivNEXTToday=$(data).find('.M14_L_WHOSBIRTHDAY_WEEK').find('a[href^="/u"]').length;
$('#M14_ANNIVNEXTTEXT').html(annivNEXTToday);});
$.get('/forum ',function(data){var annivNextTodayLINK=$(data).find('.M14_L_WHOSBIRTHDAY_WEEK').find('a[href^="/u"]');
$('#M14_ANNIVNEXTLINK').html(annivNextTodayLINK);});
$.get('/forum ',function(data){var M14_NEWEST_USER=$(data).find('.M14_NEWEST_USER').find('a[href^="/u"]');
$('.M14_USERLINK').html(M14_NEWEST_USER);});
$('#M14_loadOnlineUser').load('/forum .M14_onlineLink a[href^="/u"]');
$.get('/forum ',function(data){var connectOnline=$(data).find('.M14_onlineLink').find('a[href^="/u"]').length;
$('#M14_loadOnlineNumber').html(connectOnline);})
        
});
        </script>
      
      <div class="mbconnect">
        <div class="titlebloc">Présents en ce moment <span id="M14_loadOnlineNumber"class="nbstat"></span></div>
      
        <div id="M14_loadOnlineUser"class="contenusstat"></div>
      
        </div></td><td width="25%">
      
        <div class="mbconnect">
        <div class="titlebloc">Il y a moins de 24h <span id="M14_L_CONNECTED_MEMBERSTEXT"class="nbstat"></span></div>
      
        <div id="M14_L_CONNECTED_MEMBERSLINK"class="contenusstat"></div>
      
        </div></td><td width="25%">
      
        <div class="mbconnect">
        <div class="titlebloc">Anniversaire du jour <span id="M14_ANNIVTEXT"class="nbstat"></span></div>
      
        <div id="M14_ANNIVLINK"class="contenusstat"></div>
      
        </div></td><td width="25%">
      
        <div class="mbconnect">
        <div class="titlebloc">Dans les 7 jours <span id="M14_ANNIVNEXTTEXT"class="nbstat"></span></div>
      
        <div id="M14_ANNIVNEXTLINK"class="contenusstat"></div>
      
        </div>
      
        </td></tr></table>
    
      <table class="tablembconnect" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="300px">
        <div class="publicitaire">
<iframe src="https://amis-pub.forumactif.com/h5-regie-pub-logo-100x35" width="314" height="49px" scrolling="no" style="background: #;border: 0px ridge #000000;border-radius:0px 0px 0px 0px;margin:auto; margin-left: -8px; margin-top: -8px; padding: 3px;"></iframe>

        </div></td><td width="100%">
        <div class="publicitaire">
      
          <span class="linkfa" style="padding:4px;">
          <a class="falink" target="_blank" href="https://www.forumactif.com/forum-gratuit">Forum gratuit</a> | <a class="falink" target="_blank" href="https://www.forumactif.com/phpbb">:copyright: phpBB</a> | <a class="falink" target="_blank" href="http://forum.forumactif.com/">Forum gratuit d'entraide</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/statistics">Statistiques</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/contact">Contact</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/abuse?page=%2Fforum&report=1">Signaler un abus</a>
          </span>
          <div style="float:right;padding:5px;"></div>
        </div></td></tr></table>

    
        </div></td>
      <td class="master-td" width="5%"valign="top">
                  
    <div class="mastermix-stat"><div class="widget-title2">Remerciements</div>
      
      
        <a target="_blank" href="https://www.milouze14.com/" class="staff-nav"><i class="fa fa-star fa-nav" aria-hidden="true" id="mastermix-ico-star"></i> Milouze 14</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
        <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
      </div></td></tr>
</table>                            
             </div>
               {PROTECT_FOOTER}
          </td>
       </tr>
    </table>
      



        <!-- BEGIN switch_user_logged_in -->
                        
            <div id="M14_Windows"style="display:none;">
              <div class="M14_Win_cont"style="display:none;">
                  <div id="M14_Win_Cont_one">
                      <div class="M14_Win_User"title="Voir mon profil">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/contac11.png"alt="User"align="absmiddle"/><span class="USERNAME">
              </span>
                        </div>
                      
            <div class="M14_Win_groups">
            <img src="https://i.servimg.com/u/f18/11/26/21/37/confer10.png"alt="Groupes"align="absmiddle"/><a href="/groups">Groupes</a>
            </div>
            <div class="M14_Win_members">
            <img src="https://i.servimg.com/u/f18/11/26/21/37/find_u10.png"alt="Membres"align="absmiddle"/><a href="/memberlist">Membres</a>
            </div>
              
            

                <div class="M14_Win_user_Prof"style="display:none;"></div>

                      </div>
            <div id="M14_Win_Cont_two"></div>
            </div>
                              
            <div class="M14_Win_Logo"title="Afficher mon contenu"><img src="https://i.servimg.com/u/f18/11/26/21/37/logo10.png"align="absmiddle"alt="Logo"/></div>
            <div class="M14_Win_Search"></div>
              <!-- Début placement des boutons coté barre recherche windows -->
            <div id="M14_Win_Mp"><a href="/privmsg?folder=inbox"class="M14_Win_MP"title="Voir ma messagerie privée">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/email_10.png"alt="Mp"/></a>
              </div>
            <div id="M14_Win_avatar"><a href="/profile?mode=editprofile&page_profil=avatars"title="Modifier mon avatar">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/yahoo_10.png"alt="Avatar"/></a>
              </div>
              <div id="M14_Win_Sign"><a href="/profile?mode=editprofile&page_profil=signature"title="Modifier ma signature">
              <img src="https://i.servimg.com/u/f18/11/26/21/37/notepa10.png"alt="Signature"/></a>
              </div>
               <!-- Fin placement des boutons coté barre recherche windows -->
               <!-- Début placement des boutons coté horloge -->
             <div class="translate">
              <a href="https://translate.google.fr/"target="_blank">
                <img src="https://i.servimg.com/u/f88/20/00/21/16/transl10.png"align="absmiddle"alt="Google"title="Traducteur Google"/></a>
              </div>
            <div class="M14_Win_Google">
              <a href="https://www.google.fr/"target="_blank">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/google10.png"align="absmiddle"alt="Google"title="Google est votre ami"/></a>
              </div>
            <div class="M14_Milouze"title="Milouze14 Forum d'entraide Forum actif">
              <a href="http://www.milouze14.com/"target="_blank">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/firefo10.png"alt="Milouze14"align="absmiddle"/></a>
              </div>
               <!-- Fin placement des boutons coté barre windows -->
              
              <div class="M14_btn_Window">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/sort_d10.png"alt="Réduire"title="Réduire"align="absmiddle"/>
              </div>
              <div class="M14_btn_Window_close"title="Ouvrir la barre des tâche"style="display:none;">
                <img src="https://i.servimg.com/u/f21/11/26/21/37/up-5010.png"alt="Ouvrir la berre des tâches"align="absmiddle"/>
              </div>
            <div id="M14_hour"></div>
            <script type="text/javascript">
            function date(){var today=new Date();var date_heure="";
            h=today.getHours();m=today.getMinutes();s=today.getSeconds();if(h<10){h='0'+h}if(m<10){m='0'+m}if(s<10){s='0'+s}date_heure=''+h+'h'+m+'m'+s+'';document.getElementById('M14_hour').innerHTML=date_heure}setInterval("date()",1000);
            </script>              
            </div>
            <!-- END switch_user_logged_in -->
            <script type="text/javascript">
            $(function(){
            $(function(){
            $('#fa_search').clone().appendTo('.M14_Win_Search');
            $('.M14_Win_Search #fa_textarea').attr('placeHolder','Rechercher sur le forum......');
            $('#fa_menu #fa_menulist').clone().appendTo('.M14_Win_user_Prof');
            $('#fa_usermenu').clone().appendTo('#M14_Win_Cont_two');
            });
            });
            </script>
        
            <script type="text/javascript">            
            $(function(){
            $('#M14_Windows').delay('1000').fadeIn(1600);
            $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
            $('.M14_Win_Logo').click(function(){
            $('.M14_Win_cont').toggle();
            $('.M14_Win_User').click(function(){
            $('.M14_Win_user_Prof').toggle();
            });
            });
            });
            </script>
            <script type="text/javascript">
            $(function(){
            $('.M14_btn_Window').click(function(){
            $('.M14_Win_cont,.M14_Win_user_Prof').fadeOut();
            $('#M14_Windows, #wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({height: '0px',padding: '0px'});
            $('.M14_btn_Window_close').delay(1500).fadeIn();
        });
        });
            </script>

            <script type="text/javascript">
    $(function(){
    $('#M14_Windows').hover(function(){
    $('#M14_Win_Mp ,#M14_Win_avatar ,#M14_Win_Sign ,
    .translate,.M14_Win_Google ,.M14_Milouze ,.M14_btn_Window').animate({marginTop:'-30px'})
    });});
            </script>
    <script type="text/javascript">
    $(function(){
    $('.M14_btn_Window_close').click(function(){
    $(this).fadeOut(800);
    $('.M14_Win_User').click(function(){
    $('.M14_Win_user_Prof').toggle();
    });
    $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
    $('#M14_Windows').delay('800').animate({height: '40px'});
    });

    });
        </script>

            <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>    
    
    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.fb-login-button, span.fb-login-button').attr({
                "data-scope": "{switch_facebook_login.FB_SCOPE}",
                "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
            });
            $('div.fb-login-button, span.fb-login-button').each(function() {
                if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                    $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                }
                if($(this).html() == '') {
                    $(this).html('{switch_facebook_login.FB_LABEL}');
                }
            });

            FB.init({
                appId  : "{switch_facebook_login.FB_APP_ID}",
                cookie  : {switch_facebook_login.FB_COOKIE},
                xfbml  : {switch_facebook_login.FB_XFBML},
                oauth  : {switch_facebook_login.FB_OAUTH},
                version : '{switch_facebook_login.FB_VERSION}'
            });

            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                    js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        });
        function onLoginFB() {
            window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
        }
    </script>
    <!-- END switch_facebook_login -->
    <script type="text/javascript">
    //<![CDATA[
       fa_endpage();
    //]]>
    </script>
    </body>
    </html>

Merci.

[Milouze14Fondateur]

Pour l'iframe, ce ne sera pas possible point de vue esthétisme et sur le placement c'est quasi impossible a réaliser Sacha.

Ton template modifié:

Code:

 <!-- BEGIN html_validation -->
        <!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">
          <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
        <body>
        <table>
          <tr>
              <td>
                <div>
                    <div>
                      <div>
        <!-- END html_validation -->
                      </div>
                    </div>
        <!-- BEGIN switch_footer_links -->
                    <div align="center">
                      <div class="gen">
        <!-- BEGIN footer_link -->
                            <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                            <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                          <!-- END footer_link -->                 
                      </div>
                    </div>
                    <!-- END switch_footer_links -->
                                                         

    <table class="master-table" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="master-td" width="5%"valign="top">
                        <div class="mastermix-stat"><div class="widget-title2">Groupes</div>
         
         
            <a href="/g3-administrateurs" class="staff-nav admis"><i class="fa fa-snapchat-ghost fa-nav" aria-hidden="true" id="mastermix-ico-admi"></i> Administrateurs <span id="nb_admin"></span></a>
            <a href="/g4-moderateurs" class="staff-nav modera"><i class="fa fa-shield fa-nav" aria-hidden="true" id="mastermix-ico-shield"></i> Modérateurs <span id="nb_modo"></span></a>
            <a href="/g5-polyvalents" class="staff-nav polyva"><i class="fa fa-wrench fa-nav" aria-hidden="true" id="mastermix-ico-cle"></i> Polyvalents <span id="nb_poly"></span></a>
            <a href="/g6-codeurs" class="staff-nav codeu"><i class="fa fa-code fa-nav" aria-hidden="true" id="mastermix-ico-codage"></i> Codeurs <span id="nb_code"></span></a>
            <a href="/g7-graphistes" class="staff-nav graph"><i class="ux ico-palette fa-nav" aria-hidden="true" id="mastermix-ico-palette"></i> Graphistes <span id="nb_graph"></span></a>
            <a href="/g8-correcteurs" class="staff-nav correct"><i class="fa fa-pencil fa-nav" aria-hidden="true" id="mastermix-ico-crayon"></i> Correcteurs <span id="nb_correct"></span></a>
            <a href="/g9-animateurs" class="staff-nav anim"><i class="fa fa-gamepad fa-nav" aria-hidden="true" id="mastermix-ico-jeux"></i> Animateurs <span id="nb_anim"></span></a>
            <a href="/g10-vip" class="staff-nav vip"><i class="fa fa-diamond fa-nav" aria-hidden="true" id="mastermix-ico-diamond"></i> VIP <span id="nb_vip"></span></a>
            <a href="/g11-membres" class="staff-nav membre"><i class="fa fa-user fa-nav" aria-hidden="true" id="mastermix-ico-user"></i> Membres <span id="nb_member"></span></a>
          </div></td>
       
          <td width="90%"valign="top">
           
        <div class="mastermix-stat"><div class="statglo">           
          <table class="tablestat" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="14%">
            <span class="txtstat">En ligne</span> <span id="M14_loadOnlineNumberOne"class="nbstat"></span></td><td width="14%">
            <span class="txtstat">Membres</span> <span id="M14_TOTAL_USERS"class="nbstat"></span></td><td width="14%">
            <span class="txtstat">Messages</span> <span class="nbstat"><span class="M14_FORUMCOUNTPOST"></span></span></td><td width="14%">
            <span class="txtstat">Sujets</span> <span class="nbstat"><span class="M14_FORUMCOUNTOPIC"></span></span></td><td width="14%">
            <span class="txtstat">Forums</span> <span id="M14_fofo"class="nbstat"></span></td><td width="30%">
            <span class="txtstat">Nouveau membre</span> <span class="nbstat"><span class="M14_USERLINK"></span></span>
            </td></tr></table></div>
       
          <table class="tablembconnect" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="25%">
          <script>
    $(function(){
    $('.M14_FORUMCOUNTPOST').load('/forum .M14_TOTAL_POSTS strong');   
    $('#M14_loadOnlineNumberOne').load('/forum .M14_onlineText strong'); 
    $('#M14_L_CONNECTED_MEMBERSLINK').load('/forum .M14_L_CONNECTED_MEMBERS a[href^="/u"]');
    $('#M14_TOTAL_USERS').load('/forum .M14_TOTAL_USERS strong');
    $.get('/forum ',function(data){var number=$(data).find('.M14_L_CONNECTED_MEMBERS').find('strong').length;
    $('#M14_L_CONNECTED_MEMBERSTEXT').html(number);});
    $.get('/forum ',function(data){var annivToday=$(data).find('.M14_L_WHOSBIRTHDAY_TODAY').find('.gensmall').find('a[href^="/u"]').length;
    $('#M14_ANNIVTEXT').html(annivToday);});
    $.get('/forum ',function(data){var annivTodayLINK=$(data).find('.M14_L_WHOSBIRTHDAY_TODAY').find('.gensmall').find('a[href^="/u"]');
    $('#M14_ANNIVLINK').html(annivTodayLINK);});
    $.get('/forum ',function(data){var annivNEXTToday=$(data).find('.M14_L_WHOSBIRTHDAY_WEEK').find('a[href^="/u"]').length;
    $('#M14_ANNIVNEXTTEXT').html(annivNEXTToday);});
    $.get('/forum ',function(data){var annivNextTodayLINK=$(data).find('.M14_L_WHOSBIRTHDAY_WEEK').find('a[href^="/u"]');
    $('#M14_ANNIVNEXTLINK').html(annivNextTodayLINK);});
    $.get('/forum ',function(data){var M14_NEWEST_USER=$(data).find('.M14_NEWEST_USER').find('a[href^="/u"]');
    $('.M14_USERLINK').html(M14_NEWEST_USER);});
    $('#M14_loadOnlineUser').load('/forum .M14_onlineLink a[href^="/u"]');
    $.get('/forum ',function(data){var connectOnline=$(data).find('.M14_onlineLink').find('a[href^="/u"]').length;
    $('#M14_loadOnlineNumber').html(connectOnline);})
           
    });
            </script>
         
          <div class="mbconnect">
            <div class="titlebloc">Présents en ce moment <span id="M14_loadOnlineNumber"class="nbstat"></span></div>
         
            <div id="M14_loadOnlineUser"class="contenusstat"></div>
         
            </div></td><td width="25%">
         
            <div class="mbconnect">
            <div class="titlebloc">Il y a moins de 24h <span id="M14_L_CONNECTED_MEMBERSTEXT"class="nbstat"></span></div>
         
            <div id="M14_L_CONNECTED_MEMBERSLINK"class="contenusstat"></div>
         
            </div></td><td width="25%">
         
            <div class="mbconnect">
            <div class="titlebloc">Anniversaire du jour <span id="M14_ANNIVTEXT"class="nbstat"></span></div>
         
            <div id="M14_ANNIVLINK"class="contenusstat"></div>
         
            </div></td><td width="25%">
         
            <div class="mbconnect">
            <div class="titlebloc">Dans les 7 jours <span id="M14_ANNIVNEXTTEXT"class="nbstat"></span></div>
         
            <div id="M14_ANNIVNEXTLINK"class="contenusstat"></div>
         
            </div>
         
            </td></tr></table>
       
          <table class="tablembconnect" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="300px">
            <div class="publicitaire">
    <iframe src="https://amis-pub.forumactif.com/h5-regie-pub-logo-100x35" width="314" height="49px" scrolling="no" style="background: #;border: 0px ridge #000000;border-radius:0px 0px 0px 0px;margin:auto; margin-left: -8px; margin-top: -8px; padding: 3px;"></iframe>

            </div></td><td width="100%">
            <div class="publicitaire">
         
              <span class="linkfa" style="padding:4px;">
              <a class="falink" target="_blank" href="https://www.forumactif.com/forum-gratuit">Forum gratuit</a> | <a class="falink" target="_blank" href="https://www.forumactif.com/phpbb">:copyright: phpBB</a> | <a class="falink" target="_blank" href="http://forum.forumactif.com/">Forum gratuit d'entraide</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/statistics">Statistiques</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/contact">Contact</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/abuse?page=%2Fforum&report=1">Signaler un abus</a>
              </span>
              <div style="float:right;padding:5px;"></div>
            </div></td></tr></table>

       
            </div></td>
          <td class="master-td" width="5%"valign="top">
                     
        <div class="mastermix-stat"><div class="widget-title2">Remerciements</div>
         
         
            <a target="_blank" href="https://www.milouze14.com/" class="staff-nav"><i class="fa fa-star fa-nav" aria-hidden="true" id="mastermix-ico-star"></i> Milouze 14</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
          </div></td></tr>
    </table>                           
                </div>
                  {PROTECT_FOOTER}
              </td>
          </tr>
        </table>
         



            <!-- BEGIN switch_user_logged_in -->
                           
                <div id="M14_Windows"style="display:none;">
                  <div class="M14_Win_cont"style="display:none;">
                      <div id="M14_Win_Cont_one">
                          <div class="M14_Win_User"title="Voir mon profil">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/contac11.png"alt="User"align="absmiddle"/><span class="USERNAME">
                  </span>
                            </div>
                         
                <div class="M14_Win_groups">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/confer10.png"alt="Groupes"align="absmiddle"/><a href="/groups">Groupes</a>
                </div>
                <div class="M14_Win_members">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/find_u10.png"alt="Membres"align="absmiddle"/><a href="/memberlist">Membres</a>
                </div>
                 
               

                    <div class="M14_Win_user_Prof"style="display:none;"></div>

                          </div>
                <div id="M14_Win_Cont_two"></div>
                </div>
                                 
                <div class="M14_Win_Logo"title="Afficher mon contenu"><img src="https://i.servimg.com/u/f18/11/26/21/37/logo10.png"align="absmiddle"alt="Logo"/></div>
                <div class="M14_Win_Search"></div>
                  <!-- Début placement des boutons coté barre recherche windows -->
                <div id="M14_Win_Mp"><a href="/privmsg?folder=inbox"class="M14_Win_MP"title="Voir ma messagerie privée">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/email_10.png"alt="Mp"/></a>
                  </div>
                <div id="M14_Win_avatar"><a href="/profile?mode=editprofile&page_profil=avatars"title="Modifier mon avatar">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/yahoo_10.png"alt="Avatar"/></a>
                  </div>
                  <div id="M14_Win_Sign"><a href="/profile?mode=editprofile&page_profil=signature"title="Modifier ma signature">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/notepa10.png"alt="Signature"/></a>
                  </div>
                  <!-- Fin placement des boutons coté barre recherche windows -->
               

                  <!-- Début placement des boutons coté horloge -->
                <div class="translate">
                  <a href="https://translate.google.fr/"target="_blank">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/transl10.png"align="absmiddle"alt="Google"title="Traducteur Google"/></a>
                  </div>
                <div class="M14_Win_Google">
                  <a href="https://www.google.fr/"target="_blank">
                    <img src="https://i.servimg.com/u/f18/11/26/21/37/google10.png"align="absmiddle"alt="Google"title="Google est votre ami"/></a>
                  </div>
                <div class="M14_Milouze"title="Milouze14 Forum d'entraide Forum actif">
                  <a href="http://www.milouze14.com/"target="_blank">
                    <img src="https://i.servimg.com/u/f18/11/26/21/37/firefo10.png"alt="Milouze14"align="absmiddle"/></a>
                  </div>
                  <!-- Fin placement des boutons coté barre windows -->
                 
                  <div class="M14_btn_Window">
                    <img src="https://i.servimg.com/u/f18/11/26/21/37/sort_d10.png"alt="Réduire"title="Réduire"align="absmiddle"/>
                  </div>
                  <div class="M14_btn_Window_close"title="Ouvrir la barre des tâche"style="display:none;">
                    <img src="https://i.servimg.com/u/f21/11/26/21/37/up-5010.png"alt="Ouvrir la berre des tâches"align="absmiddle"/>
                  </div>
                <div id="M14_hour"></div>
                <script type="text/javascript">
                function date(){var today=new Date();var date_heure="";
                h=today.getHours();m=today.getMinutes();s=today.getSeconds();if(h<10){h='0'+h}if(m<10){m='0'+m}if(s<10){s='0'+s}date_heure=''+h+'h'+m+'m'+s+'';document.getElementById('M14_hour').innerHTML=date_heure}setInterval("date()",1000);
                </script>             
                </div>
                <!-- END switch_user_logged_in -->
                <script type="text/javascript">
                $(function(){
                $(function(){
                $('#fa_search').clone().appendTo('.M14_Win_Search');
                $('.M14_Win_Search #fa_textarea').attr('placeHolder','Rechercher sur le forum......');
                $('#fa_menu #fa_menulist').clone().appendTo('.M14_Win_user_Prof');
                $('#fa_usermenu').clone().appendTo('#M14_Win_Cont_two');
                });
                });
                </script>
           
                <script type="text/javascript">           
                $(function(){
                $('#M14_Windows').delay('1000').fadeIn(1600);
                $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
                $('.M14_Win_Logo').click(function(){
                $('.M14_Win_cont').toggle();
                $('.M14_Win_User').click(function(){
                $('.M14_Win_user_Prof').toggle();
                });
                });
                });
                </script>
                <script type="text/javascript">
                $(function(){
                $('.M14_btn_Window').click(function(){
                $('.M14_Win_cont,.M14_Win_user_Prof').fadeOut();
                $('#M14_Windows, #wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({height: '0px',padding: '0px'});
                $('.M14_btn_Window_close').delay(1500).fadeIn();
            });
            });
                </script>

             
        <script type="text/javascript">
        $(function(){
        $('.M14_btn_Window_close').click(function(){
        $(this).fadeOut(800);
        $('.M14_Win_User').click(function(){
        $('.M14_Win_user_Prof').toggle();
        });
        $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
        $('#M14_Windows').delay('800').animate({height: '40px'});
        });

        });
            </script>

    <script type="text/javascript" src="https://js01.fra.co/24922.js"></script> 
       
        <!-- BEGIN switch_facebook_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
            $(document).ready( function() {
                $('div.fb-login-button, span.fb-login-button').attr({
                    "data-scope": "{switch_facebook_login.FB_SCOPE}",
                    "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                    "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                    "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                    "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
                });
                $('div.fb-login-button, span.fb-login-button').each(function() {
                    if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                        $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                    }
                    if($(this).html() == '') {
                        $(this).html('{switch_facebook_login.FB_LABEL}');
                    }
                });

                FB.init({
                    appId  : "{switch_facebook_login.FB_APP_ID}",
                    cookie  : {switch_facebook_login.FB_COOKIE},
                    xfbml  : {switch_facebook_login.FB_XFBML},
                    oauth  : {switch_facebook_login.FB_OAUTH},
                    version : '{switch_facebook_login.FB_VERSION}'
                });

                (function(d, s, id){
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) {return;}
                        js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            });
            function onLoginFB() {
                window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
            }
        </script>
        <!-- END switch_facebook_login -->
        <script type="text/javascript">
        //<![CDATA[
          fa_endpage();
        //]]>
        </script>
        </body>
        </html>

[Sacha]

Re Philippe,

Il me semble que tu as dû oublier 2 éléments !

Il n'y a plus les boutons sur la barre et tu as dû oublier de coller le petit code que j'aimerais intégrer sur le milieu de la barre.

[Milouze14Fondateur]

Oups vi effectivement.

Dans ta feuille de style, recherches ceci:

Code:

/* fin placement des boutons coté horloge */

Modifies:

Code:

margin-top: 50px;

en :

Code:

margin-top: -30px;

[Sacha]

Oui là c'est bon, par contre tu as oublié de placer ce code sur le milieu de la barre

Code:

<div style="max-width: 100%; width: 88px; height: 31px;"><iframe class="banniere-iframe" src="https://amis-pub.i-services.net/gestion_ban/emplacement-responsive.html?idempl=2848&proxy" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></div>

[Milouze14Fondateur]

Hum Sacha:
https://www.milouze14.com/t32345-phpbb2-barre-windows-10#615588

Pour l'iframe, ce ne sera pas possible point de vue esthétisme et sur le placement c'est quasi impossible a réaliser Sacha

Ce que je nomme Iframe est ce code HTML:

Code:

<div style="max-width: 100%; width: 88px; height: 31px;"><iframe class="banniere-iframe" src="https://amis-pub.i-services.net/gestion_ban/emplacement-responsive.html?idempl=2848&proxy" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></div>

[Sacha]

Oui c'est ce code, mais pas besoin forcément de la div sauf si c'est pour la positionner sur la barre comme avec les autres boutons

[Milouze14Fondateur]

Non, franchement , il faut y renoncer Sacha ,
la structure n'est pas prévue pour cela

[Sacha]

Bon ok dommage cela

[Milouze14Fondateur]

Désolé Sacha

[Sacha]

Pas grave, je vais chercher un moyen en espérant que je trouve une solution

[Milouze14Fondateur]

Ok pas de soucis Sacha, mais je doute fortement que tout fonctionne correctement sur toutes les résolutions mon ami!!!!

[Sacha]

Si si l'emplacement du logo est responsive

[Sacha]

Yes, j'ai trouvé la solution, il ne fait pas partie du codage de la barre certes, mais l'emplacement est quand même sur la barre !

En réalité, j'ai déposé le code juste avant cela

Code:

<!-- BEGIN switch_facebook_login -->

Ensuite un peu de CSS :

Code:

#regiewindows {
height: 35px;
bottom: 0;
left: 45%;
right: 60%;
position: fixed;
z-index: 999;
}

Ce qui donne cela :



Le plus important c'est qu'il est là où je le voulais et qui suis la barre.

Allais dit que je suis trop fort ptdrrrrrrrrrrrrrr

[Milouze14Fondateur]

Hello Sacha,
ah ben cela je pouvais le faire sans problème Sacha .
Mais cette bannière s'affiche avant la barre de Windows 10,
c'est pas terrible non ?
Quand je mentionne que cela n'est pas possible, cela signifie: "Dans le code html".

J'ai positionné correctement les boutons sur la barre car ils étaient collés.

[Sacha]

Hello Philippe,

En effet, dans le code HTML de la barre, je n'ai pas trouvé de solution, je pense qu'il faut passer par JS pour l'intégrer directement à la barre. J'aurais préféré !

J'ai vu que tu avais repositionné les boutons, mais le positionnement des boutons était voulu ainsi, cela pour mettre plus de bouton mdrrrr

J'ai vu que tu avais aussi replacé le code de regiewindows sur le template juste après

Code:

<!-- Fin placement des boutons coté barre recherche windows -->

J'ai supprimé, car de cette manière tu l'intégres au code HTML de la barre et donc cela a pour effet de ne pas voir l'élément regiewindows et de rendre invisible l'horloge ainsi que les boutons apposés côté horloge.

L'élément regiewindows doit être en dehors du code HTML de la barre comme il y figure sur le template maintenant.

[Milouze14Fondateur]

Re Sacha,

J'ai vu que tu avais repositionné les boutons, mais le positionnement des boutons était voulu ainsi, cela pour mettre plus de bouton mdrrrr

Mais actuellement, c'est une horreur en visu Sacha, voilà pourquoi j'avais placé les icônes avec des espaces..

J'ai vu que tu avais aussi replacé le code de regiewindows sur le template juste après

Oui, j'ai fait des tests en modifiant l'id par une class et j'ai dû me planter pour la suppression ensuite.

Je vais tâcher de trouver une autre solution.
En attendant , ne touche pas à ton template Sacha.
Je vais faire une sauvegarde de tout cela avant de me lancer

[Milouze14Fondateur]

Hum,
tu peux m'expliquer cette page Sacha:

Code:

https://amis-pub.i-services.net/gestion_ban/emplacement-responsive.html

Pourquoi ne pas héberger le contenu directement sur une page html de ton forum?

Il doit y avoir un style qui empêche le bon fonctionnement...

[Sacha]

Hello Philippe,

C'est une licence que je paye par mois jusqu'à termes après la licence sera à moi et donc jourirais de l'intégralité !

En attendant son terme, je suis obligé de rester sous un sous-domaine donc i-service.net, une fois à terme, je pourrais l'héberger où je veux et mettre un domaine personnel puisque je serais alors le propriétaire définitif de cette licence !

La régie publicitaire est bien à moi, mais pas encore la licence totale, j'ai encore 2 ans à payer pour que cela soit à moi totalement.

Miloi

Oui, j'ai fait des tests en modifiant l'id par une class et j'ai dû me planter pour la suppression ensuite.

Je vais tâcher de trouver une autre solution.
En attendant , ne touche pas à ton template Sacha.
Je vais faire une sauvegarde de tout cela avant de me lancer

D'accord je ne vais plus rien toucher, j'ai juste entre-temps ajouté des boutons, donc je te rends le template actuel ainsi que le CSS


Template :

Code:

<!-- BEGIN html_validation -->
        <!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">
          <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
        <body>
        <table>
          <tr>
              <td>
                <div>
                    <div>
                      <div>
        <!-- END html_validation -->
                      </div>
                    </div>
        <!-- BEGIN switch_footer_links -->
                    <div align="center">
                      <div class="gen">
        <!-- BEGIN footer_link -->
                            <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                            <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                          <!-- END footer_link -->               
                      </div>
                    </div>
                    <!-- END switch_footer_links -->
                                                       

    <table class="master-table" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="master-td" width="5%"valign="top">
                        <div class="mastermix-stat"><div class="widget-title2">Groupes</div>
       
       
            <a href="/g3-administrateurs" class="staff-nav admis"><i class="fa fa-snapchat-ghost fa-nav" aria-hidden="true" id="mastermix-ico-admi"></i> Administrateurs <span id="nb_admin"></span></a>
            <a href="/g4-moderateurs" class="staff-nav modera"><i class="fa fa-shield fa-nav" aria-hidden="true" id="mastermix-ico-shield"></i> Modérateurs <span id="nb_modo"></span></a>
            <a href="/g5-polyvalents" class="staff-nav polyva"><i class="fa fa-wrench fa-nav" aria-hidden="true" id="mastermix-ico-cle"></i> Polyvalents <span id="nb_poly"></span></a>
            <a href="/g6-codeurs" class="staff-nav codeu"><i class="fa fa-code fa-nav" aria-hidden="true" id="mastermix-ico-codage"></i> Codeurs <span id="nb_code"></span></a>
            <a href="/g7-graphistes" class="staff-nav graph"><i class="ux ico-palette fa-nav" aria-hidden="true" id="mastermix-ico-palette"></i> Graphistes <span id="nb_graph"></span></a>
            <a href="/g8-correcteurs" class="staff-nav correct"><i class="fa fa-pencil fa-nav" aria-hidden="true" id="mastermix-ico-crayon"></i> Correcteurs <span id="nb_correct"></span></a>
            <a href="/g9-animateurs" class="staff-nav anim"><i class="fa fa-gamepad fa-nav" aria-hidden="true" id="mastermix-ico-jeux"></i> Animateurs <span id="nb_anim"></span></a>
            <a href="/g10-vip" class="staff-nav vip"><i class="fa fa-diamond fa-nav" aria-hidden="true" id="mastermix-ico-diamond"></i> VIP <span id="nb_vip"></span></a>
            <a href="/g11-membres" class="staff-nav membre"><i class="fa fa-user fa-nav" aria-hidden="true" id="mastermix-ico-user"></i> Membres <span id="nb_member"></span></a>
          </div></td>
     
          <td width="90%"valign="top">
         
        <div class="mastermix-stat"><div class="statglo">         
          <table class="tablestat" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="14%">
            <span class="txtstat">En ligne</span> <span id="M14_loadOnlineNumberOne"class="nbstat"></span></td><td width="14%">
            <span class="txtstat">Membres</span> <span id="M14_TOTAL_USERS"class="nbstat"></span></td><td width="14%">
            <span class="txtstat">Messages</span> <span class="nbstat"><span class="M14_FORUMCOUNTPOST"></span></span></td><td width="14%">
            <span class="txtstat">Sujets</span> <span class="nbstat"><span class="M14_FORUMCOUNTOPIC"></span></span></td><td width="14%">
            <span class="txtstat">Forums</span> <span id="M14_fofo"class="nbstat"></span></td><td width="30%">
            <span class="txtstat">Nouveau membre</span> <span class="nbstat"><span class="M14_USERLINK"></span></span>
            </td></tr></table></div>
     
          <table class="tablembconnect" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="25%">
          <script>
    $(function(){
    $('.M14_FORUMCOUNTPOST').load('/forum .M14_TOTAL_POSTS strong'); 
    $('#M14_loadOnlineNumberOne').load('/forum .M14_onlineText strong');
    $('#M14_L_CONNECTED_MEMBERSLINK').load('/forum .M14_L_CONNECTED_MEMBERS a[href^="/u"]');
    $('#M14_TOTAL_USERS').load('/forum .M14_TOTAL_USERS strong');
    $.get('/forum ',function(data){var number=$(data).find('.M14_L_CONNECTED_MEMBERS').find('strong').length;
    $('#M14_L_CONNECTED_MEMBERSTEXT').html(number);});
    $.get('/forum ',function(data){var annivToday=$(data).find('.M14_L_WHOSBIRTHDAY_TODAY').find('.gensmall').find('a[href^="/u"]').length;
    $('#M14_ANNIVTEXT').html(annivToday);});
    $.get('/forum ',function(data){var annivTodayLINK=$(data).find('.M14_L_WHOSBIRTHDAY_TODAY').find('.gensmall').find('a[href^="/u"]');
    $('#M14_ANNIVLINK').html(annivTodayLINK);});
    $.get('/forum ',function(data){var annivNEXTToday=$(data).find('.M14_L_WHOSBIRTHDAY_WEEK').find('a[href^="/u"]').length;
    $('#M14_ANNIVNEXTTEXT').html(annivNEXTToday);});
    $.get('/forum ',function(data){var annivNextTodayLINK=$(data).find('.M14_L_WHOSBIRTHDAY_WEEK').find('a[href^="/u"]');
    $('#M14_ANNIVNEXTLINK').html(annivNextTodayLINK);});
    $.get('/forum ',function(data){var M14_NEWEST_USER=$(data).find('.M14_NEWEST_USER').find('a[href^="/u"]');
    $('.M14_USERLINK').html(M14_NEWEST_USER);});
    $('#M14_loadOnlineUser').load('/forum .M14_onlineLink a[href^="/u"]');
    $.get('/forum ',function(data){var connectOnline=$(data).find('.M14_onlineLink').find('a[href^="/u"]').length;
    $('#M14_loadOnlineNumber').html(connectOnline);})
         
    });
            </script>
       
          <div class="mbconnect">
            <div class="titlebloc">Présents en ce moment <span id="M14_loadOnlineNumber"class="nbstat"></span></div>
       
            <div id="M14_loadOnlineUser"class="contenusstat"></div>
       
            </div></td><td width="25%">
       
            <div class="mbconnect">
            <div class="titlebloc">Il y a moins de 24h <span id="M14_L_CONNECTED_MEMBERSTEXT"class="nbstat"></span></div>
       
            <div id="M14_L_CONNECTED_MEMBERSLINK"class="contenusstat"></div>
       
            </div></td><td width="25%">
       
            <div class="mbconnect">
            <div class="titlebloc">Anniversaire du jour <span id="M14_ANNIVTEXT"class="nbstat"></span></div>
       
            <div id="M14_ANNIVLINK"class="contenusstat"></div>
       
            </div></td><td width="25%">
       
            <div class="mbconnect">
            <div class="titlebloc">Dans les 7 jours <span id="M14_ANNIVNEXTTEXT"class="nbstat"></span></div>
       
            <div id="M14_ANNIVNEXTLINK"class="contenusstat"></div>
       
            </div>
       
            </td></tr></table>
     
          <table class="tablembconnect" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="300px">
            <div class="publicitaire">
    <iframe src="https://amis-pub.forumactif.com/h5-regie-pub-logo-100x35" width="314" height="49px" scrolling="no" style="background: #;border: 0px ridge #000000;border-radius:0px 0px 0px 0px;margin:auto; margin-left: -8px; margin-top: -8px; padding: 3px;"></iframe>

            </div></td><td width="100%">
            <div class="publicitaire">
       
              <span class="linkfa" style="padding:4px;">
              <a class="falink" target="_blank" href="https://www.forumactif.com/forum-gratuit">Forum gratuit</a> | <a class="falink" target="_blank" href="https://www.forumactif.com/phpbb"> phpBB</a> | <a class="falink" target="_blank" href="http://forum.forumactif.com/">Forum gratuit d'entraide</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/statistics">Statistiques</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/contact">Contact</a> | <a class="falink" target="_blank" href="https://amis-pub.forumactif.com/abuse?page=%2Fforum&report=1">Signaler un abus</a>
              </span>
              <div style="float:right;padding:5px;"></div>
            </div></td></tr></table>

     
            </div></td>
          <td class="master-td" width="5%"valign="top">
                   
        <div class="mastermix-stat"><div class="widget-title2">Remerciements</div>
       
       
            <a target="_blank" href="https://www.milouze14.com/" class="staff-nav"><i class="fa fa-star fa-nav" aria-hidden="true" id="mastermix-ico-star"></i> Milouze 14</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
            <a target="_blank" href="#/" class="staff-nav"><i class="fa fa-chain-broken fa-nav" aria-hidden="true" id="mastermix-ico-link-out"></i> -</a>
          </div></td></tr>
    </table>                         
                </div>
                  {PROTECT_FOOTER}
              </td>
          </tr>
        </table>
       


            <!-- BEGIN switch_user_logged_in -->
  <div id="M14_Windows"style="display:none;">
                  <div class="M14_Win_cont"style="display:none;">
                      <div id="M14_Win_Cont_one">
                          <div class="M14_Win_User"title="Voir mon profil">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/contac11.png"alt="User"align="absmiddle"/><span class="USERNAME">
                  </span>
                            </div>
                       
                <div class="M14_Win_groups">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/confer10.png"alt="Groupes"align="absmiddle"/><a href="/groups">Groupes</a>
                </div>
                <div class="M14_Win_members">
                <img src="https://i.servimg.com/u/f18/11/26/21/37/find_u10.png"alt="Membres"align="absmiddle"/><a href="/memberlist">Membres</a>
                </div>
               
             

                    <div class="M14_Win_user_Prof"style="display:none;"></div>

                          </div>
                <div id="M14_Win_Cont_two"></div>
                </div>
                               
                <div class="M14_Win_Logo"title="Afficher mon contenu"><img src="https://i.servimg.com/u/f18/11/26/21/37/logo10.png"align="absmiddle"alt="Logo"/></div>
                <div class="M14_Win_Search"></div>
                  <!-- Début placement des boutons coté barre recherche windows -->
                <div id="M14_Win_Mp"><a href="/privmsg?folder=inbox"class="M14_Win_MP"title="Voir ma messagerie privée">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/email_10.png"alt="Mp"/></a>
                  </div>
                <div id="M14_Win_avatar"><a href="/profile?mode=editprofile&page_profil=avatars"title="Modifier mon avatar">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/yahoo_10.png"alt="Avatar"/></a>
                  </div>
                  <div id="M14_Win_Sign"><a href="/profile?mode=editprofile&page_profil=signature"title="Modifier ma signature">
                  <img src="https://i.servimg.com/u/f18/11/26/21/37/notepa10.png"alt="Signature"/></a>
                  </div>
                  <!-- Fin placement des boutons coté barre recherche windows -->             
      <!-- Début placement des boutons coté horloge -->
   
   
                  <div class="regpub">
                  <a href="https://amis-pub.forumactif.com/h11-regie-publicitaire/">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/pub10.png"align="absmiddle"alt="Google"title="Régie Publicitaire"/></a>
                  </div>
                  <div class="awesome">
                  <a href="https://fontawesome.com/v4.7.0/icons/"target="_blank">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/awesom10.png"align="absmiddle"alt="Google"title="Font Awesome"/></a>
                  </div>
                  <div class="tinypng">
                  <a href="https://tinypng.com/"target="_blank">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/panda11.png"align="absmiddle"alt="Google"title="TinyPNG"/></a>
                  </div>
                <div class="correction">
                  <a href="http://www.reverso.net/orthographe/correcteur-francais/"target="_blank">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/correc10.png"align="absmiddle"alt="Google"title="Correcteur"/></a>
                  </div>
                <div class="translate">
                  <a href="https://translate.google.fr/"target="_blank">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/transl10.png"align="absmiddle"alt="Google"title="Traducteur Google"/></a>
                  </div>
                <div class="M14_Win_Google">
                  <a href="https://www.google.fr/"target="_blank">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/google11.png"align="absmiddle"alt="Google"title="Google est votre ami"/></a>
                  </div>
                <div class="M14_Milouze"title="Milouze14 Forum d'entraide Forum actif">
                  <a href="http://www.milouze14.com/"target="_blank">
                    <img src="https://i.servimg.com/u/f88/20/00/21/16/outil11.png"alt="Milouze14"align="absmiddle"/></a>
                  </div>
                  <!-- Fin placement des boutons coté barre windows -->
           
                 
                <div id="M14_hour"></div>
                <script type="text/javascript">
                function date(){var today=new Date();var date_heure="";
                h=today.getHours();m=today.getMinutes();s=today.getSeconds();if(h<10){h='0'+h}if(m<10){m='0'+m}if(s<10){s='0'+s}date_heure=''+h+'h'+m+'m'+s+'';document.getElementById('M14_hour').innerHTML=date_heure}setInterval("date()",1000);
                </script>           
                </div>
                <!-- END switch_user_logged_in -->
                <script type="text/javascript">
                $(function(){
                $(function(){
                $('#fa_search').clone().appendTo('.M14_Win_Search');
                $('.M14_Win_Search #fa_textarea').attr('placeHolder','Rechercher sur le forum......');
                $('#fa_menu #fa_menulist').clone().appendTo('.M14_Win_user_Prof');
                $('#fa_usermenu').clone().appendTo('#M14_Win_Cont_two');
                });
                });
                </script>
         
                <script type="text/javascript">         
                $(function(){
                $('#M14_Windows').delay('1000').fadeIn(1600);
                $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
                $('.M14_Win_Logo').click(function(){
                $('.M14_Win_cont').toggle();
                $('.M14_Win_User').click(function(){
                $('.M14_Win_user_Prof').toggle();
                });
                });
                });
                </script>
                <script type="text/javascript">
                $(function(){
                $('.M14_btn_Window').click(function(){
                $('.M14_Win_cont,.M14_Win_user_Prof').fadeOut();
                $('#M14_Windows, #wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({height: '0px',padding: '0px'});
                $('.M14_btn_Window_close').delay(1500).fadeIn();
            });
            });
                </script>

           
        <script type="text/javascript">
        $(function(){
        $('.M14_btn_Window_close').click(function(){
        $(this).fadeOut(800);
        $('.M14_Win_User').click(function(){
        $('.M14_Win_user_Prof').toggle();
        });
        $('#wrap , .bodylinewidth, #ipbwrapper , .pun').delay('800').animate({paddingBottom: '45px'});
        $('#M14_Windows').delay('800').animate({height: '40px'});
        });

        });
            </script>

    <script type="text/javascript" src="https://js01.fra.co/24922.js"></script>
      <div id="regiewindows">

    <iframe class="banniere-iframe" src="https://amis-pub.i-services.net/gestion_ban/emplacement-responsive.html?idempl=2848&proxy" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>

</div>
        <!-- BEGIN switch_facebook_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
            $(document).ready( function() {
                $('div.fb-login-button, span.fb-login-button').attr({
                    "data-scope": "{switch_facebook_login.FB_SCOPE}",
                    "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                    "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                    "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                    "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
                });
                $('div.fb-login-button, span.fb-login-button').each(function() {
                    if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                        $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                    }
                    if($(this).html() == '') {
                        $(this).html('{switch_facebook_login.FB_LABEL}');
                    }
                });

                FB.init({
                    appId  : "{switch_facebook_login.FB_APP_ID}",
                    cookie  : {switch_facebook_login.FB_COOKIE},
                    xfbml  : {switch_facebook_login.FB_XFBML},
                    oauth  : {switch_facebook_login.FB_OAUTH},
                    version : '{switch_facebook_login.FB_VERSION}'
                });

                (function(d, s, id){
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) {return;}
                        js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            });
            function onLoginFB() {
                window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
            }
        </script>
        <!-- END switch_facebook_login -->
        <script type="text/javascript">
        //<![CDATA[
          fa_endpage();
        //]]>
        </script>
        </body>
        </html>

CSS :

Code:

/*Debut barre des taches facon Windows 10*/
/*LA COULEUR DE LA BARRE ET LE RESTE*/
#M14_Windows ,.M14_btn_Window,.M14_btn_Window_close{background:#222; }
/*LA COULEUR DE LA BARRE ET LE RESTE AU SURVOL*/
#M14_Windows:hover ,.M14_Win_cont:hover ,#M14_Windows:hover .M14_btn_Window {
background:#445555;
}
#M14_Windows:hover  #fa_search #fa_textarea{background:transparent !important;
}
#M14_Windows {
position:fixed;
left:0px;
right:0px;
bottom:0px;
width:100%;
height:40px;
-khtml-opacity:0.8;
-ms-filter:"alpha(opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
opacity:0.8;
z-index:999;
}
#M14_Windows:hover {
-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;
}
.M14_Win_cont {
position:fixed;
left:0px;
bottom:40px;
background:#222 ;
width:250px;
height:300px;
padding:5px;
}
#M14_Win_Cont_one {
position:absolute;
margin-top:5px;
width:250px;
height:150px;
}
.M14_Win_User, .M14_Win_groups , .M14_Win_members {
color:white;
font-size:11px;
font-weight:bold;
width:250px;
height: 43px;
cursor:pointer;
}
.M14_Win_User:hover , .M14_Win_groups:hover ,.M14_Win_members:hover {
background:#333333 !important;
}
.M14_Win_user_Prof  #fa_menulist li:hover {
background:#222 !important;
}
.M14_Win_user_Prof {
top: 30px;
margin-left:5px;
width:230px;
height:auto;
padding:5px;
position:absolute;
}
.M14_Win_user_Prof .fa_separator {
display:none !important;
}
.M14_Win_user_Prof #fa_menulist li {
float:left !important;
width:230px !important;
height:22px !important;
cursor:pointer !important;
}
.M14_Win_user_Prof a ,#M14_logout ,#M14_logout a#logout , .M14_Win_groups a, .M14_Win_members a ,
#M14_logout a#logout:hover ,.M14_Win_user_Prof #fa_menulist li a ,
#M14_Win_Cont_two #fa_usermenu a#fa_ranktitle ,.M14_Milouze a {
font-size:11px !important;
color:white !important;
text-decoration:none !important;
}
#M14_Win_Cont_two {
position:absolute;
bottom:5px;
width:250px;
height:150px;
}
#M14_Win_Cont_two #fa_usermenu {
background:# !important;
margin-left:50px !important;
border:0px solid black !important;
}
.M14_Win_user_Prof #fa_usermenu ,#M14_Win_Cont_two #fa_usermenu table {
display:none;
}
.M14_Win_user_Prof #fa_menulist li a , .M14_Win_groups a ,.M14_Win_members a {
margin-left:5px; !important;
}
.M14_Win_user_Prof #fa_menulist {
display:block;
width:220px !important;
height:200px !important;
left:5px !important;
padding-left:0px !important;
background:#333333 !important;
border:1px solid grey !important;
line-height: 20px !important;
}
.M14_Win_Logo {
cursor:pointer;
width:43px;
height:34px;
}
.M14_Win_Search {
position:absolute;
margin: -35px 0px 0px 45px;
height:40px;
width:200px;
}
#M14_Windows #fa_search #fa_textarea {
color:white !important;
height:40px !important;
border-radius:0px !important;
border-left:1px dotted black;
border-right:1px dotted black;
background:transparent;
}
/*Placement des boutons*/
.M14_btn_Window_close {
bottom:0px !important;
}
/* début placement des boutons barre windows 10 */
/* début placement des boutons coté barre recherche */
#M14_Win_Mp {
left: 14.2%;
}
#M14_Win_avatar {
left: 16%;
}
#M14_Win_Sign {
left: 17.7%;
}
/* fin placement des boutons coté barre recherche */
/* début placement des boutons coté horloge */
.M14_btn_Window,.M14_btn_Window_close {
left: 90%;
}
.M14_Milouze {
left: 93%;
}
.M14_Win_Google {
left: 91.2%;
}
.translate {
left: 89.4%;
}
.correction {
left: 87.6%;
}
.tinypng {
left: 85.8%;
}
.awesome {
left: 84%;
}
.regpub {
left: 82.2%;
}
/* fin placement des boutons coté horloge */
/*les transitions*/
#M14_Windows ,.M14_btn_Window ,.M14_Win_cont ,
.translate,.correction,.tinypng,.awesome,.regpub,.M14_Milouze ,.M14_Win_Google,#M14_Win_Mp,#M14_Win_avatar ,#M14_Win_Sign ,.M14_btn_Window_close {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#M14_Win_Mp ,#M14_Win_avatar ,#M14_Win_Sign ,.tinypng,.correction,.translate,.awesome,.regpub ,.M14_Win_Google ,.M14_Milouze ,.M14_btn_Window , .M14_btn_Window_close {
position: absolute;
height: 40px;
margin-top: -30px;
width:32px;
height:32px;
cursor:pointer;
}
.M14_Milouze ,.M14_Win_Google,.translate,.correction,.tinypng,.awesome,.regpub,#M14_Win_Mp,#M14_Win_avatar ,#M14_Win_Sign ,.M14_btn_Window,.M14_btn_Window_close {
border-bottom:2px solid white;
}
.M14_Milouze:hover ,.M14_Win_Google:hover ,.translate:hover,.correction:hover,.tinypng:hover,.awesome:hover,.regpub:hover,#M14_Win_Mp:hover ,#M14_Win_avatar:hover ,
 #M14_Win_Sign:hover ,.M14_btn_Window:hover {
border-bottom:2px solid purple;
}
/* début placement des boutons barre windows 10 */
#M14_hour {
position: absolute;
left: 95%;
height: 40px;
margin-top: -20px;
color: white;
font-size: 11px;
}
/*Fin de la barre des taches facon Windows 10*/

[Milouze14Fondateur]

Coucou Sacha,
ok merci pour les explications,on va laisser la div avec son iframe
car je n'arrive à rien de concret ..

[Sacha]

Hello Philippe,

C'est étonnant que l'on n'arrive pas à le placer dans le HTML de la barre.

[Sacha]

Hello Philippe,

J'ai trouvé la solution Philippe,

J'ai changé le protocole adaptif pour le mettre sur fixe de cet emplacement.

du coup le code est désormais ainsi :

Code:

<script type="text/javascript">
/* <![CDATA[ */
var now = new Date;

var hloc = now.getHours() + '%3A' + now.getMinutes() + '%3A' + now.getSeconds();

document.write('<iframe class="banniere-iframe" src="https://amis-pub.i-services.net/gestion_ban/emplacement-fixe.html?idempl=2848&hloc=' + hloc + '"');

document.write(' width="88" height="31" marginwidth="0" marginheight="0" hspace="0"');

document.write(' vspace="0" frameborder="0" scrolling="no">');

document.write('&nbsp;</iframe>');
/* ]]> */
</script>

J'ai juste rejouté une class à l'iframe

Un peu de CSS :

Code:

.banniere-iframe {
left: 45%;
width:88px !important;
}

Et bien entendu rajouter la class a ses parties CSS :

Code:

#M14_Windows ,.M14_btn_Window ,.M14_Win_cont ,
.banniere-iframe,.translate,.correction,.tinypng,.awesome,.regpub,.M14_Milouze ,.M14_Win_Google,#M14_Win_Mp,#M14_Win_avatar ,#M14_Win_Sign ,.M14_btn_Window_close {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.banniere-iframe,#M14_Win_Mp ,#M14_Win_avatar ,#M14_Win_Sign ,.tinypng,.correction,.translate,.awesome,.regpub ,.M14_Win_Google ,.M14_Milouze ,.M14_btn_Window , .M14_btn_Window_close {
position: absolute;
height: 40px;
margin-top: -30px;
width:32px;
height:32px;
cursor:pointer;
}
.banniere-iframe,.M14_Milouze ,.M14_Win_Google,.translate,.correction,.tinypng,.awesome,.regpub,#M14_Win_Mp,#M14_Win_avatar ,#M14_Win_Sign ,.M14_btn_Window,.M14_btn_Window_close {
border-bottom:2px solid white;
}
.banniere-iframe:hover,.M14_Milouze:hover ,.M14_Win_Google:hover ,.translate:hover,.correction:hover,.tinypng:hover,.awesome:hover,.regpub:hover,#M14_Win_Mp:hover ,#M14_Win_avatar:hover ,
 #M14_Win_Sign:hover ,.M14_btn_Window:hover {
border-bottom:2px solid purple;
}

Et voilà enfin l'emplacement faisant désormais partie du HTML de la barre Windows 10 !
Sacha.

[Milouze14Fondateur]

Re Sacha,
je te félicite pour ce placement