• Tutoriel pour insérer une couleur ou une image de fond pour un article spécifique EKLABLOG

    Il s'agit d'introduire un code Javascript avec l'icône Code source de l'interface d'Edition d'un article. Pour ce faire il est nécessaire de demander à EKLABLOG d'activer le Javascript sur votre blog. Une fois avoir reçu la confirmation vous suivez la procédure.

    Pour information cette procédure peux se faire avant ou après avoir inséré les photos de l'article. Ici ce sera avant d'insérer des images.

    1. En tout premier télécharger la couleur ou l'image désirée dans et le menu déroulant "Gérer les fichiers". Selon la largeur de votre blog il pourrait être nécessaire de modifier la résolution de ces images.

    2. Puis vous devez l'article concerné.

    3. Mettre l'interface en mode "Expert" ce qui va faire apparaitre l'icône "Code source".


    4. Voici le code que vous devez copier en entier. Si pas possible de copier ici je vous l'envoie par message.


    <div id="madiv1">&nbsp;</div>
    <script type="text/javascript">// <![CDATA[
    var x=document.getElementById('madiv1').parentNode.parentNode;
    x.style.backgroundImage='url(http://data0.ek.la/le-blog-facile/perso/poison_dart_frog.jpg)';
    x.style.backgroundSize="100%";
    // ]]></script>



    4. Maintenant activez l'icône et vous obtenez cette fenêtre. Ce code étant utilisable qu'une fois, vous devez alors modifier les deux "div" chaque fois que vous l'introduisez dans un article (pour mon exemple je mettrai "veron1"). Et entre les guillemets vous coller l'adresse URL de votre couleur ou image de fond et cliquez sur OK  et Enregistrer sans publier                   


    5. Seul un bandeau de l'image de fond est actuellement inséré. Vous n'avez plus qu'à introduire vos photos, le bandeau va s'adapter à l'espace employé. Avec de nombreuses photos l'image de fond se répétera en mosaïque.




     

     

    « Petit Charançon sur Scrofulaire - Cionus hortulatus - CurcullionidaeLoxocera albiseta - sous-famille des diptères et sous-ordre des Brachycera - Psilidae »
    Partager via Gmail

  • Commentaires

    1
    Lundi 2 Juin 2014 à 16:39

    merci Wadou, je ferai à mon retour vu qu'il faut demander l'autorisation et qu'une fois donnée elle n'est pas valable tout le temps, il faut recommencer chaque fois qu'on veut faire un truc.

    2
    Lundi 2 Juin 2014 à 17:46

    Un article très pédagogique !
    Merci et bonne soirée à toi

    3
    Lundi 2 Juin 2014 à 18:56

    Merci Walter pour les astuces, il suffit de leur demander simplement d'activer Java script !! Bonne soirée bisous Rozy

    4
    Jeudi 5 Juin 2014 à 06:57

    sympa toutes ces combines ! et en plus avec des explications claires ! un bizou walter, après la pluie d'hier am, le soleil est là !! une aubaine .. je te fais un gros bibi, bonne journée à toi, et miaou à pitchou, bizou flo

    5
    Dimanche 8 Juin 2014 à 09:14

    Très bien fait ce tuto, là rien ne peut échapper ;-)
    Bonne journée

    6
    Lundi 16 Juin 2014 à 21:53

    Tout simplement génial, comme la fois précédente, super et merci bcp!^^

    7
    Mercredi 25 Juin 2014 à 16:25

    Bien heureuse de savoir que si j'ai un problème lorsque je me déciderai à aller sur Eklablog je pourrais te demander des conseils mon ami Walter, non seulement un pro dans beaucoup de domaines mais génial pour mettre en valeur un blog dont je ne connais absolument pas le fonctionnement.

    De retour à Challans depuis hier soir, beaucoup de parutions qui m'attendent et tu as raison, blogzoom est toujours aussi capricieux, il faudra donc bientôt penser à changer de crémerie !!!!!

    J'espère que tu vas bien , à bientôt, un petit coucou amical de Christiane et bisous à toi, cher ami.  beurk   beurk 

    8
    Samedi 3 Janvier 2015 à 12:00

    Bonjour,

    C'est super ton "truc"  ,merci !

    9
    Samedi 3 Janvier 2015 à 21:02

    Merci pour ce code,  je viens de tester, bien pratique...

    Bonne soirée

    10
    Samedi 28 Mars 2015 à 18:09

    Bonsoir Vadou , merci de  ce  tutoriel très  intéressant  , je  vais  bientôt  m'en servir grâce  à toi , merci à toi et  bonne  fin de W-E .

    Emile

    11
    Samedi 28 Mars 2015 à 18:26

    Merci beaucoup !

    Bonne soirée !

    12
    Lundi 18 Janvier 2016 à 19:37

    Bonsoir Walter , excellent tutoriel , je  le  mets  en favoris pour une  prochaine  publication . Belle soirée et  encore merci .

    Emile

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :