• Image ou header

    Image ou header

    Voila ,  vous voulez poster une image transparente ou un image gif  dans votre header.

    Mais oups ! c'est trop lourd !!!

    voici la solution .

    Commencez par poster votre image sur un hebergeur et copier le lien directe de l'url ,

    pour le coller dans le code suivant 

     

    Le code#header {background-imageurl(http://i50.tinypic.com/2djuft0.jpg );

    Remplacez ce qui est en rouge par l'url de votre image 

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 

     

    « Les selecteursChanger la police »

  • Commentaires

    1
    Mercredi 15 Mai 2013 à 00:06

    Ah oui, là c'est un grand grand merci car parfois, on fait de trés belles images d'en tête et grrrrrrrrr on peut pas la placer merci Manola tu es vraiment génialllllllle

    as tu vu mon dernier design.... j'ai justement eu ce problème avec mon image hearder, j'ai donc été obligé de l'allèger à ma façon.... mais je vais la recommencer à l'originale, car je la trouver plus jolie et je vais procéder comme tu dis pour la placer merciiiiiiiiiiiiii

    bisous bisous

     

    2
    Mercredi 15 Mai 2013 à 08:23

    Bisous bisous

    desolé pour l erreur je rectifis de suite

    passe une bonne journee

    3
    Mercredi 15 Mai 2013 à 19:03

    Bien utile

    4
    Mardi 21 Mai 2013 à 21:32

    Pouvez-vous me conseiller s'il vous plait un hébergeur

    qui accepte les images des designs de blog ?

    Car j'en ai trouvé un mais il est dit qu'il n'accepte pas tout ce qui a trait au design  

    C'est uniquement pour des photos, pour les partager.

    J'avais commencé à m'inscrire, heureusement que j'ai lu les conditions générales !

    En plus j'aimerai bien que ça ne soit pas en partage de préférence.

    J'ai une bannière que je ne peux pas mettre du coup !

    Merci par avance  (si vous pouvez)

    Amicalement. Dani

    5
    Mardi 21 Mai 2013 à 22:43

    Avec tout les hébergeurs les images sont en partage .

    Une solution !!

    Pourquoi n'héberger vous pas directement sur Eklablog même  , ainsi vous ne partager vos fichiers  avec personne .

    Pour ce faire cliquez sur contenu , puis sur gérer les fichier cliquez ensuite sur choisissez un fichier allez le cherchez sur votre ordinateur ,  puis cliquez sur envoyer .

    Après quand votre image à fini de charger , cliquer sur le mon de celle ci puis sur ouvrir et vous prenez ensuite l'url que vous coller dans le code .

    Merci pour votre visite , bonne fin de soirée

    6
    Mercredi 22 Mai 2013 à 00:55

    Merci beaucoup de la réponse.

    Je pensais qu'on ne pouvait pas poster d'images > à 400 Ko dans les fichiers Eklablog,

    du coup je n'ai pas besoin d'hébergeur  :-)

    Amicalement. Dani

    7
    chezviolette Profil de chezviolette
    Samedi 22 Juin 2013 à 22:51

    bonsoir merci pour l'expliquation pour , celui du pied de page ces le meme code , bisou

    8
    Samedi 22 Juin 2013 à 23:59

    Non pas du tout , je vais voir si je peut te faire le code .

    merci pour ta visite , gros bisous

    9
    Vendredi 19 Juillet 2013 à 08:34

    Je viens de découvrir ton blog c'est génial

    Merci 

    Il va me falloir des heures pour tout voir, mais j'adore tous ces petits effets

    Bravo

    Bon WE

    10
    Mardi 23 Juillet 2013 à 23:03

    Bonjour je viens de découvrir ton blog,


    Supers cela tombent pile.


    Mercie pour les belles explications, bien expliquées.


    Merci et bonne soirée je croix pour toi amicalement

    11
    Sekai--World Profil de Sekai--World
    Dimanche 11 Août 2013 à 21:03

    merci bcp^^

    12
    Lundi 12 Août 2013 à 16:46

    bonjour manola merci beaucoup

    13
    Mercredi 30 Octobre 2013 à 14:45

    Ce qui m'embête maintenant, c'est que ma fenête d'édition est blanche au lieu d'être noire et le têxte est en arial ou quelque chose comme ça. Bref, ça ne correpond plus à la mise en page finale. J'ai dû faire une fausse manoeuvre quelque part. Ca ne m'empêche pas de continuer à publier mais c'est quand même gênant. Si tu avais une idée?

    Cordialement, Michel

    14
    Jeudi 7 Novembre 2013 à 20:26

    Je suis vraiment désolée ... Je n'avais pas vu que nous ne pouvions pas mettre tes codes CSS sur nos blogs(en tant qu'article) et je l'ai fais... Je les enlève ?

    Encore, désolé...

     

    15
    Samedi 9 Novembre 2013 à 19:21

    bonjour manola

    je suis sous le pseudo manelyse car j'ai ouvert un autre blog pour y faire des essais. je n'ai pas beaucoup de temps pour m'occuper de kikoonette1bis et de passer faire des petits coucous, comme je m'occupe d'un forum, je suis pas mal prise. je voulais t'avertir pour que tu n'aies pas de surprise en voyant tout le temps mon pseudo manelyse passer chez toi, je viens chercher des codes CSS. j'en profite d'être là pour te souhaiter un très bon et doux week-end et te remercier de nouveau pour tout ce que tu fais! merci infiniment!

    16
    Lundi 25 Novembre 2013 à 00:32

    bonjour manola,

    tu peux m'expliquer comment intaller le module du trafic s'il te plait, car quand je colle le code qu'on me donne dans un module simple en htlm ça ne fontionne pas, il n'y que le code qui apparait quand j'enregistre.

    peux-tu me dire aussi comment mettre le menu "aller à la page"

    en te remerciant de ton aide.

    bisous

    17
    Lundi 25 Novembre 2013 à 03:00

    Je ne comprends pas bien ce que tu veux dire par module du trafic

    Colles- tu bien le code dans le HTML ?

    Aussi pour les codes javas script et html , si cela ne va pas , il faut demander l'activation à la plateforme Eklablog

    18
    Lundi 25 Novembre 2013 à 17:46

    C'est le module trafic comme tu as sur ta page à gauche. java est activé sur mon compte mais je ne comprends pas pourquoi ça fonctionne pas. je copie le code qu'on me donne, j'ouvre un module simple je clique html et je fais coller. quand je fais enregistrer je n'ai que du texte

    19
    Lundi 25 Novembre 2013 à 18:18

    je ne comprends toujours pas ce que tu veux dire par module trafic .

    As-tu pris le code chez moi ?

    si oui , tu parle peut-être du module où j'ai mes amies ou celui de mes blogs ?

    donne moi plus de présisions ou le lien du code .

    pour le reste , ta manière de faire est bonne .

    20
    Lundi 25 Novembre 2013 à 20:33

    c'est le module avec le drapeau des visiteurs. j'ai pris le code qui est généré sur le site du  net

    21
    Lundi 25 Novembre 2013 à 20:55

    Tu doit aller sur ce site  http://feedjit.com/freeLiveTrafficFeed/ et créer ton module .

    et apres tu prend le code que tu colle dans le html d'un module de la colonne .

    22
    Lundi 25 Novembre 2013 à 21:33

    c'est ce que j'ai fait et ça fonctionne pas

    23
    Lundi 25 Novembre 2013 à 21:35

    Un petit passage du soir ma chère Manola.

    Merci beaucoup pour ton coeur d'amour, je t'envoie mille doux bisous d'amitié.

    Bonne nuit de Petit coeur M@lou

    24
    Mardi 26 Novembre 2013 à 07:59

    bonjour manola c est beau oula la tu fais de belles choses j aime beaucoup passe une belle journée bisous bisous patricias

    25
    Mardi 26 Novembre 2013 à 08:01

    merci aussiiii pour l astuce mercii beaucoup je repasserai bisous bisous 

    26
    Mardi 17 Décembre 2013 à 22:33

    bonsoir manola

    je voudrai savoir stp s'il existe un code pour les fonds qui dépassent 400 Ko, là je suis sur mon blog test car je voudrai changer ma deco sur kikoonette1bis mais j'ai un fond trop lourd snif. je te remercie par avance de ta réponse, bonne et douce nuit

    27
    Mardi 17 Décembre 2013 à 23:52

    Oui , tu as celui ci remplace ce qui est en rouge par l'url de ton image

    premier fond

    #body {background-image:url("URL de l'image");background-attachmentfixed;}

    et ici pour le 2em fond

    #background {background-image:url("URL de l'image")}

      • Samedi 19 Décembre 2015 à 07:50

        oh génial, c'est ce que je recherchais.

        Merci beaucoup Manola, c'est super sympa de partager....

         

        Gros bisou

    28
    Mercredi 18 Décembre 2013 à 00:14

    merci beaucoup manola, c'est super! bonne et douce nuit

    29
    Samedi 28 Décembre 2013 à 17:48

    coucou Manola ,merci pour ton code header ,je ne sais pas ce qui arrive impossible de placer ma créa gif ,elle y était et d un coup elle a disparu ,ca ne vient pas de ton code ,ne saurait pas qu est ce qui pourrait bloquer chez moi ,merci de ton aide et gros bisous

     

    30
    Samedi 28 Décembre 2013 à 18:29

    Ton image , l'a tu poster dans les dossier d'eklablog ou sur un hébergeur ?

    31
    Samedi 28 Décembre 2013 à 18:31

    Meraviglia, donne moi le lien directe de ton image et les dimensions exacte de celle ci , je te ferais un nouveau code

    32
    Samedi 28 Décembre 2013 à 18:33

    merci manola de ton aide ,ca y est elle est revenue en effaçant des codes de la menu bar ,je sais pas pourquoi ,j ai hébergé mon image sur eklablog ,et aussi j ai oublié de te dire que vu que j ai changé ma déco j en ai profité pour me servir de tes boutons que je t avais pris la dernière fois ,c est rudememnt bien ,j espère que t as vu ,trop bien ,bon ma belle a bientot et gros bisous

    33
    Samedi 28 Décembre 2013 à 18:37

    oui j'ai vue c'est magnifique

    34
    Samedi 28 Décembre 2013 à 18:44

    merci beaucoup ça me fait plaisir que ça te plaise ,merci encore bizzzzz

    35
    Lundi 30 Décembre 2013 à 12:19

    Bonjour,

    Merci pour ton code !

    Tu en aurais un pour le bas de page ?

    Merci d'avance 

    36
    Lundi 30 Décembre 2013 à 13:11

    Oui le voici je viens de le faire , mais je n'ai pas le temps de le tester 

    #footer {
      background-image:url("URL DE L'IMAGE");background-repeat: center top no-repeat;

     height: HAUTEUR DE L'IMAGEpx;
      }

    Tu change ce qui est en rouge

    37
    Lundi 30 Décembre 2013 à 13:16

    le code fonctionne je viens de le tester !!

    38
    Lundi 30 Décembre 2013 à 21:48

    Merci beaucoup !

    39
    Mardi 31 Décembre 2013 à 16:05

    Merci,je vais l'essayer

    40
    Sissi48
    Vendredi 3 Janvier 2014 à 07:55

    Bonjour Manola,


    Je viens de visiter ton blog, super tous ses petits trucs pour enjoliver nos chers blogs. A ce propos je voulais mettre une bannière animée avec tosisn astuce, mais ça ne fonctionne pas....Peux tu m'expliquer pourquoi ?


    Je suis en train de refaire mon blog complètement et je n'ai pas encore toutes les petites astuces alors je me permets de chercher un peu partout sur ton super blog pour les trouver. Merci pour ta réponse et très bonne journée à toi. Amitiés.

    41
    Sissi48
    Samedi 11 Janvier 2014 à 09:04

    Bonjour Manola, je reviens vers toi car je n'ai pas eu de réponse concernant la question sur la bannière. Si tu vois ce message, stp viens à mon aide......Merciiiiiiiiiiiiii. Bonne journée et  à bientôt j'espère. Bisous et bravo pour toutes ces recherches qui nous aident beaucoup.

    42
    manola 2
    Samedi 11 Janvier 2014 à 10:13

    désolé je n'ai pas vus ta question , peut tu me redire se que tu voulait .

    je ne suis pas souvent sur mon blog en ce moment parce que je suis vraiment déborder ce qui fait que je rate des message .

    Eklablog n'affiche que les 10 dernier !

    43
    Samedi 11 Janvier 2014 à 12:11

    Manola, je te souhaite une bonne année !

    Merci pour toutes tes astuces.

    Amicalement

    44
    Sissi48
    Samedi 11 Janvier 2014 à 13:29

    Re  coucou, en fait je voulais mettre une bannière en flash et j'ai essayé avec tes explications et j'y suis pas parvenue pas faute d'avoir essayé plusieurs fois, et là subitement j'ai réussi ne me demande pas pourquoi et comment ....Mais ça fonctionne c'est le principal. Merci de ta réponse. Bisous bonne journée

    45
    Samedi 11 Janvier 2014 à 15:19

    Tu doit te trompé se blog parce que je n'ai pas de code pour les bannière flash , et les codes que j'ai ne fonctionne pas pour les création flash .

    Aussi non tu trouveras les info pour bannière flash chez mon amie Dalila ICI 

    46
    Sissi48
    Samedi 11 Janvier 2014 à 16:48

    En effet ça ne fonctionnait pas et pour cause je suis allée chez Dalila , merci pour l'info. Bisous, bonne fin de journée.

    47
    Jeudi 23 Janvier 2014 à 17:39

    Merci Manola ! Ton blog est une vraie mine d'or... Quel travail et quelle gentillesse pour ce partage, j'apprécie énormément.

    Je t'embrasse amicalement

    Danielle

    48
    Samedi 15 Février 2014 à 20:36

    je configure mon blog avec tes tutos super une question

    comment installer tes onglets

    49
    Samedi 15 Février 2014 à 21:30

    tu regarde dans " coins arrondis"  dans la colonne a toi de faire des test .

    50
    Dimanche 16 Février 2014 à 18:19

    Merci Manola c super.bonne semaine

    51
    Lundi 17 Février 2014 à 02:30
    coucou moi ce nest pas une image pour mettre dans le header mes une image pour le fond du blog qui est trop loudre aurrte tu un code CSS pour se probleme ?? mercii
    52
    Samedi 1er Mars 2014 à 15:03

    merci est ce que tu connais aussi les codes de curseurs ?

    53
    mamyjo
    Jeudi 6 Mars 2014 à 12:59

    bonjour Manola


    merci beaucoup pour ce code,car ce n est pas évident de mettre une grande bannière


     


    à bientot


    bisous


     


     

    54
    Mercredi 12 Mars 2014 à 19:19
    merci beaucoup
    55
    Amphoria-Graphic
    Mercredi 19 Mars 2014 à 16:02

    Bonjour Madame ,je suis nouvelle sur ekla depuis 4 mois  et j'aimerai changer mon habillage ,j'ai tout fait bannière fond ect... j'ai lu votre article concernant herger des fichiers sur ekla je l'ai fait et lorsque j'ouvre mon article en autre ma future bannière j'obtiens pas de code url pour pouvoir le coller dans CSS c'est une histoire compliqué ces habillages d'ekla pour moi et comme j'ai personne a qui demander je m'adresse a vous j'ai tout mon habillage qui est près a être mis en place mais je sais pas comment faire,je saurai mettre en place le fond et fond d'article mais la bannière et l'article d'accueil c'est trop pour ma petite tête de blonde en tout cas je vous remercie de lire ceci .


    Amitié  Amphoria

    56
    Mercredi 19 Mars 2014 à 17:07

    C'est pas compliquer , dans la gestion des fichier de eklablog , 1  clique sur ton image

    puis sur 2 ouvrir 

    cap

    3 tu prend l'url dans la barre du haut , celle que j'ai entouré en rouge puis tu la colle dans le code

    cap

     

    57
    Mercredi 26 Mars 2014 à 21:11

    bonsoir Manola

    je te remercie pour ce code,enfin,je vais pouvoir me mettre à faire un désign correct

     

    bonne soirée

    Bis

    58
    Jeudi 27 Mars 2014 à 13:55

    Juste un petit passage pour te dire que j'adore ta musique Manola !

    Bonne journée ainsi qu'à tous tes visiteurs  smile

    59
    Dimanche 11 Mai 2014 à 00:34

    Bonjour, je suis bien prise.


    Car je me suis fais une bannière cliquable.


    Mais je ne sais pas  comment et ou aller chercher un code pour l’installer sur mon blog.


    Et comment l’installer aussi.???


    J’ai un blog d’essais, je me suis mis un nouveau fond.


    Je me suis mis un un pied de blog.


    Mais voila que mon fond dépasse mon pied de blog.???Mercie beaucoup


    Excuse-moi mais je n’est pas travaillé depuis un bon bout de temps sur mon blog.


    Parce que je ne comprenais pas.


    Mercie pour la réponse..


     

    60
    Dimanche 11 Mai 2014 à 08:59

    Bonjour Manola

    Merci beaucoup pour ce code , j ai enfin réussi c est super !! bonne journée 

    61
    Lundi 16 Juin 2014 à 05:42

    Bonsoir Manola

    Félicitation pour ce formidable blog et tout ton partage tu es géniale.

    Mon amie Lysandra m'a envoyé ton lien car je ne suis pas arrivé à installer ma Bannière animée elle était toujours trop lourde.j'ai vue un endroit plus haut ou tu explique comment faire,je vais revenir avec plus de temps.

    Mille mercis et bonne semaine.  cool  cool  cool

    62
    Lundi 16 Juin 2014 à 18:27

    Bonsoir

    Je suis désolée , pas encore trouver le truc pour installer

    mon header 

    Mille merci Manola, je reviendrai !

    63
    Mardi 1er Juillet 2014 à 09:26

    merci même si je n'en aurais pas utilité car ce n'est pas exactement ce que je cherche.

    PS :

     

    Pour ton menu bar enleve la fleche hide avec :


    #menubar_hide{display:none;}

     

     

    Tu peux faire de même avec le logo eklablog de la menubar:


    #menubar_logo{display:none}

     

     

    Enleve tous les traits de séparations blaches avec :


    #menubar_section_content,
     #menubar_section_appearance,
     #menubar_section_interactions,
     #menubar_section_manage,
     #menubar_section_account,
     #menubar_notifications,
     #menubar_signin,
     .menubar_button
     .menubar_section:hover,
     .menubar_section,
     #menubar_favorites,
     .menubar_separation,
     #menubar_logo{ background: none;}
     #menubar_favorites_btn,
     #menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%;
     }

    64
    Jeudi 7 Août 2014 à 19:23

    Je profites des vacances pour changer de look sur mon blog !

    J'ai réussi à faire ce que je voulais grâce à vous et je vous remercie vraiment de partager...

    En revanche je n'ai pas réussi à arrondir les coins de mon header je vous donne le code...

     #header {background-imageurl(http://ekladata.com/mireio84.com/perso/mes%20articles/accueil/Volet-ete-2014-2.jpg);} 

    Mon image est-elle trop lourde ?

    Encore merci

    65
    Jeudi 7 Août 2014 à 19:48

     Le code que vous me donner na rien a voir avec les coins arrondis de plus l'url que vous donnez n'est pas bonne .

    Bon pour le coins arrondis du header c'est ce code que vous devez prendre 

    #header {border-radius:20px 20px 20px 20px;}

    a vous de jouer avec les marges sur les cotés de l'image  pour pouvoir voir les arrondis 

    exemple sur la capture suivante 

    66
    Vendredi 22 Août 2014 à 18:26

    Bonjour Manola

    Ca yest, j'ai réussi a remettre mon fond! youpiiiii
    Merci beaucoup pour tout ce que tu fais, tu es sensas!
    Bon et doux week-end
    Bisous

    67
    Mercredi 17 Septembre 2014 à 21:53

     

    Coucou Manola, j'espère pouvoir installer une création d'une amie dans le header de mon blog, je vais voir cela avec tes codes.

    Cette création est en PNG, est-ce que ce sera possible ?

    Bonne fin de soirée et merci,
    Allison

    68
    Samedi 1er Novembre 2014 à 19:43

    Magnifique blog gentille miss.... J'aimerai faire aussi bien que toi en matière de design!Mais depuis que Eklablog s'est mis en CSS je suis larguée grave moi qui manipulais si bien le mode HTML::snifff.Gros poutous et merci..merci..pour tes aides ici!!Beauty*

    69
    Mardi 4 Novembre 2014 à 06:19

    merci pour le partage Manola, 

    gros bisous 

    70
    Mardi 4 Novembre 2014 à 06:30

    Coucou Manola, avec tous tes bons conseils Manola, 

    il va falloir se mettre au boulôt... 

    Merci pourt out .

     

     

     

    71
    Mercredi 12 Novembre 2014 à 14:35

    Coucou ma belle

    Waoo c'est super tout ces conseils et trucs que tu nous donne, je reviendrai, bonne journée, je t'embrasse  Puce

    72
    Dimanche 16 Novembre 2014 à 19:21

    grrr franchement j'avoue , j'avais une grande image que je ne pouvais mettre car c'était trop lourd , merci donc pour ce travail , je vais testé sur mon blog test ^^

    73
    Samedi 22 Novembre 2014 à 23:16

    Coup de coeur pour ton blog

    .....ICI.....

    Bises Manola

    74
    Mardi 16 Décembre 2014 à 21:01
    Merci pour ces précieux codes, ça m'aide beaucoup!
    75
    Dimanche 4 Janvier 2015 à 19:53

    Merci beaucoup pour vos codes, cela m'aide beaucoup à amélioré mon blog =)

    76
    Vendredi 20 Février 2015 à 16:03

    beau travail wow .. (tbarkallah) et merciii pour tout cool

    77
    Dimanche 17 Mai 2015 à 16:04

    merciiiiii

    78
    Jeudi 28 Mai 2015 à 21:59

    Merci pour ce code css ^^.

    79
    Samedi 30 Mai 2015 à 20:02
    80
    Samedi 13 Juin 2015 à 05:13

    bonjour manola

    Je viens juste pour copier le lien vers ta page pour le mettre dans un article, j'en profite pour te remercier pour ton travail

    J'aurais souhaité aussi mettre le lien vers les codes pour les fonds trop lourds. Je pensais les avoir vus chez toi mais apparemment non... je ne me souviens pas où je les avais trouvés.

    je préfèrerais éditer le lien vers l'auteur des codes plutôt que les codes eux-mêmes, peut-être saurais-tu me l'indiquer ?

    Bon week-end

    Agnès

    81
    Samedi 13 Juin 2015 à 08:05

    le code ce trouve sur cette page ici

    merci de ta visite

    82
    Vendredi 23 Octobre 2015 à 14:32

    Un méga merci !!! je me régale et tu m'aides énormément ! j'ai bien suivi la procédure pour l'image avec ton code, sauf que j'ai déjà une image dans mon header et en mettant ma colombe gif elle fait disparaître l'image titre du header...une solution pour que ma colombre soit à droite de l'iamge titre dans le header...je suis novice en programmation mais je déjà mordue...

    83
    Jeudi 26 Novembre 2015 à 15:07

    Merci pour toute cette aide bonne journée

    84
    Jeudi 26 Novembre 2015 à 22:45

    Merci Manola! J'ai enfin un header à la taille que je désire :) 

    85
    Mercredi 20 Janvier 2016 à 00:52

    Bonsoir Manola, j'ai une question à te poser, j'ai déjà une bannière flash sur mon blog qui n'a pas été mise par moi et la personne veut que je l'enlève donc j'ai refait une bannière flash et je ne sais pas comment la mettre, car lorsque je vais dans ajouter un code css il y a plein de choses de noter peux tu m'aider ? et aussi je voudrais changer les boutons et les deux décos en haut et en bas du menu gauche

    Merci à toi - Bonne soirée -

    Nadou

      • Mercredi 20 Janvier 2016 à 08:11

        Demande à la personne qui t'a placé ta bannière de le faire , elle seule sais ou elle as placer le code pour pouvoir le retirer , moi je ne pourrais pas le faire pour raison de santé.

        ce serais trop long de chercher et as rester sur mon ordy !

    86
    Mercredi 20 Janvier 2016 à 12:29

    ok merci pour ta réponse

    Soignes toi bien

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :