• Header plus de 400ko

    Eklablog pour bien nous embete a fait que le header, le fond ect ne peuvent pas depasser 400 ko...-_-*

    Mais pas de panique Mizura est la !  Il suffi juste de coller ce petit code :

    Remplace hauteur de l'image ben par sa hauteur

    Remplace Adresse du header par l'adresse de ton image

    ps: ce code marche aussi par exemple pour les pieds de page..ect

     

    Code CSS#header {
    height: HAUTEUR de l'imagepx;
    background: transparent url (ADRESSE DU HEADER) center top no-repeat;
    }

    Tags Tags : , , , ,
  • Commentaires

    1
    Mercredi 22 Février 2012 à 12:57

     Merci pour le code ^^ maintenant plus besoin de les enregistrers sous format JEPG* 

     

    2
    Mizura Profil de Mizura
    Mercredi 22 Février 2012 à 15:00

    oui ^^ moi avec mon header qui est fait sous photoshop il fesait du 800 ko j'ai cherchee de baisser la taille mais apres le render etait pas parfait donc j'ai trouvee cette solution

    3
    Mercredi 22 Février 2012 à 15:03

    800 ko enorme O_O !! 

    heureuseument ^^ que t'a touver cette solution

    4
    lilimanga0
    Dimanche 26 Février 2012 à 16:04

    super le code !!!

    5
    Mizura Profil de Mizura
    Dimanche 26 Février 2012 à 16:20

    oui voila ^^ sinon je me serrais casse la tête à faire un header que je peux même pas mettre T__T j'ai passe 2h dessu pour pouvoir trouve le moyen de faire les petit rond -_- car comme je viens juste de telecharger photoshop...sa va pas vite xD

    6
    lilimanga0
    Dimanche 26 Février 2012 à 16:22

    cool !!!!!

    7
    Mercredi 7 Mars 2012 à 18:56

    trop bien merci beaucoup j'en avait justement besoin !!!! merci mizura !!!! :)

    8
    Vendredi 13 Avril 2012 à 09:02

    Sa va mettre utile ça :)

    9
    Mizura Profil de Mizura
    Vendredi 13 Avril 2012 à 17:02

    xD we ^^ je viens juste d'arrive et je vois : 30 coms Oo

    10
    Dimanche 3 Juin 2012 à 03:57

    Quel adresse? et ko je les aies selement en pixels ^^'

    11
    Samedi 9 Juin 2012 à 16:53

    comment en fait pour savoir l'url de l'image ?

    12
    Samedi 9 Juin 2012 à 16:55

    Clic droit sur l'image>Copier le lien de l'image ou Afficher l'image

    Si tu fait afficher l'image, en haut, tu aura: http://"Url de ton image".Tu vois l'exemple ?

    13
    Samedi 9 Juin 2012 à 16:57

    ah d'accord, merci^^

    14
    Samedi 9 Juin 2012 à 16:58

    oublier mon commentaire

    15
    Samedi 9 Juin 2012 à 17:04

    Hoshina : Pour ton com's 13, j'ai pas compris ta phrase.

    16
    Samedi 9 Juin 2012 à 17:20

    Oublie mon com's 13 j'ai trouvée =)

    17
    Mizura Profil de Mizura
    Samedi 9 Juin 2012 à 17:40

    ouai enfet elle veux rien dir ta phrase, fin j'ai compris mais les ko et les pixels sa a rien avoir xD bon ten que ta reussie c'est bon ^^

    18
    Samedi 9 Juin 2012 à 18:47

    Ouais j'avais pas compris que pixels=ko

    19
    Samedi 9 Juin 2012 à 19:02

    Heu no justement X)

    Les Pixels ne sont pas de Ko !

     

    20
    Samedi 9 Juin 2012 à 19:11

    Mais ils sont la meme mesure *^*

    21
    Mizura Profil de Mizura
    Samedi 9 Juin 2012 à 19:38

    le ko c'est juste la taille du fichier, le poid on va dire , c'est a dire comme ko...Mo...ect

    apres les pixel c'est un peu autre chose, la c'est "vraiment" la taille, c'est la longeur et la largeur de l'image.

    je sais pas si j'ai bien explique ^^'

    22
    Dimanche 10 Juin 2012 à 19:28
    23
    robin20
    Mardi 31 Juillet 2012 à 18:44

    J'ai mis mais ça ne marche pas!!!

    24
    Mizura Profil de Mizura
    Mardi 31 Juillet 2012 à 19:26

    montre moi ce que tu a mis

    25
    robin20
    Jeudi 2 Août 2012 à 12:33

    #header {

    height: 400px;

    background:transparent url (http://data0.eklablog.com/jouin/mod_article48254667_5018098f5765b.png?8187 ) center top no-repeat;

    }

    26
    Mizura Profil de Mizura
    Vendredi 3 Août 2012 à 00:01

    normal que ca marche pas il y a une petite erreur dans le code, tu a un espace  entre le le mot url et la (

    enleve le est c'est bon ca marche =)

    27
    robin20
    Samedi 4 Août 2012 à 17:32

    Ok,merci beaucoup.je te suis reconnecente

    28
    nana20 Profil de nana20
    Dimanche 14 Octobre 2012 à 17:27

    esque tu sais lecode du pied de page parce que mon pied de page pese + de 400 ko!

    29
    Mizura Profil de Mizura
    Dimanche 14 Octobre 2012 à 17:45

    normalement sa marche aussi pour le pied de page, donc tu a juste a mettre son adresse.

    30
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Samedi 3 Novembre 2012 à 11:44

    merci beaucoup cela m'a beaucoup aider ^^

    31
    Kilarika Profil de Kilarika
    Lundi 5 Novembre 2012 à 12:26

    salut je suis nouvel sur eklablog!

    32
    Lundi 5 Novembre 2012 à 12:48

    oui....

    33
    Mizura Profil de Mizura
    Lundi 5 Novembre 2012 à 14:55

    salut ^^'

    34
    Lundi 5 Novembre 2012 à 14:58

    Salut mizura!Sa va moi je la bourde je galère avec les code CSS!

    35
    Mizura Profil de Mizura
    Lundi 5 Novembre 2012 à 15:07

    oki ba si tu veux un coup de main je suis la =)

    36
    Mizuki-
    Mercredi 2 Janvier 2013 à 23:32

    J'ai envie de faire pour le fond de la fenetre mais c'est quoi le code ? :S

    37
    Mercredi 2 Janvier 2013 à 23:47

    Si tu veux un code complet va voir sur se lien:

    http://leblogcommande.eklablog.com/code-d-un-themes-complet-a63923431

    Dans ce code je vais essayer de voir pour le fond!

    38
    Mizuki-
    Jeudi 17 Janvier 2013 à 19:41

    Marche pas :/

    Voilà mon code :

    #background {
    heightpx;
    background:transparent url(http://3.bp.blogspot.com/-Pt2O2Unmqz0/TyBZd0p5NrI/AAAAAAAADcg/Q3Um2quJGic/s1600/alice_render_by_nagi_tan28-d3gzz9e.pngcenter top no-repeat;
    }
    ​(Je l'utilise pour le fond de page)

    39
    Mizura Profil de Mizura
    Jeudi 17 Janvier 2013 à 20:21

    Alors, j'ai regarder ton code et ca me dit que ya une erreur, j'ai tester de voir c'etait quoi mais rien. J 'ai donc tester avec un fond à moi etc mais rien ca ne fait pas du tout ce que l'on veux donc à mon avis ce code ne marche pas pour le fond...moi perso j'ai pas encore eu besoin de l'utilise donc j'avais pas tester avant je sais que le pieds de page ainsi que le header marche apres le reste je ne sais pas

    40
    angelamu
    Vendredi 8 Février 2013 à 11:02

    jai pas compris ^^"

    41
    angelamu
    Vendredi 8 Février 2013 à 11:15

    j'ai réussis oh merci tu est un ange ^^

    42
    Dimanche 17 Février 2013 à 12:51

    Merci! C'est vraiment utile! 

    Grâce à ça mon header est de meilleure qualitée avec ce format! :3

    43
    angelamu
    Dimanche 17 Février 2013 à 14:34
    oui je le trouve super le tien ^^ le mien aussi c celui de miku je l'ai trouvé dans gougle image ^^ je ne fabrique pas mes header ^^" je n'est pâs photochop ou photofiltre --"
    44
    Mizura Profil de Mizura
    Mardi 19 Février 2013 à 20:52

    ben t'a juste a les telecharger et voila ^^

    45
    Lundi 2 Septembre 2013 à 19:44
    il ne marche pas , désolée
    46
    Mardi 3 Septembre 2013 à 01:15

    Perso, il marche très bien, je l'utilise pour le header actuel =/

    47
    Jeudi 5 Septembre 2013 à 17:55

    BONJOUR MIZURA je suis aussi embêter pour la grandeur de l'header   ,j'ai compris tout ce qu'il faut faire 

    pour le code CSS ,MAIS JE NE TROUVE PAS l'ENDROIT OU LE COLLER,

    MERCI D'AVANCE , je débute

    inscrite depuis le 2 septembre . merci d'avance

     

    48
    Jeudi 5 Septembre 2013 à 18:03

    merciiiiiiiiiiiii mais je viens juste de trouver l'endroit du CSS ,tu es TRS GENEREUSE MERCI CAR cela fait 3 JOURS que j'essayer de rentrer une image et grace a toi c'est fait ENCORE MERCIIIIIIIIIIII 

    49
    Jeudi 5 Septembre 2013 à 18:56

    c'est encore moi !!!!!!!maintenant quand je mais le code: pour FOND DU BLOG ça marche pas .L'image se potitionne sur l'header

    Merci si vous pouviez m'aider 

     

    50
    Jeudi 5 Septembre 2013 à 20:05

    Tu as bien changé le selecteur ? (regarde dans les tuto j'ai mis une liste) si je me souviens c'est #background

    51
    Jeudi 5 Septembre 2013 à 21:21

    ok merci c'est gentil de repondre ausi vite , je vais essayer de mettre.... #blackground  , bonne nuit et encore merci 

    52
    Vendredi 6 Septembre 2013 à 13:04

    Bonjour Mizura j'aimerais savoir comment AVOIR MON EKLABLOG sur GOOGLE :j'ai beau chercher je ne me retrouve pas ....merci d'avance et bon weekend

    53
    Lundi 9 Septembre 2013 à 19:31

    Alors, il me semble qu'il y avait une histoire de tags si je ne me trompe pas. Dans tes articles tu peux rajouter des tags, pour le décrire et donc logiquement si quelqu'un sur google a le même mot dans sa recherche ton blog pourrait apparaitre. Apres pour etre sur il faudrais en mettre un avec le nom de ton blog, par exemple moi "mizura-creation".

    Je te donne cette idee mais je ne sais pas si c'est la bonne, sa fait un peu longtemps que j'ai toruvée l'astuce, je vais verifier si j'ai bien fais comme ca.

    54
    Lundi 9 Septembre 2013 à 22:07

    BONSOIR MIZURA ,mais c'est bon JE SUIS SUR GOOGLE , je pensse qu'il falait attendre , je viens juste de créer mon Blog , mais comme je suis impaciente ,il me faut tout et de suite, encore merci  et une bonne nuit 

    55
    Lundi 9 Septembre 2013 à 22:27

    oki, ba c'est super alors ^^ Bonne nuit à toi

    56
    Samedi 5 Octobre 2013 à 20:08

    Je t'adore!!!! merciiiii!! *O*

    57
    Mardi 15 Octobre 2013 à 23:37
    bah , comment je récupére l'hauteur de mon header ?
    58
    Mercredi 16 Octobre 2013 à 20:06

    Ben quand tu regarde sur ton ordi une image dans tes dossier, dans la description tu as la hauteur et la largeur de marque tout en bas  (ex:Dimensions : 435 x 600)

    après si tu ne trouve toujours pas tu peux toujours tester une hauteur au pif et tu modifie si c'est pas la bonne etc

    59
    Jeudi 24 Octobre 2013 à 11:11

    Euh...je voulai savoir comment ont fait pour l'adresse du header si le header est sur l'ordi.

    Merci d'avance.

    60
    Vendredi 25 Octobre 2013 à 11:58

    Tu va sur ton blog, dans le menu contenu/gerer les fichier.

    Ensuite tu transfert ton image, une fois charger tu l'ouvre dans une 2eme fenêtre, et tu copie le lien.

    61
    Vendredi 25 Octobre 2013 à 12:49

    Mershi Mershi ^^

    62
    Jeudi 31 Octobre 2013 à 22:03

    merci pour le css sa ma beaucoup aider ^w^

    63
    Vendredi 1er Novembre 2013 à 14:45

    Et pour le pieds de page ? 

    64
    Vendredi 1er Novembre 2013 à 18:45

    Ben tu met l'adresse de ton pieds de page au lieu du header

    65
    Lundi 11 Novembre 2013 à 19:50

    Bonjour Mizura - je me suis inspirée de pas de tes petites astuces et tout fonctionne Mais BEN OUI il y a un mais !!! lol le code css ne fonctionne pas il me dit avoir une erreur - voici mon code :

    #header {

    height: 1024 px;

    background:transparent url(http://ekladata.com/terreafricaine.eklablog.com/perso/Image1.png) center

    top no-repeat;

    Alors là je sais pas merci Mazura besoin de lumière

    Bonne soirée

    66
    Mardi 12 Novembre 2013 à 16:30

    Oui alors enfet il manque juste un espace entre url et la (

    67
    Mardi 12 Novembre 2013 à 17:25

    ok merci pour ta réponse rapide je vais essayer

     

    68
    Mardi 12 Novembre 2013 à 18:09

    Re bonsoir mazura j'ai un souci - d'abord merci le code fonctionne

    1/ l'image ne passe toujours pas

    2/ c un png et il passe pas non plus ? j'ai crée un top en png mais visiblement il ne veux pas de la transparence ?????

    Merci et désolée de vous ennuyer

    Bonne soirée

     

     

     

    69
    Mardi 12 Novembre 2013 à 21:07

    Alors, j'ai fais le teste sur mon blog teste et ca marche, j'ai mis pour la taille 500px, peux être que c'est ca qui ne va pas. Essaye et tu me dit si c'est bon. Après si le 500px c'est trop petit ou trop gros tu modifie petit à petit.

    70
    Mardi 12 Novembre 2013 à 21:28

    tu peux me donner le code ce header , stp ? ( Clique pour taille réelle )

    71
    Mercredi 13 Novembre 2013 à 18:54

    Le code est juste en haut du tuto tu sais, t'a juste à faire copier coller et tu mes l'url de ton image.

    Soit tu te la met sur ton blog et tu copie le lien avec clic droit mais dans ce cas efface pas l'image sinon ton header va disparaitre.

    Soit tu va dans donc menu gérer les fichiers et tu te transfer

    72
    Samedi 23 Novembre 2013 à 15:00

    coucou Mazura, j'ai de nouveau une question existe t'il un code css pour les titres d'article dans le contenu ? j'ai voulu rajouter un petit gif et il me dit " pas plus de 400 ko" lol si oui merci de m'expliquer

    bon week end

    73
    Samedi 23 Novembre 2013 à 15:10
    Hum je sais pas du tout, j'en est jamais eu besoin. Mais peut être que tu peux utiliser le code de ce tuto. Il te suffi juste de changer le sélecteur (ici c'est #header } ) par un autre ( pour cela regarde dans la liste des tutos, j'ai mis les sélecteurs que tu peux utiliser)
    74
    Dimanche 24 Novembre 2013 à 12:41

    Merci Mazura pour ta réponse rapide, je vais voir se que je peux faire - je pense que c'est possible, il n'y a pas de raison - tout dépend peut être aussi des dimensions de l'image..... bon dimanche amitiés

    75
    Jeudi 5 Décembre 2013 à 20:13

    Merci beaucoup pour tes tutoriels! :D Ils sont géniaux!

    76
    Mercredi 18 Décembre 2013 à 16:48

    salut j'aimerais un code css si tu le possede je voudrais le meme effet de rubrique que sur ce blog:

    http://imaginationcreation.eklablog.com/

    c'est a dire quand ont clique sur la rubrique tout les liens apparaissent

    ou un site qui connait le code

    77
    Mercredi 18 Décembre 2013 à 19:27

    Non dsl je ne donne pas ce code, et je ne connait pas de site qui en donne, je l'ai trouvée toute seule, j'ai utilisé la même méthode que les spoilers.

    78
    Mardi 24 Décembre 2013 à 09:38

    Super ! Merci pour ce code, je suis sauver ! :D

    79
    Jeudi 27 Février 2014 à 10:53

    Merci!

    80
    Dimanche 16 Mars 2014 à 22:07

    Merci pour le code bien utile, Ekla et ses limites de taille, un vrai cauchemar quand on veut essayer de faire une jolie bannière T.T

    81
    Jeudi 1er Mai 2014 à 18:40

    eh sa marche pas pour moi ><

    82
    Jeudi 1er Mai 2014 à 23:39
    hum peut être qu'il y a un problème au niveau de l'adresse de ton header ou sinon change les px de ton image peut être qu'elle est juste caché.
    83
    Vendredi 2 Mai 2014 à 00:17

    oki nyan merci mizu :3

    84
    Dimanche 18 Mai 2014 à 15:55
    Mon code ne marche pas : #header { height: 500px; background:transparent url (http://ekladata.com/Y90QpV1LnRSPR6_gXqEp1wHs2z0.png) center top no-repeat; } ​
    85
    Dimanche 18 Mai 2014 à 23:52

    essaye avec celui la

     

    #header {
    height500px;
    background:transparent url(http://ekladata.com/Y90QpV1LnRSPR6_gXqEp1wHs2z0.pngcenter top no-repeat;

    86
    Lundi 19 Mai 2014 à 13:45

    Ca marche merci :D

    87
    Lundi 19 Mai 2014 à 19:29

    j'ai bien regarde, c'est ma faute  il manquait un espace entre : et transparent dans le code ^^'

    88
    Lundi 19 Mai 2014 à 19:36

    Ah :)

    Ça arrive à tout le monde de se trompé !

    En tout cas merci ton blog m'aide beaucoup ;D

    89
    Mardi 20 Janvier 2015 à 19:01

    ello, j'ai bien suivis ce que tu as mis mais on dirait que l'header est invisible! il n'apparait pas ToT je sais pas comment le emttre

    90
    Mardi 20 Janvier 2015 à 19:27

    essaye de modifier la taille de ton header (sur le code)

    91
    Jeudi 2 Juillet 2015 à 05:34

    Je te remercie.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :