-
Code CSS pour header
Vous souhaitez mettre sur votre blog une bannière avec effet de
transparencemais malheureusement, vous vous apercevez qu'elle est trop lourde..
En effet,sur eklablog ,le header( bannière) ne doit pas dépasser 400 ko.
Pas de panique:voici la solution.
Ce code css vous permettra de la placer sur votre blog:
#header {
height:TAILLE DE LA HAUTEURpx;
background:transparent url(ADRESSE DU HEADER) center top no-repeat;
}1-Il faut suffit de remplacer "TAILLE DE LA HAUTEUR" par le nombre correspondant à la hauteur de
votre image.
2-ADRESSE DU HEADER: il suffit de mettre l'adresse de votre header tout simplement.
Code d'emploi pour l'installation:
1-Cliquer sur"Apparence","Modifier le thème""Ajouter un css".
puis Copier-coller le code
(ATTENTION:A part les ajouts de "taille" et "de lien", il ne faut
absolumentpas modifier le code sinon celui ci ne fonctionnera pas.
2-La bannière se placera centrée sur votre page.
Si le centrage ne vous convient pas ,voici comment le modifier:
Cliquer sur "Format du blog ","Marges " : faire les réglages du coté gauche de la bannière afin de
centrer votre bannière.
---Vous réglez le nombre en fonction de ce que vous voulez obtenir.----
votre bannière est installée!
Ce tuto vous a été utile?
Un petit merci fait toujours plaisir!
Votre bannière n'est pas en transparence mais trop lourde ?
Tags : code, css, header
-
Commentaires
c'est cool on est enfin en vacs, ses vacs la sont les plus ptites mais bon sa laisse un moment de répits chez nous^^
je me suis réinscrite sur ekla car je m'ennuie ^^" mais de toute façon un jour ou une année plus tard je l'abandonnerai mon blog^^
le cadeau c'est seulement ma soeur qui te l'a fait, mais c'est gentil d'avoir pensée a moi^^
sinon hier j'ai acheter le films 1 en dvd de inuyasha, en ce moment j'aime bien ce mangas, sa me change de kilari^^
je ne sais pas trop quoi faire sur mon blog, de + que j'ai tout perdu, m'a fois je verrai suivant les jours^^
allée a bientot et bonne continuation pour ton blog!
passe de très bonne vacances de la toussaint^^
bisous <3
Je n'aurais jamais pensée que ça puisse marcher comme ça, ce soir je me coucherais moins bête !
J'ai récupée ( ENFINà ma tablette graphique, alors dis moi ce qui te plairais et je te le dessinne!
Je vais te faire un petit dessin ce soir ou demain matin mais je ne suis pas sur du tout du résultat!
coucou aimie merci beaucoup pour ce code va surement me servir passe de bonne vacance bisous a beintot
Salut, Aimielisa ! de rien pour t'avoir souhaiter ton anniversaire, ça compte ! et tu as eu de superbes cadeaux de tes amis ! c'est vrai que ce code est super pratique, les bannières png peuvent devenir lourde, mais le format gif altère l'image souvent, alors l'effet n'est plus si bien ! mais dis-moi, avec ce code css, qu'en est-il du chargement ? ça ne fait pas non plus trop lourd ? c'est juste une question, comme ça ^^ Bye,Aimielisa !
21Yuri.Mardi 25 Octobre 2011 à 15:57coucou oui c'est mon filsqui a gagné les 2 peluches à la fete foraine mais mdrrr celui du stand voulais lui échanger la première pour qu'il en ai une plus grosse et il lui a sorti tu es fou toi??? ptrrr passe une douce soirée et de gros bizzzous
Coucou Aimielisa !
Merci pour se tuto !
Mais jai un petit problemen , j'ai tout fais comme tu as dit mais la banniere n'apparet pas !
Merci encore !
As tu vérifié si tu as bien copier le code?
Souvent l'erreur vient de là: un oublie de "point virgule" ou de"parenthese" et le code ne fonctionne pas.
Oui merci pouur le conseille , jai tout verifier plusieurs fois , mais je sais pas pourquoi sa marche pas =o
Mais jai resolut le probleme d'une autre magniere MERCI ENCORE !
Bonjour AimieLisa (:
Désolée de ne pas avoir répondu plus tôt mais j'avais oublié ... :'S
Merci beaucoup pour ce tutoriel qui m'a franchement beaucoup aidée !!
Bonne fin de week-end à toi (:
Bonjour Aimielisa,
Merci beaucoup pour tout ces codes.
Ton blog est magnifique. Il ne reste plus cas essayer tes codes sur mon blog.
Encore milles merci, je t'ajoute à mes contacts.
Je te souhaite un bon réveillon.
Bisous.
Christelle
Bonjour et merci pour ce partage, Je fais plein de créas, mais je suis nulle avec le code css. Alors tu la prends où l'adresse du header? merci de me répondre
Merci beaucoup pour ce code CSS ! Il m'as été utile vu que je voulais tester les header avec de la transparence !! Trés beau blog en plus !!^^Merci pour ce tuto ! Mais le problème c'est que j'ai voulu changer l'header de mon blog avec l'aide de ce code (parce que le format était PNG et qu'il était lourd). Mais le problème c'est que dès que je change de page, ça remet l'ancien. Il faut que je clique sur "modifier le thème" pour que ça remette le nouveau. Malheureusement, l'action se répète....
Est-ce-que tu as une solution à ce problème ?
Je t'en remerci d'avance.
Salut, je voudrais mettre le code, je sais maintenant grace a ton tuto comment faire mais mon image n'apparait pas, pourait tu me la mettre ???
Excusez moi c'est un peur hors sujet mais connaitriez-vous un code css permettent de faire sortir le header du cardre (contenue) ??
ahi ! merci je connaisser le code mais je cherche le mot clef qui remplace top dans le cod pour le mettre en bas s'il vous plaie !
Cela m'aide beaucoup !
Comme je compte bientot créer mon blog , tout mon thème aurait été trop lourd !
Ben... Merci ! ^^
Merci beaucoup pour ce tuto !
Mais j'ai une question :
Quelle valeur faut-il mettre à la plasse de "center" pour que l'image soit centrée mais en bac ???
(Si on dit bien valeur XD ) !! ♥
Merci pour ce tuto. Vraiment tres utile. Enfin je peu mettre une banniere png. Je garde ton lien et te mes dans mes favoris
Bonne soiree.
merci pour ce tuto par contre quand on fait ce code l'header à une certaine largeur, sais tu comment on peut la changer car mon image est plus large que longue.
Merci d'avance
salut,
Tu nous parle du code CSS pour header mais est-ce que tu fait des header si tu en fait tu pourras m'en faire un stp :
nom du blog : Swag,
thème : La mode/Le swag,
couleurs : violet, noire et blanc,
dimension : horizontalement : 800
verticalement : 404,
une image en particulier : je sais pas tu pourras le choisire a ma place stp alors sa doit être en rapport avec la mode ou le swag ou les 2,
Voila Voila^^ si tu sais faire des header et que tu pourras m'en faire c ci-dessus je t tous dit et si tu n'en fait pas c pas grave et merci quand-même !!! :)
Merci beaucoup pour ce code ! Je me sens tout de suite moins frustrée de ne pas pouvoir mettre la photo que je veux ! :D
Et en plus c'est super bien expliqué ! Que du bonheur ! lol
47CLMardi 3 Janvier 2017 à 05:24replica christian louboutin heels wash the dirty vestige on the face to go, the noodles is expressionless to sit to chair christian louboutin daffodil pumpsHands wreath chest, replica christian louboutin heels leisurely the along while didn't make a noise andreplica louboutin shoesthe show sonchristian louboutin glitter pumps also have some replica louboutin pumpsto frighten into replica christian louboutin pumpsinaction.TheChristian Louboutin young lady in past always acts crazy,fake christian louboutin in addition to going to bed a rest, Christian Louboutin Dafsling Glittery Leather Slingback Platformhave no while being carefree a moment.replica christian louboutinBut Chen Yun inhermes replica, but let to show son whatever guessBuy Marlboro cigarettes, all can not guess her is just thinkingtrue religion factory outlet you come over.christian louboutin heels leisurely hurtled show son to flick to wave hand and signaled hintGiuseppe Zanotti Sneakers to show son to sit to ownly and nearby.Treat to show after son sit properly,Giuseppe Zanotti Sneakers Chen Yun is leisurely tiny tiny on smiling, have some to expectChristian Louboutin Isolde 20ans Specchio Laminato Black of lookinging FREY WILLEat and showing the sonchristian louboutin spiked heelsme the affair in our mansionchristian louboutin glitter heels.We all haveGiuseppe Zanotti sale in mansiongiuseppe zanotti shoes which persons,Christian Louboutin Asteroid I am still all not clear now.Once saw everyone once inchristian louboutin narcissus pumps the food hall last time, have already in a hurry left.Giuseppe Zanotti online I didn't know they actually ischristian louboutin studded pumps I exactly should call what goodGiuseppe Zanotti Boots.Show son to turn head sideways to looking at leisurely,christian louboutin replica to blink eyes,Christian Louboutin Highness 160mm Aurora Colorful Pumps as if deep in thought of thought a short momentGiuseppe Zanotti Sneakers outletsay greatly not big, say small also not smallgiuseppe zanotti.going to be thegiuseppe zanottiwill be the available everywhere over the three snazzy designsmarlboro cigarettesprints make the marlboro outletCarrier an all in one steal for one of the more and the Hip Baby Carriers, although a bitGiuseppe Zanotti Boots top of the range at - has several Giuseppe Zanotti Wedge Sneakersunique that brings to mind and fabrics to FREY WILLE online shoplearn more Nicholas Kirkwood shoes about buy from You are going true religion outlet to want in no way kiss goodbye yourchristian louboutin stores fashion feel for those times when purchasing a carrier as there are a lot of available carriers as well as sale Giuseppe Zanotti Sneakersthese all will make also a multivalentino replicaearned a short time shelled out allowing an individual your little a minumum of one Baby wearing has been practiced also a number of years and is the fact because they are done true religion outlet online storeeverywhere across the planet both totrue religion jeans outlet and from rural China to educate yourself regarding goingvalentino shoes to be the mountains true religion outlet onlineof Peru. You can shop alsovalentino outletin your a lot of unique shops as part of your malls or otherwisecheap true religion as part of your many online shops intrue religion outlet sale your aimed at your site Improved fabric andGiuseppe Zanotti Sneakers onlineshoulder brace straps and head helptrue religion online outlet you achieve makes going to be the Evenflo Snugli Comfort Carrier a multi functional real steal true religion outlet store and goingvalentino outletto be the dual aspect entry buckles makes a resource box easygiuseppe zanotti outlet as well as for being hermes jewelryable to get the baby all around the and around town having to do with element The Buy Marlboro cigarettes online often a machine http://www.giuseppezanottis.cc.
Bonjour merci pour la solution mais j'ai un petit soucis je voudrais bien savoir ou on trouve l'adresse du Header pour la coller dans le code ???? merci
bonjour et merci pour ce code que j'avais perdu ! alors c'est ok pour moi
belle semaine A +
Ajouter un commentaire
coucou aimielisa^^