[AWESOMEBB] FOOTER

re Youtaga,
le plus simple serait d'avoir un schéma de ce que tu désires avec l'emplacement de chaque lien et les codes couleurs.

Oui je vais te faire ça.

Hello YOUGATAGA,

heureux de te retrouver ,
alors je t'ai concocté un footer avec des icônes que tu pourras modifier en te basant sur ce site:

https://material.io/resources/icons/?style=baseline

Il suffit de trouver l'icône désirée puis cliquer dessus et ensuite en bas à gauche,
tu auras l'information suivante:
"Selected Icon"

Cliques dessus , tu auras alors ce genre de texte:

Code:


<i class="material-icons">
alarm_add
</i>


Il faudra juste retenir le texte:

Code:

alarm_add

Et l'insérer dans le template à la place des textes donnés.


(Merci Stéphane pour ta remontée).
Said, il faut donner plus d'explications lors de tes demandes.
Tu as de la chance que c'est la seule demande à l'heure actuelle ,
alors j'ai un peu de temps .


Pour le code html,
nous allons supprimer l'actuel et insérer un code html qui ressemblera à ta capture.

Dans le template overall_footer_begin :
Affichage/Templates/Général/overall_footer_begin


Recherches ceci:

Code:


<footer>
    <div class="wrap">
        <div id="forum-statistics">
            <div>
                <div>{TOTAL_POSTS}</div>
            </div>
            <div>
                <div>{TOTAL_USERS}</div>
            </div>
            <div>
                <div>{NEWEST_USER}</div>
            </div>
        </div>
    </div>
</footer>



Supprimes et remplaces par:

Code:


<div id="M14_footer">
<div class="M14_wrap">
<div class="M14_stats forum">
<div align="center"class="M14_titre"><i class="material-icons">fingerprint</i><span>STATISTIQUES</span></div><br />
<i class="material-icons"id="small">mode_comment</i>{TOTAL_POSTS}<br />
<i class="material-icons"id="small">people</i>{TOTAL_USERS}<br />
<i class="material-icons"id="small">how_to_reg</i>{NEWEST_USER}
</div>
<div class="M14_stats LinkS">
  <div align="center"class="M14_titre"><i class="material-icons">touch_app</i><span>LIENS UTILES</span></div><br />
  <div class="bloc_left">
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">PREMIER LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DEUXIEME LIEN</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">TROISIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">QUATRIEME LIEN</a></span><br />  
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">CINQUIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">SIXIEME LIEN</a></span><br />  
  </div><div class="bloc_right">
    <span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">SEPTIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">HUITIEME LIEN</a></span><br />  
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">NEUVIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DIXIEME LIEN</a></span><br />  
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">ONZIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DOUZIEME LIEN</a></span><br />  
  </div></div>
<div class="M14_stats CreditS">
  <div align="center"class="M14_titre"><i class="material-icons">shopping_basket</i><span>CREDITS</span></div><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/forum-gratuit" target="_blank">Forum gratuit</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/phpbb" target="_blank">@phpBB</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"name="bottom" href="https://forum.forumactif.com/" target="_blank">Forum gratuit d'entraide</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"name="bottom" href="/statistics" rel="nofollow">Statistiques</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"href="/abuse?page=%2Fforum&report=1" rel="nofollow">Signaler un abus</a><br />
  
</div>
      
</div>
</div>




Penses a enregistrer puis à valider en cliquant respectivement sur   puis


Puis le style:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


/*LE FOOTER DANS SA TOTALITE*/
#M14_footer{background-color:#707672;font-size: 13px;padding: 5px;}
.M14_wrap{width:100%;}
/*LES TROIS BLOCS*/
.M14_stats{display: inline-table;padding: 5px;}
/*LE BLOC DES STATS*/
.M14_stats.forum{color:white!important;width:30%;}
i#small{margin-right: 6px;font-size: 16px !important;color:white!important;}
/*LE BLOC DES LIENS*/
.M14_stats.LinkS{width:50%;}
/*LE BLOC DES CREDITS*/
.M14_stats.CreditS{width:20%;}
.M14_stats.CreditS,.M14_stats.CreditS span,.M14_stats.CreditS a.M14_link_footer,
.M14_stats.LinkS .M14_link_footer{color:white!important;}
/*LES TITRES*/
#M14_footer .M14_titre{color:white !important;font-size:24px;}
#M14_footer .M14_titre span{top: 2px;position: relative;}
#M14_footer .M14_titre i{margin-right: 6px;}
/*.M14_left{float:left;}*/
.M14_link{margin: 0px 10px 0px 10px;}
.bloc_left,.bloc_right{width:50%;}
.bloc_right{float: right;position: relative;left: 0%;top: -52px;}
 


Penses a cliquer sur le bouton

Ce n'est qu'une ébauche mon ami .
Les liens utiles sont interprétés ainsi:

Code:


<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">PREMIER LIEN</a></span>


A 6 reprises dans la div ayant la class M14_left et à 6 reprises dans la div ayant la class M14_right



Le rendu:

Justement j'etais entrain de faire le schéma.

https://zupimages.net/up/20/01/yjfo.bmp

Voila donc, je souhaites avoir comme dans l'image seulement 3 rangés par colonne. donc les statistiques, 3 liens utiles, 3 partnership, et les credits ( forum gratuti , @phpbb et le forum gratuit d'entre aide )

et pourquoi ne pas aligner l'icone des titres avec le texte en bas. (( ne pas centrer les titres ))

Merci, c'est deja la base.

Desolé du double poste mais y'a un soucis :

Si je fais un autre footer c'est pour supprimer l'ancien c'est à dire :

https://zupimages.net/up/20/01/scgo.bmp

Cette partie n'est pas supprimable sans enfreindre les CGU de forumactif.

Tu peux en modifier le visuel mais pas supprimer les liens hormis pour certains en passant par les crédits.

Voila donc, je souhaites avoir comme dans l'image seulement 3 rangés par colonne. donc les statistiques, 3 liens utiles, 3 partnership, et les credits ( forum gratuti , @phpbb et le forum gratuit d'entre aide )

Cela va arranger le code html, mais merci d'être clait dans tes demandes cher ami, cela me permettra de ne pas perdre mon temps pour le code donné (2h30).

Je vois cela demain matin .
Comme le souligne Stéphane(Fascularia) , on peut mettre mettre un bouton qui affichera la partie basse .

Et si je mets tout les liens dans les credits, je peux le supprimer ?

Desolè Phil mais tu as fais le codage avant de voir le schèma, encore desolè.

Je ferais quelque chose de plus correcte demain matin.
Hum je me suis basé sur la capture initiale Said, il ne faut me rejeter la faute mon ami

Oui prends ton temps, mon forum est deja pas mal comme il est maintenant grace à vous.

Hello Saïd,
tiens il serait sympa de mentionner ton prénom dans ton profil mon ami :

https://www.milouze14.com/profile?mode=editprofile&page_profil=informations

Pour information, cette page n'est visible que sur l'index du fofo Said .

Alors on va changer pas mal de chose,
dans le template overall_footer_begin :
Affichage/Templates/Général/overall_footer_begin

remplaces ceci:

Code:


    <div id="M14_footer">
    <div class="M14_wrap">
    <div class="M14_stats forum">
    <div align="center"class="M14_titre"><i class="material-icons">fingerprint</i><span>STATISTIQUES</span></div><br />
    <i class="material-icons"id="small">mode_comment</i>{TOTAL_POSTS}<br />
    <i class="material-icons"id="small">people</i>{TOTAL_USERS}<br />
    <i class="material-icons"id="small">how_to_reg</i>{NEWEST_USER}
    </div>
    <div class="M14_stats LinkS">
      <div align="center"class="M14_titre"><i class="material-icons">touch_app</i><span>LIENS UTILES</span></div><br />
      <div class="bloc_left">
    <span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">PREMIER LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DEUXIEME LIEN</a></span><br />
    <span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">TROISIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">QUATRIEME LIEN</a></span><br /> 
    <span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">CINQUIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">SIXIEME LIEN</a></span><br /> 
      </div><div class="bloc_right">
        <span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">SEPTIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">HUITIEME LIEN</a></span><br /> 
    <span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">NEUVIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DIXIEME LIEN</a></span><br /> 
    <span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">ONZIEME LIEN</a></span><span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DOUZIEME LIEN</a></span><br /> 
      </div></div>
    <div class="M14_stats CreditS">
      <div align="center"class="M14_titre"><i class="material-icons">shopping_basket</i><span>CREDITS</span></div><br />
    <i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/forum-gratuit" target="_blank">Forum gratuit</a><br />
    <i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/phpbb" target="_blank">@phpBB</a><br />
    <i class="material-icons"id="small">link</i><a class="M14_link_footer"name="bottom" href="https://forum.forumactif.com/" target="_blank">Forum gratuit d'entraide</a><br />
    <i class="material-icons"id="small">link</i><a class="M14_link_footer"name="bottom" href="/statistics" rel="nofollow">Statistiques</a><br />
    <i class="material-icons"id="small">link</i><a class="M14_link_footer"href="/abuse?page=%2Fforum&report=1" rel="nofollow">Signaler un abus</a><br />
     
    </div>
         
    </div>
    </div>




Par :

Code:


<div id="M14_footer">
<div class="M14_wrap">
<div class="M14_stats forum">
<div class="M14_titre"><i class="material-icons">fingerprint</i><span>STATISTIQUES</span></div><br />
<i class="material-icons"id="small">mode_comment</i>{TOTAL_POSTS}<br />
<i class="material-icons"id="small">people</i>{TOTAL_USERS}<br />
<i class="material-icons"id="small">how_to_reg</i>{NEWEST_USER}
</div>
<div class="M14_stats LinkS">
<div class="M14_titre"><i class="material-icons">touch_app</i><span>LIENS UTILES</span></div><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">PREMIER LIEN</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DEUXIEME LIEN</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">TROISIEME LIEN</a></span>
</div>
<div class="M14_stats Part">
<div class="M14_titre"><i class="material-icons">grade</i><span>PARNETSHIP</span></div><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">PREMIER LIEN</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DEUXIEME LIEN</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">TROISIEME LIEN</a></span>
</div>
<div class="M14_stats CreditS">
  <div class="M14_titre"><i class="material-icons">shopping_basket</i><span>CREDITS</span></div><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/forum-gratuit" target="_blank">Forum gratuit</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/phpbb" target="_blank">@phpBB</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"name="bottom" href="https://forum.forumactif.com/" target="_blank">Forum gratuit d'entraide</a>
 <a href="#top" title="Haut de page"class="M14_link_top"><i class="material-icons">keyboard_capslock</i></a>
</div>
   
</div>
</div>





Penses a enregistrer puis à valider en cliquant respectivement sur puis

Je t'ai donc déposé 4 colonnes avec trois lignes plus un bouton qui au clic ira en haut de page:

Code:

<a href="#top" title="Haut de page"class="M14_link_top"><i class="material-icons">keyboard_capslock</i></a>

Ensuite, on va placer les boutons d'ouverture/fermeture dans le template index_body:
Affichage/Templates/Général/index_body

Recherches ceci:

Code:

<main id="index">

Juste avant:


Déposes ceci:

Code:


<style>
  #page-footer,li.footer-to-top,li.footer-home{display:none;}
</style>
<script>
  $(function(){
$('#M14_open_Footer').click(function(){
$(this).hide();
$('#M14_footer').hide();
$('#M14_close_Footer,#page-footer').show();});
$('#M14_close_Footer').click(function(){
$(this).hide();
$('#M14_open_Footer,#M14_footer').show();
$('#page-footer').hide();});});
</script>
 <div class="M14_get_footer">
<i class="material-icons"id="M14_open_Footer" title="Afficher le bas de page">add_circle_outline</i>
<i class="material-icons"id="M14_close_Footer"style="display:none;"title="Masquer le bas de page">remove_circle_outline</i>
</div>



Penses a enregistrer puis à valider en cliquant respectivement sur puis


Cette partie:

Code:


<style>
  #page-footer,li.footer-to-top,li.footer-home{display:none;}
</style>


Cachera juste sur l'index le footer et le lien haut de page.
Cette partie:

Code:

 <div class="M14_get_footer">
<i class="material-icons"id="M14_open_Footer" title="Afficher le bas de page">add_circle_outline</i>
<i class="material-icons"id="M14_close_Footer"style="display:none;"title="Masquer le bas de page">remove_circle_outline</i>
</div>

Concerne les boutons que tu auras en bas de page en bas à droite:



Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Supprimes ceci:

Code:



    /*LE FOOTER DANS SA TOTALITE*/
    #M14_footer{background-color:#707672;font-size: 13px;padding: 5px;}
    .M14_wrap{width:100%;}
    /*LES TROIS BLOCS*/
    .M14_stats{display: inline-table;padding: 5px;}
    /*LE BLOC DES STATS*/
    .M14_stats.forum{color:white!important;width:30%;}
    i#small{margin-right: 6px;font-size: 16px !important;color:white!important;}
    /*LE BLOC DES LIENS*/
    .M14_stats.LinkS{width:50%;}
    /*LE BLOC DES CREDITS*/
    .M14_stats.CreditS{width:20%;}
    .M14_stats.CreditS,.M14_stats.CreditS span,.M14_stats.CreditS a.M14_link_footer,
    .M14_stats.LinkS .M14_link_footer{color:white!important;}
    /*LES TITRES*/
    #M14_footer .M14_titre{color:white !important;font-size:24px;}
    #M14_footer .M14_titre span{top: 2px;position: relative;}
    #M14_footer .M14_titre i{margin-right: 6px;}
    /*.M14_left{float:left;}*/
    .M14_link{margin: 0px 10px 0px 10px;}
    .bloc_left,.bloc_right{width:50%;}
    .bloc_right{float: right;position: relative;left: 0%;top: -52px;}
   



Remplaces par:

Code:

/*ON PLACE LE BOUTON HAUT DE PAGE*/
.M14_link_top
{
position: absolute;
width: 16px;
height: 16px;
top: 15px;
right: 20px;
}
.M14_link_top i{color:white!important;}
/*ON PLACE LES BUTONS OUVERTURE ET FERMETURE DU BAS DE PAGE*/
#M14_open_Footer,#M14_close_Footer{position:absolute;bottom:-100px;right: -100px;color:white!important;z-index: 999;cursor:pointer;}

/*LE FOOTER DANS SA TOTALITE*/
#M14_footer{background-color:#707672;font-size: 13px;padding: 5px;bottom:0px;position: relative;height: 135px;}
.M14_wrap{width:100%;}
/*LES TROIS BLOCS*/
.M14_stats{display: inline-table;padding: 5px;}
/*LE BLOC DES STATS*/
.M14_stats.forum{color:white!important;width:30%;}
i#small{margin-right: 6px;font-size: 16px !important;color:white!important;}
/*LE BLOC DES LIENS*/
.M14_stats.LinkS{width:25%;}
/*LE BLOC PARNERT*/
.M14_stats.Part{width:25%;}
/*LE BLOC DES CREDITS*/
.M14_stats.CreditS{width:20%;}
.M14_stats.CreditS,.M14_stats.CreditS span,.M14_stats.CreditS a.M14_link_footer,.M14_stats.Part .M14_link_footer,
.M14_stats.LinkS .M14_link_footer{color:white!important;}
/*LES TITRES*/
#M14_footer .M14_titre{color:white !important;font-size:24px;}
#M14_footer .M14_titre span{top: 2px;position: relative;}
#M14_footer .M14_titre i{margin-right: 6px;}
.M14_link{margin: 0px 10px 0px 10px;}

Penses a cliquer sur le bouton

Salut, merci beaucoup pour le travail que tu as fais, cependant la base est la, juste quelques modifications au niveau des couleurs/tailles (( je posterais plus tard ))

Mais pour le footer de base (( celui de forumactif )); merci beaucoup pour le travail que tu as fais, c'est à dire pouvoir le cacher, mais sa me convient pas, je cherche à le supprimer carrément, sur toutes les pages du forum. (( j'en connais un forum avec +25k membres qui l'ont fait et qui n'ont aucun probléme avec forumactif depuis des années )).

Je cherche à le supprimer, il y'a 5 liens, je pourrais les mettre dans les credits du nouveau footer, je vois pas prq faut garder ça.

Merci de m'aider.

Je veux bien te donner la partie à supprimer dans le template mais comment iras tu dans ton panneau d'administration ?

Re , >> https://zupimages.net/up/20/01/czwn.jpg



L'enlever sur tout le forum ( toutes les pages ) s'il te plais Phil.

Bonjour Youtaga,
pour les liens de bas de page voici la portion des cgu qui en fait mention

Forumactif.com est un site entièrement gratuit. Nous mettons tout en œuvre pour vous offrir un service de qualité à la pointe de la technologie. Nous vous demandons de ne pas enlever le copyright et les informations en bas de page mise en place sur vos forums car ils prouvent votre appartenance à la famille des Forumactif.com. Tout forum ayant édité ou supprimé ces liens sera considéré comme contrevenant.

https://www.forumactif.com/conditions-generales

Ce site a modifié le footer depuis des années : www.lm-rp.net

Au fond, ils veulent juste garder les copyright, et ça je vais pas le supprimer, je vais mettre dans les C, dans la partie credits de mon nouveau footer (( celui fait par Phil ))

Si fa leur tombe dessus, c'est un abus direct. S'ils ne réagissent pas à temps, c'est le forum qui sera supprimé.

Je peux risquer moi aussi hein.

Vous m'avez prévenue, donc maintenant que je suis au courant, mais que je change pas d'avis, vous pouvez m'aider ?

Hi,
Pourquoi vouloir à ce point supprimer les copyright FA ?

Alors pour supprimer le bloc en bas de page:

Dans le template overall_footer_end :
Affichage/Templates/Général/overall_footer_end


supprimes tout le contenu et remplaces par:

Code:

<!-- BEGIN html_validation -->
<!DOCTYPE HTML>
<html>
<body>
 <!-- END html_validation -->



<div id="dimmer" class="hidden"></div>
<div style="display: none;">
    <div id="fa_hide"></div>
    <div id="fa_show"></div>
</div>

{PROTECT_FOOTER}

<script type="text/javascript">
    //<![CDATA[
    fa_endpage();
    //]]>
</script>

<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        function headerAdjust() {
            var banner_headline = $('#header-banner h1, #header-banner h2'),
                banner_headline_height = banner_headline.height();

            if (banner_headline_height > 90) {
                banner_headline.css('font-size', parseInt(banner_headline.css('font-size')) - 1 + 'px');

                requestAnimationFrame(headerAdjust);
            } else {
                banner_headline.css('opacity', 1);
            }
        }

        requestAnimationFrame(headerAdjust);

        if(_userdata['session_logged_in']) {
            if (!FA.Notification.registered()) {
                FA.Notification.register();
            }

            Toolbar.init;
            var timeout = setInterval(reloadNotif, 1000);
        };

        function reloadNotif() {
            if (_toolbar.notifications.unread > 0) {
                if (!$("#unread_notif").length) {
                    $("#header-notif > i").before('<span id="unread_notif">' + _toolbar.notifications.unread + '</span>');
                    $('#menu_notifications > span').before('<span id="unread_notif_menu">' + _toolbar.notifications.unread + '</span>');
                }

                var unread_notif = $("#unread_notif");
                var unread_notif_menu = $("#unread_notif_menu");

                unread_notif.html(_toolbar.notifications.unread);
                unread_notif_menu.html(_toolbar.notifications.unread);
                if(! unread_notif.hasClass("notification-new")) {
                    unread_notif.addClass('notification-new');
                    unread_notif_menu.addClass('notification-new');
                    $("#mNotificationBtn").addClass('notification-new');
                }
            } else if ($("#unread_notif").length) {
                $("#unread_notif, #unread_notif_menu").remove();
            }
        };

        var scroll_top = $('html').scrollTop();
        $('#main-menu-btn').on('click', function () {
            scroll_top = $('html').scrollTop();

            $('body').css({
                overflow: 'hidden',
                maxHeight: '100%'
            }).scrollTop(scroll_top);
        });
        $('#header-user').on('click', function () {
            scroll_top = $('html').scrollTop();

            $('body').css({
                overflow: 'hidden',
                maxHeight: '100%'
            }).scrollTop(scroll_top);
        });
        $('#header-notif').on('click', function () {
            scroll_top = $('html').scrollTop();

            $('body').css({
                overflow: 'hidden',
                maxHeight: '100%'
            }).scrollTop(scroll_top);
        });
        $('#dimmer').on('click', function () {
            scroll_top = $('body').scrollTop();

            $('body').attr('style', '');
            $('html').scrollTop(scroll_top);
        });
    });
    //]]>
</script>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    window.fbAsyncInit = function() {
        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'));

    $(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}');
            }
        });
    });

    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_topicit_connect -->
<script>
    $(document).ready( function() {
        $('div.ti-connect').attr({
            'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
            'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
            'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
            'data-lang' : '{switch_topicit_connect.BOARD_LANG}'

        });
        (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 = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'topicit-connect'));
    });
</script>
<!-- END switch_topicit_connect -->

</body>
</html>


Penses a enregistrer puis à valider en cliquant respectivement sur puis

Dans le template overall_footer_begin :
Affichage/Templates/Général/overall_footer_begin


Recherches:

Code:


<div id="page-footer">


Supprimes et remplaces par:

Code:


<div id="page-footer"style="display:none;">


Puis supprimer tout ce qui concerne l'astuce des boutons et la css associée:

Dans le template index_body

Code:



Code:Copier le code

    <style>
      #page-footer,li.footer-to-top,li.footer-home{display:none;}
    </style>
    <script>
      $(function(){
    $('#M14_open_Footer').click(function(){
    $(this).hide();
    $('#M14_footer').hide();
    $('#M14_close_Footer,#page-footer').show();});
    $('#M14_close_Footer').click(function(){
    $(this).hide();
    $('#M14_open_Footer,#M14_footer').show();
    $('#page-footer').hide();});});
    </script>
    <div class="M14_get_footer">
    <i class="material-icons"id="M14_open_Footer" title="Afficher le bas de page">add_circle_outline</i>
    <i class="material-icons"id="M14_close_Footer"style="display:none;"title="Masquer le bas de page">remove_circle_outline</i>
    </div>



Il faura par contre mettre les Copyright Forumactif Said, c'est une obligation.

Merci de ne pas polluer ce sujet Fred,

Said est informé (Stéphane a donner les informations) tout comme
j'ai pu lui donner l’information.
Ensuite, on se dégage de tout .

Merci.

ENFIN, Merci à tous le monde et en particulier à Phil.

Fred, en regardant deja ton forum on voit que t'as modifier ton footer.

Je veux juste avoir un forum propre, tout les trucs la qui gênent, je retire, l'ancien footer était un grand bloc noire qui traînait en bas.

Les credits de forumactif seront toujours présents dans le nouveau footer.

Saïd, modifier un footer rien ne l'interdit. Les copyrights c'est une autre histoire mais visiblement tu le comprends.

Splash a écrit:
Saïd, modifier un footer rien ne l'interdit. Les copyrights c'est une autre histoire mais visiblement tu le comprends.

@Splash Dis moi s'il te plais si c'est bon ou je dois rajouter quelque chose.

>> https://zupimages.net/up/20/02/udxt.bmp