• 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.

    Pandora hearts


    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.----

    Pandora hearts

    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 ?

    Cliquer ICI

    « Pandora heartsY en a combien? »
    Partager via Gmail Yahoo!

    Tags Tags : , ,
  • Commentaires

    1
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:48

    coucou aimielisa^^

    2
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:49

    comment va tu ?

    3
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:50

    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^^

    4
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:51

    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^^

    5
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:52

    se sera comme un site fantome laissée dans l'espace internet ^^"

    6
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:52

    tu ne va pas faire de thème Halloween ? moi si j'en est fait un !^^

    7
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:53

    le cadeau c'est seulement ma soeur qui te l'a fait, mais c'est gentil d'avoir pensée a moi^^

    8
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:54

    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^^

    9
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:55

    je ne sais pas trop quoi faire sur mon blog, de + que j'ai tout perdu, m'a fois je verrai suivant les jours^^

    10
    Cricri200° Profil de Cricri200°
    Dimanche 23 Octobre 2011 à 13:55

    allée a bientot et bonne continuation pour ton blog!

    passe de très bonne vacances de la toussaint^^

    bisous <3

    11
    Dimanche 23 Octobre 2011 à 18:35

    Coucou Aimie

    12
    Dimanche 23 Octobre 2011 à 18:36

    Je n'aurais jamais pensée que ça puisse marcher comme ça, ce soir je me coucherais moins bête !

    13
    Dimanche 23 Octobre 2011 à 18:38

    J'ai récupée ( ENFINà ma tablette graphique, alors dis moi ce qui te plairais et je te le dessinne!

    14
    Dimanche 23 Octobre 2011 à 18:39

    Je vais te faire un petit dessin ce soir ou demain matin mais je ne suis pas sur du tout du résultat!

    15
    Dimanche 23 Octobre 2011 à 18:44

    Enfaite, tu pars en vacance?

    16
    Dimanche 23 Octobre 2011 à 18:45

    Moi je pars jeudi à Lyon, enfaite comme l'année derniére :p

    17
    Dimanche 23 Octobre 2011 à 18:56

    Je vais te laisser!

    A bientôt, passe de bonne vacance!

    Carma

    18
    Lundi 24 Octobre 2011 à 08:07

     


    Merci pour ce tuto, tu es douée ma belle!
    Bisous
    Allison

    19
    Lundi 24 Octobre 2011 à 14:49

    coucou aimie merci beaucoup pour ce code va surement me servir passe de bonne vacance bisous a  beintot

    20
    remig Profil de remig
    Mardi 25 Octobre 2011 à 15:07

    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 !

    21
    Yuri.
    Mardi 25 Octobre 2011 à 15:57

    image

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    22
    Mercredi 26 Octobre 2011 à 20:35

    coucou 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

    23
    Samedi 3 Décembre 2011 à 18:30

    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 !

    24
    Dimanche 4 Décembre 2011 à 16:28

    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.

    25
    Dimanche 4 Décembre 2011 à 19:29

    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 !

    26
    Dimanche 18 Décembre 2011 à 16:26

    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 (:

    27
    Chouchou86 Profil de Chouchou86
    Samedi 31 Décembre 2011 à 13:37

    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

    28
    Vendredi 2 Mars 2012 à 23:08

    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

    29
    Odd Dellarobia Profil de Odd Dellarobia
    Samedi 28 Avril 2012 à 14:19
    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 !!^^
    30
    Maiii Profil de Maiii
    Lundi 20 Août 2012 à 22:30

    Merci beaucoup pour ce tuto !

    31
    Maiii Profil de Maiii
    Jeudi 23 Août 2012 à 20:00

    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.

    32
    Mardi 4 Décembre 2012 à 11:14

    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 ???

    33
    simsymphonie Profil de simsymphonie
    Vendredi 25 Janvier 2013 à 15:19

    Merci aussi pour vos astuces qui rende le blog vraiment original et unique  :)

    34
    Konoka Profil de Konoka
    Dimanche 10 Mars 2013 à 10:12

    Merci pour le code! :D

    35
    Mercredi 1er Mai 2013 à 21:35

    Excusez moi c'est un peur hors sujet mais connaitriez-vous un code css permettent de faire sortir le header du cardre (contenue) ??

    36
    Mardi 7 Mai 2013 à 16:45

    Ton tuto m'a été super utile merciiii beaucoup !!

    37
    Dalice mervelis Profil de Dalice mervelis
    Mercredi 19 Juin 2013 à 10:57

    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 !

    38
    Vendredi 7 Février 2014 à 17:21

    Cela m'aide beaucoup !

    Comme je compte bientot créer mon blog , tout mon thème aurait été trop lourd !

     

    Ben... Merci ! ^^

     

    39
    Mercredi 14 Mai 2014 à 21:50

    Merci, tu m'a sauvé la vie!!!!!

    40
    Lundi 4 Août 2014 à 13:00

    Merci beaucoup pour ce tuto'. Il m'a beaucoup aidé :D

    41
    Dimanche 4 Janvier 2015 à 17:52

    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 ) !! ♥

     

    42
    Samedi 4 Avril 2015 à 19:03

    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.

    43
    Mardi 28 Avril 2015 à 04:22

    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

    44
    Mardi 26 Mai 2015 à 12:29

    bonjour et merci pour le code 

    45
    Lundi 13 Juillet 2015 à 16:54

    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 !!!  :)

    46
    Vendredi 20 Novembre 2015 à 16:09

    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

    47
    CL
    Mardi 3 Janvier 2017 à 05:24

    replica 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.

    48
    Mercredi 2 Décembre 2020 à 11:59

    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

    49
    Mercredi 23 Août 2023 à 11:01

    bonjour et merci pour ce code que j'avais perdu  !   alors  c'est ok pour moi  

    belle semaine A +  

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :