-
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
Tags : header, image, hauteur, adresse, code
-
Commentaires
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
4lilimanga0Dimanche 26 Février 2012 à 16:04oui 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
6lilimanga0Dimanche 26 Février 2012 à 16:22Clic 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 ?
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 ^^
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 ^^'
23robin20Mardi 31 Juillet 2012 à 18:4425robin20Jeudi 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;
}
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 =)
27robin20Samedi 4 Août 2012 à 17:3236Mizuki-Mercredi 2 Janvier 2013 à 23:32Si 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!
38Mizuki-Jeudi 17 Janvier 2013 à 19:41Marche pas :/
Voilà mon code :
#background {
height: px;
background:transparent url(http://3.bp.blogspot.com/-Pt2O2Unmqz0/TyBZd0p5NrI/AAAAAAAADcg/Q3Um2quJGic/s1600/alice_render_by_nagi_tan28-d3gzz9e.png) center top no-repeat;
}
(Je l'utilise pour le fond de page)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
40angelamuVendredi 8 Février 2013 à 11:0241angelamuVendredi 8 Février 2013 à 11:15Merci! C'est vraiment utile!
Grâce à ça mon header est de meilleure qualitée avec ce format! :3
43angelamuDimanche 17 Février 2013 à 14:34oui 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 --"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
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
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
Tu as bien changé le selecteur ? (regarde dans les tuto j'ai mis une liste) si je me souviens c'est #background
ok merci c'est gentil de repondre ausi vite , je vais essayer de mettre.... #blackground , bonne nuit et encore merci
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
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.
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
bah , comment je récupére l'hauteur de mon header ?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
Euh...je voulai savoir comment ont fait pour l'adresse du header si le header est sur l'ordi.
Merci d'avance.
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.
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
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
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.
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
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
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)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
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
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.
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
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é.Mon code ne marche pas : #header { height: 500px; background:transparent url (http://ekladata.com/Y90QpV1LnRSPR6_gXqEp1wHs2z0.png) center top no-repeat; } essaye avec celui la
#header {
height: 500px;
background:transparent url(http://ekladata.com/Y90QpV1LnRSPR6_gXqEp1wHs2z0.png) center top no-repeat;j'ai bien regarde, c'est ma faute il manquait un espace entre : et transparent dans le code ^^'
Ah :)
Ça arrive à tout le monde de se trompé !
En tout cas merci ton blog m'aide beaucoup ;D
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
Ajouter un commentaire
Merci pour le code ^^ maintenant plus besoin de les enregistrers sous format JEPG*