• Fond - Eklablog

    Fond

    Lorsque l'on arrive la 1ère fois sur sa page de blog, vous avez cette  présentation.

     


     

    Votre barre d'outils se trouve en haut de la page. "Contenu" et "Apparence" ce  sont les menus les plus utilisés pour faire votre blog.


    MODIFIER LA PRESENTATION GRAPHIQUE DE VOTRE BLOG

    Dans la barre d'outils " Apparence" et "Modifier le thème"

    Fond

     

    Dans la colonne de gauche nous allons principalement utiliser :

    - Format du blog

    - Entête (Header)

    - Menu 1 - 2  ( soit un menu, droite ou gauche ou  2 menus)

    - Contenu  (Partie centrale où sont présentés les sujets)


    METTRE UN FOND D'ECRAN

    Il s'agit d'une couleur, un motif qui sera visible en contour de la fenêtre de votre blog

    Fond

    Allez à gauche dans "Format du blog"  et Fond  ensuite à droite   "Fond de fenêtre"

    Pour mettre une couleur

    Dans la fenêtre "Couleur", cliquez sur la pipette et choisissez la couleur. La couleur doit être cochée et l'image décochée

    Pour mettre un motif                 

    Dans la fenêtre "Image" (B)  cliquez sur "Parcourir" pour aller chercher dans votre disque dur votre motif et faites envoyer.     Image doit être cochée et couleur décochée.  Le motif doit être visible comme l'image du dessous.  

       Fond Si vous désirez utiliser mon image .Faites un clique droit avec la souris et "Enregistrer l'image sous..."

    Site proposant un très grand choix de motifs

     


    METTRE UNE COULEUR EN FOND DE PAGE 

    Fond

    Allez à gauche dans "Format du blog"  et Fond  ensuite à droite   "Fond de page"

    S'agissant d'une couleur (cochez la case) et choisissez dans la palette la couleur désirée en cliquant sur la pipette

    Il faut bien retenir le code hex de la couleur   ex #CACCBE  . Cela peut resservir ne serait-ce qu'en cas de perte de la couleur. Veillez à  ce que la case de l'image soit décochée.

    (Après l'insertion de la bannière de titre nous ferons un exemple avec une image personnalisée)


    METTRE LA BANNIERE TITRE

    Fond

     Allez dans "En-tête Header"  "Format" (A)  et "Fond"

    Comme pour mettre le fond d'écran,  allez dans "Parcourir" pour insérer votre logo (B).  Image cochée, couleur décochée.

    Vous constatez que ma bannière est coupée sur la droite.

    (Vous avez probablement remarqué que certaines pages internet occupées  plus ou moins la largeur de l'écran. Cela est dû aux paramètres d'affichage de votre écran. J'utilise toujours une largeur de fenêtre de 1024 pixels qui à mon goût reste la largeur la plus utilisée).

    Dans mon cas la bannière que j'ai crée fait donc  1024  pixels de largeur.

    Pour cela allez dans "Format du blog"  "Page" et  "Largeur de la page" et mettez 1024.

    Toute la largeur du blog  fait dorénavant 1024 pixels.

         Vous pouvez utilisez cette bannière pour vous entraîner      Fond 


    METTRE UN FOND PERSONNALISE

    Précédemment nous avons vu comment mettre un fond de page uni.

    On aurait pu mettre aussi un fond en textures: exemple les briques.

    Pour le fond présenté ci-dessous, j'ai crée une image d'une largeur de 1024 en calculant la position du dégradé de gauche pour ne pas empiéter sur le menu. La hauteur importe peu.

     

    Fond

     

    Pour insérer cette image personnalisée

    Allez dans "Format du blog"    " Format"   et   "Fond de page"

    Dans la fenêtre "Image"    cliquez sur "Parcourir" pour aller chercher dans votre disque dur votre fond personnalisé  et faites envoyer.     Image doit être coché et couleur décochée. 

    Si vous désirez utiliser mon image .Faites un clique droit avec la souris et "Enregistrer l'image sous..."

    Vous obtenez l'image suivante

     

    Fond

     

    Pin It

    Tags Tags : , , , , ,
  • Commentaires

    1
    Dimanche 17 Mars 2013 à 12:11

    C'est si bien expliqué que nous ne pouvons faire autrement que de réussir. Merci

    2
    Nicole59 Profil de Nicole59
    Vendredi 14 Juin 2013 à 16:05

    Bravo pour toutes ces explications très claires, je vais profiter du week-end pour me lancer...

    3
    sc.physiques Profil de sc.physiques
    Mardi 9 Juillet 2013 à 17:31

    merci c'est bien expliqué merci

    4
    Mardi 9 Juillet 2013 à 19:11

    Bonsoir

    Super ça fait gagner du temps à tlm. Pas besoin d'explications complémentairesBonne soirée

    5
    Mercredi 31 Juillet 2013 à 21:36

    Merci à vous grâce à vous,j'ai réussi à mettre mon image en fond écran.

    6
    Jeudi 5 Septembre 2013 à 11:16

    Bonjour tutoekla.C'est vraiment formidable de mettre des conseils sur votre blog pour nous aider a garnir nos blog,je trouve génial et super bien expliquer.Bonne jounée,marina56100

    7
    Jeudi 5 Septembre 2013 à 16:16

    Bonjour
    Merci Marina
    Gilles

    8
    Dimanche 29 Septembre 2013 à 04:42

    waouh je garde ton lien car je cherchais depuis longtemps comment optimiser mon blog... merci pour tes explications

    bonne journée

    9
    Mercredi 2 Octobre 2013 à 11:23

    Bonjour gilwro.J'ai vue que vous êtes venue sur mon blog dernièrement mais je pense que vous avez pas laisser de com,je viens vous informer que le blog que j'aimerais tout de moi même n'est pas celui là,c'est un autre que j'ai ouvert y a quelques temps et qui est sous mot de passe,je veux essayer par moi même pour la déco de mon blog sans passer par quelqu'un d'autre,voilà que je voulais vous dire,merci quand même pour votre passage sur mon blog c'est sympa.Je vous souhaites une excellente journée,avec toute mon amitié.marina.

    10
    Mercredi 2 Octobre 2013 à 18:13

    Bonjour Mayanne et Marina
    Merci pour vos commentaires
    Amitiés
    Gilles

    11
    Vendredi 4 Octobre 2013 à 00:36

    Bonjour à tous.

    C'est vraiment bien expliquer mais le problème c'est quand ils disent : Allez dans "Format du blog" , j'y vais ensuite quand il disent    " Format"   et ben moi je peux pas il n'y a pas le mots "format" après et pareille quand il disent ensuite d'aller dans "fond de page" je ne vois pas c'est mots là.

    Quelqu'un peut-il m'aider, c'est un peut urgents.

    Merci d'avances !

    12
    Vendredi 4 Octobre 2013 à 10:55

    Bonjour mphb
    Autant pour moi, j'ai fait la modification. Il est clair que dans tous mes tutos j'ai pu commettre des erreurs, en tout  cas celle ci est corrigée.
    Bonne journéeGilles

    13
    Vendredi 4 Octobre 2013 à 19:44

    Je ne comprend pas, parce que sa ne marche pas du tout. Quand je vais dans : Format du blog et ben après il me propose "Page", "Menu", "marges", "fond" et "textes et liens". 

    Quest ce que je dois faire ?

    14
    Samedi 2 Novembre 2013 à 19:31

    bonsoir              je trouve ce fond vraiment formidable , et il me plait bien. Merci pour le partage, je vais l'essayer sur mon blog  MERCI                      bonne soirée. 

    15
    Lundi 11 Novembre 2013 à 07:14

    bonjour

    j'ai un peu de mal je l'avoue à faire ce que je veux.. mais avec du temps et de la patience et en plus vos explications j'espère arriver à mes fins.. merci beaucoup

    16
    Lundi 11 Novembre 2013 à 09:53

    BonjourCa va venir
    Bonne journée
    Gilles

    17
    Vendredi 14 Mars 2014 à 21:11

    J'arrive ici car je cherche quelque chose sur Google, mais vous n'avez pas ce que je cherche.
    Allison

    18
    Vendredi 4 Avril 2014 à 19:33

    bravo pour ce super tuto !!!

    19
    Samedi 2 Août 2014 à 05:38

    Bonjour a toi . Un GROS MERCIcool a toi pour les informations , ton aide est très précieuse crois moi yes  j'avance tranquillement mais avec ton blog je devrais faire quelque chose  de biensarcastic.  Une très belle journée a toi et a bientôt  Bobinettesmile

    20
    Samedi 2 Août 2014 à 18:03

    Coucou Bobinette
    Ravi que mon blog puisse t'apporter de l'aide.
    Amitiés
    Gilles

    21
    Vendredi 23 Janvier 2015 à 16:30

    Bravo et merci à vous!

    Amitiés, 

    Anne.

    22
    Mardi 27 Janvier 2015 à 12:00

    Bonjour Emeraude et merci pour votre commentaire
    Bonne journée
    Gilles

    23
    Vendredi 15 Mai 2015 à 16:17

    bonjour 

    j'ai bien mis mon image de fond, 

    cependant elle est coupée,

    d'un côté le papillon est entier mais de l'autre côté les ailes sont coupées.

    Comment faire, pouvez vous m'aider ?

    merci d'avance

    Anne

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    24
    Vendredi 15 Mai 2015 à 22:50

    Bonsoir
    Suivant les résolutions d'écran on ne voit pas la même chose. Pour ma part les 2 papillons ont les ailes coupées.
    Sans quoi il faut essayer de réduire l'image.
    Bonne soirée

    25
    Vendredi 15 Mai 2015 à 22:53

    oui d'accord Gilwro, merci pour votre réponse rapide,

    mais comment faire pour réduire l'image de chaque côté, je n'y connais rien du  tout ?

    j'ai mis l'image, tenté de la centrer, mais pour le reste, je ne sais pas faire hélas...

    26
    Vendredi 15 Mai 2015 à 23:03

    Pourquoi vous dites l'image de chaque côté. C'est une seule photo qui se répète.

    Cette image doit faire environ 400 à 500 pixels de large. Il faut réduire pour essayer de trouver le bon cadrage. Mais comme je vous ai dit suivant la taille ou résolution de l'écran, on ne voit pas la même chose.

    Les grandes images de fond sont difficiles à cadrer.
    Bonne nuit

    27
    Vendredi 15 Mai 2015 à 23:17

    merci Gilwro,

    j'ai réussi à la réduire en ligne, avec le site réduction-image (très bien ce site)

    à 400 px, je l'ai mise sur mon blog, elle est en effet plus petite, mais je suis obligée de la

    positionner en mosaïque, sinon c'est vraiment trop petit.

    je la préférais plus grande avec un seul papillon mais je ne sais pas faire le nécessaire

    donc ... je présume que dans le css peut être ça peut être modifié  ?

    mais j'ai pas assez d'expérience dans ce domaine là non plus,

    j'ai déjà entré des lignes de codes dans mon ancien blog, mais ça s'arrête là...

    merci en tout cas pour votre aide précieuse, bonne soirée à vous !

    28
    Vendredi 11 Septembre 2015 à 11:43

    Bonjour, merci beaucoup, c' est si bien expliquer, merciiii.

    29
    Dimanche 27 Septembre 2015 à 14:57

    Bonjour et merci infiniment pour votre aide . J'ai galéré pendant des jours et grâce à votre tuto , j'ai réussi à habillé mon blog .

    J'ai encore beaucoup à apprendre sur le fonctionnement de Eklablog.

    30
    Dimanche 27 Septembre 2015 à 23:34

    Bonjour Heidii et Mamy Leo
    Ravi de pouvoir vous aider
    Gilles

    31
    Jeudi 21 Janvier 2016 à 15:43

    Bonjour,

    Merci pour ces explications , je vais essayer;

    Bonne fin de journée-

    Amitiés -Violette70

    32
    Mardi 30 Août 2016 à 21:31

    Merci beaucoup!

    33
    Jeudi 12 Octobre 2017 à 19:17

    C'est vraiment bien expliquer  merci 

    34
    Samedi 14 Octobre 2017 à 20:37

    Bonjour
    Merci.

    35
    Dimanche 11 Mars 2018 à 16:12

    Merci beaucoup pour l'aide que j'ai trouvé ici.Je viens de changer mon thème et depuis 2014,je ne me rappelais plus toutes les manips..

    Grâce à votre tuto,ce fût simple.Merci

    36
    Lundi 12 Mars 2018 à 21:06

    Bonjour et Merci Pipiou
    Bonne soirée
     

    37
    Lundi 26 Novembre 2018 à 00:01

    Bonsoir, Merci beaucoup pour toutes les explications fournies sur ce site.

    Elles m'ont été très utile pour la débutante que je suis, encore beaucoup à apprendre

    notamment sur la pagination ou je rame un peu. 

    Amicalement. Nicole

      • Lundi 26 Novembre 2018 à 16:44

        Bonsoir Nicole
        Merci pour votre message.
        Vous verrez que ce n'est pas si difficile.
        Bonne soirée.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


/* fleche haut et bas */ /* fleche haut et bas */