AccueilMembres connectés récemment
[PhpBB2] Barre windows 10
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2 
- Sacha
-
Sacha 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](https://i.servimg.com/u/f31/19/02/80/43/barre_10.png)
Lorsque le curseur pointe sur la barre c'est cela que j'aimerais voir constamment visible
![[PhpBB2] Barre windows 10 Barre_11](https://i.servimg.com/u/f31/19/02/80/43/barre_11.png)
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](https://i.servimg.com/u/f31/19/02/80/43/menu10.png)
Autre petite chose que j'aimerais intégrer sur le milieu de la barre windows 10.
J'aimerais intégrer ce petit code.
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 :
Le CSS :
D'avance je te remercie pour ton aide.
Sacha.
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](https://servimg.com/r/3119028043/barre_10.png)
Lorsque le curseur pointe sur la barre c'est cela que j'aimerais voir constamment visible
![[PhpBB2] Barre windows 10 Barre_11](https://servimg.com/r/3119028043/barre_11.png)
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](https://servimg.com/r/3119028043/menu10.png)
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.
- Sacha
-
Sacha Lun 4 Nov 2019 - 18:29
Hello Philippe,
Le voici :
Merci.
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 --> | <!-- 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
Fondateur -
Milouze14 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é:
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 --> | <!-- 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 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>
- Milouze14Fondateur
-
Milouze14 Lun 4 Nov 2019 - 19:49
Hum Sacha:
https://www.milouze14.com/t32345-phpbb2-barre-windows-10#615588
Ce que je nomme Iframe est ce code HTML:
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 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
Ensuite un peu de CSS :
Ce qui donne cela :
![[PhpBB2] Barre windows 10 Barre_12](https://i.servimg.com/u/f31/19/02/80/43/barre_12.png)
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
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](https://servimg.com/r/3119028043/barre_12.png)
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
-
Milouze14 Mar 5 Nov 2019 - 4:25
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.
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
-
Sacha 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
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.
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
-
Milouze14 Mar 5 Nov 2019 - 15:40
Re Sacha,
Mais actuellement, c'est une horreur en visu Sacha, voilà pourquoi j'avais placé les icônes avec des espaces..
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
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
- Sacha
-
Sacha 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
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 :
CSS :
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 --> | <!-- 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*/
- Sacha
-
Sacha 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 :
J'ai juste rejouté une class à l'iframe
Un peu de CSS :
Et bien entendu rajouter la class a ses parties CSS :
Et voilà enfin l'emplacement faisant désormais partie du HTML de la barre Windows 10 !
Sacha.
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(' </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.
Page 1 sur 2 • 1, 2
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum