Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Ouverture d'une balise object ou iframe au clic sur un bouton
par fascicularia Aujourd'hui à 19:53

» [PhpBB3] Supprimer : Dernière édition le .....
par Milouze14 Aujourd'hui à 18:57

» [Edge] Page html
par Milouze14 Aujourd'hui à 18:51

» Règlement de l'entraide Forumactif
par Coventgarden Aujourd'hui à 18:35

» *RESOLU*[PhpBB3] Miniature agrandie sur réponse rapide
par Milouze14 Hier à 15:19

» [PhpBB2] positionnement css
par Milouze14 Lun 18 Nov 2019 - 17:50

» histoire du Jour sans fin
par Quad Daniel Lun 18 Nov 2019 - 7:28

» *RESOLU*[PhpBB2] Notifications Push
par Milouze14 Lun 18 Nov 2019 - 6:06

» *RESOLU*[PhpBB2] Modifier la toolbar
par Milouze14 Lun 18 Nov 2019 - 6:03

» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par HardRock Sam 16 Nov 2019 - 21:23

» *RESOLU*[PhpBB3] Couleur de lien dans les messages
par Milouze14 Sam 16 Nov 2019 - 19:04

» *CORBEILLE*[PhpBB2] avertissement lors de la publication d'un email 2 le retour
par Milouze14 Sam 16 Nov 2019 - 7:16

» [PhpBB2]Module de connexion type forumactif
par petitefeuille Jeu 14 Nov 2019 - 13:12

» *RESOLU*[PhpBB3] Retirer bouton contact aux invités
par Milouze14 Mer 13 Nov 2019 - 15:59

» [PhpBB2] Avertissement lors de la publication d'un email
par Milouze14 Mer 13 Nov 2019 - 3:53

» *RESOLU*[PhpBB2] Annonce Google décalée
par Milouze14 Lun 11 Nov 2019 - 21:08

» [PhpBB2] Ajouter à vos favoris
par Milouze14 Lun 11 Nov 2019 - 18:22

» [PhpBB2] Changer le nom d'un groupe
par petitefeuille Lun 11 Nov 2019 - 15:53

» *RESOLU*[Edge] Bannière defilante
par Milouze14 Lun 11 Nov 2019 - 8:57

» *RESOLU*[PhpBB3] Bouton uniquement sur premier post
par Milouze14 Dim 10 Nov 2019 - 19:19

[PhpBB2] Barre windows 10

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

Sacha
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 10:39

  • 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

[PhpBB2] Barre windows 10 Barre_10

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

[PhpBB2] Barre windows 10 Barre_11

Est-ce possible ?

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

[PhpBB2] Barre windows 10 Menu10

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.


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 4 Nov 2019 - 18:03

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


Sacha
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 18:29

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.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 4 Nov 2019 - 19:21

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
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 19:33

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.


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 4 Nov 2019 - 19:36

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
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 19:40

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>


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 4 Nov 2019 - 19:49

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
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 19:53

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 4 Nov 2019 - 19:54

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

Sacha
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 19:56

Bon ok dommage cela

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 4 Nov 2019 - 19:58

Désolé Sacha clin oeil

Sacha
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 20:05

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 4 Nov 2019 - 20:09

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

Sacha
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 20:18

Si si l'emplacement du logo est responsive

Sacha
Sacha
Milouzien

MessageSacha le Lun 4 Nov 2019 - 20:41

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 :

[PhpBB2] Barre windows 10 Barre_12

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 5 Nov 2019 - 4:25

Hello Sacha,
ah ben cela je pouvais le faire sans problème Sacha lOL .
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
Sacha
Milouzien

MessageSacha le Mar 5 Nov 2019 - 6:14

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.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 5 Nov 2019 - 15:40

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 clin oeil

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 5 Nov 2019 - 16:00

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
Sacha
Milouzien

MessageSacha le Mer 6 Nov 2019 - 0:48

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
miloure17 a écrit: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*/

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 6 Nov 2019 - 4:24

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


Sacha
Sacha
Milouzien

MessageSacha le Mer 6 Nov 2019 - 7:47

Hello Philippe,

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

Sacha
Sacha
Milouzien

MessageSacha le Mer 6 Nov 2019 - 15:10

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.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 6 Nov 2019 - 16:16

Re Sacha,
je te félicite pour ce placement Merci

Sacha
Sacha
Milouzien

MessageSacha le Mer 6 Nov 2019 - 16:29

Re,

Merci Philippe.

J'ai pourtant réussi à placer l'emplacement adaptif sur la barre, sauf qu'il restait invisible ! Pourquoi cela je l'ignore et donc je me suis dit, pourquoi ne pas tenter avec le fixe car le code ne passe plus par une div, mais par JS et cela à fonctionner !

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 6 Nov 2019 - 18:01

Effectivement Sacha,
en tout cas chapeau hinhin

Sacha
Sacha
Milouzien

MessageSacha le Mer 6 Nov 2019 - 18:08

Merci Philippe, je clos le sujet en résolu.


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 6 Nov 2019 - 18:15

De rien Sacha,


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



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