-
Fond - Eklablog
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"
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
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.
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
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
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
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.
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
Tags : tutoriel, blog, eklablog, tuto, fond, banniere
-
Commentaires
Bravo pour toutes ces explications très claires, je vais profiter du week-end pour me lancer...
Bonsoir
Super ça fait gagner du temps à tlm. Pas besoin d'explications complémentairesBonne soirée
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
waouh je garde ton lien car je cherchais depuis longtemps comment optimiser mon blog... merci pour tes explications
bonne journée
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.
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 !
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éeGillesJe 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 ?
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.
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
J'arrive ici car je cherche quelque chose sur Google, mais vous n'avez pas ce que je cherche.
AllisonBonjour a toi . Un GROS MERCI a toi pour les informations , ton aide est très précieuse crois moi j'avance tranquillement mais avec ton blog je devrais faire quelque chose de bien. Une très belle journée a toi et a bientôt Bobinette
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
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éeoui 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...
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 nuitmerci 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 !
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.
Bonjour,
Merci pour ces explications , je vais essayer;
Bonne fin de journée-
Amitiés -Violette70
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
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
-
Ajouter un commentaire
C'est si bien expliqué que nous ne pouvons faire autrement que de réussir. Merci