• Modifier infos footer

    Un petit code en javascript à placer dans un module simple,
    pour modifier les infos dans le footer. Un exemple ci-dessous, dans le footer.
    On ajoute l'auteur, le copyright, et on laisse les CGU.
    Attention: ce code écrase les infos déjà présentes, donc penser à les sauvegarder
    En retirant ce code, les infos d'origines reviennent.
    Dans ce code vous pouvez insérer du code html entre les guillemets rouges.
    Entre les balises <p> et </p> les guillemets sont remplacés par des apostrophes.
    ( javascript doit être activé sur le blog - Faire F5 pour rafraîchir la page.)

    <script type="text/javascript">// <![CDATA[
    function init() {
    document.getElementById("footer").innerHTML="<p><span style='color:yellow;'> Copyright GMZ Prod 2013</span> - <a href='http://www.eklablog.com/conditions-generales-d-utilisation-p9652'>CGU</a></p>";}
    window.onload = init;
    // ]]></script>

    « Onglet coulissant DeezerMenu rotatif »

  • Commentaires

    19
    Vendredi 24 Janvier 2020 à 16:22

    bonjour

    j'aimerais mettre en pied de page mais le fond est en blanc voici le code

    <!-----------------Flash-Footer---------------------------------------------------------->

    <style><!--

    #footer {min-height:540px;}

    #flash-footer {

    position:absolute;

    left:60%;

    margin-left:-460px;

    bottom:50px;

    width:600px;

    height:470px;

    /*border:1px solid red;*/

    --></style>

    <p><iframe id="flash-footer" src="..." frameborder="no" width="598" height="482"></iframe></p>

    <!--------------------------------------------------------------------------------------------------->

     

    qu'est-ce qui manque pour l'avoir en transparence

    merci par avance

    18
    Vendredi 22 Décembre 2017 à 23:19

    bonsoir, merci pour tout ces codes et c'est bien expliquer

    17
    Vendredi 16 Octobre 2015 à 17:37

    Bonsoir Mike,

    Je viens très souvent sur ton blog et ce, depuis longtemps, car non seulement j'aime beaucoup sa présentation, mais en plus tu y offres énormément de "ressources".

    Etant nouvelle venue sur Eklablog, cette fois-ci, j'ai pris au passage ce script et t'en remercie.

    Félicitations pour ton travail !

    Cordialement. Colette

      • Vendredi 16 Octobre 2015 à 17:46

        Merci Colette, c'est sympa ...!
        Ton blog aussi, est sympa !!!!! smile

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    16
    Dimanche 27 Octobre 2013 à 17:50

    a bonjour a vous je fais un tour sur les blog et  j'ai vue le votre il me parait super bien fait bravo a vous !

    bonne fin de soiré  @+++++

    15
    Dimanche 4 Août 2013 à 09:58

    Salut !

    Essaie avec ce code à placer dans un module simple (nouveau ou existant)
    Il faudra peut-être ajuster les valeurs en rouge
    Javascript doit être activé sur ton blog :

    <p>

    <script type="text/javascript">// <![CDATA[

    document.getElementById('footer').insertAdjacentHTML('beforeend','<a style="position:absolute;left:10px;margin-top:20px;width:460px;height:150px;" href="http://www.fondationbrigittebardot.fr/" title="Accéder au site de Brigitte Bardot" ></a>');

    // ]]></script>

    </p>

    14
    Samedi 3 Août 2013 à 19:06

    Bonjour Papyrock,

    J'avais l'intention de faire un module à part entière de mon footer, mais vu les difficultés, je n'ai réussi qu'à mettre une image, et les derniers visiteurs...

    En fait, je souhaiterai que l'image de BB, soit un lien vers l'association.

    J'essaie depuis plusieurs jours, mais je galère.

    Je suppose que tu as la possibilité de voir ce que j'ai fait, et j'espère que tu pourras m'aider à faire ce que je voudrais...

    Merci et bonne journée

    13
    Myhana Profil de Myhana
    Jeudi 20 Juin 2013 à 16:36

    Bonjour Mike,merci de ton aide ,j ai bien rectifié ,bonne soirée

     

    12
    Mercredi 19 Juin 2013 à 22:22

    @meraglivia

    <div style="position: absolute; bottom: 20px; left: 40%; color: white;">Meraviglia design -Copyright 2013 <a href="http://www.eklablog.com/conditions-generales-d-utilisation-p9652 "> <span style="color:white;" >CGU </span></a></div>

    11
    Myhana Profil de Myhana
    Mercredi 19 Juin 2013 à 17:53

    bonsoir Mike ,je sollicite  ton aide juste pour les cgu , j aimerai l écrire en blanc et pour le lien survolé je le changerai dans le code html que tu m avais donné ;merci beaucoup mike , bonne soirée

    10
    saintgabriel Profil de saintgabriel
    Mercredi 19 Juin 2013 à 16:53

    ok, merci beaucoup. Bonne journée

    9
    Mercredi 19 Juin 2013 à 12:38

    @st-gabriel >

    1) il faut utiliser le code se trouvant dans l'article (et pas celui des commentaires), je l'ai modifié
         et il fonctionne (faire F5 pour lancer le code la 1ère fois))
    2)J'ai visité ton blog via une tablette(android). il faut passer en mode 'version standard',
       tout en bas, dans le footer...et la ton blog apparaît normalement avec tes menus latéraux!

    8
    saintgabriel Profil de saintgabriel
    Mercredi 19 Juin 2013 à 11:43

    bonjour Mike,

    Je ne suis pas arrivé à faire ce que j'ai envie faire avec votre code. Je m'explique. Quand on connecte sur mon blog avec un smartphone, avec la version smartphone, on ne voit pas du tout lles menus latéraux de mon blog, ce qui est très important car c'est de ces menus là qu'on accède à tous les contenus de mon blog. Mon idée c'est de mettre un lien dans le "bas de page" (footer) qui permet d'ouvrir une page avec tous ces contenus de ces ménus. Et là, je n'arrive pas à mettre dans le footer. J'ai eesayé ici, mais premièrement, les liens "agenda, actualité, infos pratiques" ne sont pas dans le footer, ils sont en dessus. deuxièmement, le module simple, je ne sais pas comment le cacher, il est place avec d'autre module à gauche. et suertout, quand je connecte avec mon smartphone, ces liens n'y sont pas dans le footer.Pourrais-tu m'éclairer? merci beaucoup

    7
    Samedi 8 Juin 2013 à 17:26

    si tu veux ajouter les 'CGU' , modifie le code:

    <div style="position: absolute; bottom: 20px; left: 40%; color: white;">Meraviglia design -Copyright 2013<a href="http://www.eklablog.com/conditions-generales-d-utilisation-p9652"> CGU </a></div>

    6
    Myhana Profil de Myhana
    Samedi 8 Juin 2013 à 17:05

    J y suis arrivée pour le footer et ai ajouté le code la couleur ,j espère que ca ne dérange pas si je n a i pas su mettre les CGU ,merci Mike

    5
    Myhana Profil de Myhana
    Mardi 4 Juin 2013 à 18:18

    ok Mike j ai compris et je l ai placé ailleurs et cette fois ca a marché grace a toi merci beaucoup

    4
    Mardi 4 Juin 2013 à 15:47

    C'est normal, avec display:none tu caches l'affichage. Mais tu peux placer ce code dans un module simple déjà existant. Le module "Liens de mes amis" par exemple...!

    3
    Myhana Profil de Myhana
    Mardi 4 Juin 2013 à 15:03

    Bonjour Mike ,j ai bien compris ton code par contre lorsque je veux enlever le module simple qui le définit avec ceci#module_menu127513795 {
    display: none;
    module disparait mais le footer revient comme avant,est ce que tu pourrai voir ce qu il y a ,merci encore Mike,bonne journée

    2
    Myhana Profil de Myhana
    Dimanche 2 Juin 2013 à 14:28

    Merci Mike pour ce code ,j y suis arrivée

    a bientot



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


Version standard

Poursuivre l'affichage en version standard (ordinateur),

cliquer ci-dessous

Clic ici

(Puis fermer cette fenêtre, en haut à droite)