• Une image transparente au header

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

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

    pour le coller dans le code suivant 

    Code CSS

    #header {
     heightLa hauteur de l'image px;
     background:transparent url(URL de l'image) center top no-repeat;
     }

      

    Remplacez ce qui est en rouge par la hauteur de l'image en PX (pixels) plus l'url de votre image 

    *

    Coller le code à l'emplacement css 

    *

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

    « Image du pied de pageUne bordure à vos avatars des commentaires »

  • Commentaires

    1
    Dimanche 28 Juillet 2013 à 10:47

    Coucou Manola.......Je sais que tu ne me repondras pas mais tant pis!  il faut quand meme que tu saches que si la * Cite d or* a ete remplacee; ce n est pas faute d avoir essaye de rectifier mes erreurs de manipulations en allant dans tes codes......En vain; ca n a pas fonctionne; tu  as fait la sourde oreille a mes demandes!!!! mais je ne t en veux pas. Dommage pour la * Cite d or* . Je te souhaite un bon dimanche

      • Mardi 17 Novembre 2015 à 05:01

        bonjour tu dis "remplacez ce qui est en rouge" dans ton code css  mais hélas il n y a pas de rouge alors comment faire

    2
    Dimanche 28 Juillet 2013 à 19:07

    Bonjour Chrismarie , Je ne comprends pas du tout de quoi tu m'accuses , j'ai toujours  répondu à tous mes messages et je ne vois pas du tout la raison de ne pas le faire .

    Tu peux vérifier les messages de mon blog et tu verras que je n'ai rien de toi .

    Cela dit , je ne suis pas 24 heure sur 24 devant mon ordinateur , j'ai une vie privé comme tout un chacun .

     

    Bonne soirée .

     

    3
    Mardi 30 Juillet 2013 à 00:06

    bonsoir Manola

    j'ai un petit gros problème!!

    j(ai fait comme tu dis et je n'ai plus du tout de bannière!

    plus celle d'avant et pas de nouvelle!!!

    merci de bien vouloir m'aider

    bonne soirée

    4
    Mardi 30 Juillet 2013 à 07:52

    Je viens d'aller sur tes blogs , je les ai toutes vues tes bannières .

    bonne journée

    5
    Mardi 30 Juillet 2013 à 14:13

    oui, j'ai mis des bannières avec fond, puisque on ne voyais pas celles avec fond tranparent!!

    je vais réessayer!

    bonne journée

    6
    Mardi 30 Juillet 2013 à 14:25

    voilà j'ai réessayé et réussi!!

    j'ai simplement mis ma bannière dans un post sur mon blog, puis pris son url!

    la fois précédente je l'avais mise chez archive-host et cela ne marchais pas!

    désolée de t'avoir dérangée pour rien!

    7
    Mardi 30 Juillet 2013 à 17:08

    Avec Eklablog pas besoin d'hébergeur , pour héberger ton image clique sur contenu

    puis sur gérer les fichier , clique en suite sur choisissez un fichier , tu va chercher l'image sur ton ordi puis clique sur envoyer .

    une fois fait clique sur le nom de ton image et sur ouvrir dans le bas à gauche et tu prend l'url dans la barre que tu colle ensuite dans le code .

    c'est tout

     

     

    8
    Mardi 30 Juillet 2013 à 17:11

    merci, c'est ce que je vais faire!

    bonne journée!

    9
    Dimanche 18 Août 2013 à 00:06
    Pouzolane

    Bonjour Manola je suis contente d'avoir découvert ton blog car il est trés bien fait 

    et trés pratique tu explique vraiment trés bien  .Une belle découverte .

    je vais mêtre un lien si tu le permet sur mon blog .Merci pour ton partage .bisous Pouzolane 

    10
    Mardi 27 Août 2013 à 04:41

    Bonjour Manola il est 4h37 du matin bien sîr et je viens je crois d'arriver à mettre en place ton code css - pas évident pour moi mais ton explication est très correcte et çà marche sur mon blog d'essais
    je vais revenir sous la couette et je verrai mais un grand MERCI! bisous et bon mardi !!!

    11
    Mardi 27 Août 2013 à 08:47

    Très original ta façon de faire de placer ton image " l'header  " comme fond  "background" et de placer par dessus une image transparent .

     

    Comme quoi ,  avec un peu d'imagination on arrive toujours a quelque chose et ça fonctionne , c'est super !!!

    Bisous , bonne journée .

    12
    Mardi 27 Août 2013 à 10:49

    Merci encore !
    à l'occasion clique sur juju et là je trouve que c'est plus amusant ...
    Je suis un peu zinzin j'aime une touche d'humour 
    par contre me suis embêtée entre le format font fenêtre - fond de page ...
    j'ai tatonné pour arriver à monter mes coincoin sur le header 
    mais çà marche même si c'est nunuche 
    je ne me prends pas au sérieux !
    Encore merci en attendant d'autres trouvailles de ta part bien entendu !
    Il fait un temps superbe 11h 20° ! bisous !
    faut que j'aille à la pêche au jolis gifs ...

    13
    Mardi 27 Août 2013 à 13:38

     

    oui , je sais j'avais déjà vu , c'est pas mal du tout , je t'avais même proposer de t'ajuster ton image pour ne pas qu'elle soit couper dans le bas .

    Enfin , Voici ce que tu dois faire , tu va sur l'onglet marges , et la ou j'ai écrit 1 sur la capture  tu réduit le nombre pour que ton image remonte un peu .

     

    et ci cela ne va pas va sur la ranger ou j'ai écrit 2 la tu augmente les nombres pour que ta colonne et ton contenue descende un peu .

    capture

    Voilà j'espère t'avoir aider .

    Bonne après midi

    14
    Samedi 23 Novembre 2013 à 18:18

    merci de vos explication ce n'est pas évident de déposer des animation en bannière.

    bonne soirée

    15
    Dimanche 29 Décembre 2013 à 03:33

    Bonsoir  Manola ..
    En me promenant  dans les jardin d'Ekla , je decouvre votre blog .
    Quel  plaisir  , car  j'ai  beaucoup  a  apprendre  pour  transformer  mon univers ..
    Je vous remercie  pour  les  conseils  et   reviendrai  tres  bientot ..
      Bonne et  heureuse  annee  ..

    16
    Mardi 18 Mars 2014 à 15:45

    Bonjour Manola, j'espère que tu vas bien, malgré l'hiver qui s'entête à rester avec nous!

     Voilà, une petite question:

    je suis habituée à mettre une bannière png et je l'ai déjà placée plus vers la droite ou gauche pour mettre mes boutons, et je ne veux pas toucher à mes marges, mais là je ne me souviens plus

    voilà mon code:

    #header {height:950px;background:transparent url(http://angelfacecreations.a.n.pic.centerblog.net/o/9e92d55f.png no-repeat; right-margin:200px;

    tu peux me répondre ici stp, mes blogs sont fermés et j'ai enlevé les messages privés aussi.  Il doit y avoir un petit problème avec mon code, ma bannière est complètement vers la

    gauche et ne bouge plus.

    Merci ma belle pour tout ce que tu fais, c'est très apprécié, bisous!

    17
    Mardi 18 Mars 2014 à 16:30

    Ce n'est pas ce code là que tu doit prendre si tu veux modifier les paramètre

    c'est celui ci 

    #header {background-imageurl(http://xxx.jpg );}  

    et c'est dans personnalisation du thème que tu règle les paramètres

    regarde ce que j'ai entourée de rouge sur la capture , et tu fais comme ci ton image étais présente  , le X c'est pour la largeur et le y pour la hauteur 

    ici

    18
    Mardi 18 Mars 2014 à 17:28

    Ok Merci beaucoup Manola, c'est très apprécié, bisous!

    19
    Mardi 20 Mai 2014 à 15:58

    Je viens de découvrir ton blog par mon ami Chrys création, et c'est une vrai mine d'or, merci pour tout ce partage que tu fais, si je n'arrive pas à me faire un plus joli blog, c'est de ma faute ^^

    Bizz et bonne journée

    20
    Mardi 24 Juin 2014 à 15:32

    Voilà je passe souvent chez toi parce que tu es la meilleure pour expliquer et surtout tes codes CSS veulent dire quelque chose ce n'est pas le cas ailleurs ... tu es une parfaite pédagogue surtout quand comme moi et d'autres "pédalons un peu dans la semoule" ... je trouve dommage que tu envoies ailleurs pour l'explication de l'auto-play  sur la barrette EB  j'ai dû me faire aider ! surtout ne nous abandonne pas un grand merci excuse la longueur de ce com ! chaleur ici ! bisous !!!

    21
    Jeudi 7 Août 2014 à 15:23

    bonjour manola!

    j'ai un petit soucis , j'ai placé une bannière transparente sur mon blog,

    et je voudrais redescendre la ligne visiteurs qui est trop collée a la bannière!

    pourrais tu me dire comment faire?

    encore merci de nous aider avec tes codes et explications!

    grâce à toi nous avons de beaux blogs!

    merci!

    22
    Mercredi 17 Septembre 2014 à 22:37

     

    Merci pour ce code Manola, j'ai enfin une création d'une amie avec mon chat Pachou
    et je suis très contente !
    Maintenant, je me demande si je dois changer mes fonds ...
    Dis-moi ce que tu en penses si tu en as le temps.
    Et merci encore !

    Allison

    23
    Vendredi 28 Novembre 2014 à 09:46

    Merci pour ce code Manola

    bisous

    Sandrine

    24
    Mercredi 10 Décembre 2014 à 16:05

    Merci c'est une bonne idée, bises.

    25
    Dimanche 15 Février 2015 à 12:41

    BONJOUR MANOLA 

    j'ai besoin de ton aide.j'ai des images transparentes et lorsque je les mets sur le blog elles ressortent sur fond blanc. je sais pas si cela vient d'une mauvaise configuration de ma par ou alors qu'il faut mettre un code css. j'attend avec inpatience ton explication et te souhaite plaint de bonnes choses en ce dimanche . bisous et a bientot sur tes blogs que je fréquente souvant. J'AIME

    26
    Dimanche 15 Février 2015 à 17:35

    Coucou manola me revoila et surtout ne cherche pas de solution pour mon probleme, j'ai trouvé. C'est ma tete qui fait mal si j'avais mieux regardé j'aurais vue que les images étaient chargé en jpeg. Désolé de t'avoir dérangé. a bientot et je refais un tour sur ton blog. a +

    27
    Samedi 25 Avril 2015 à 15:44

    Merci pour le code, je l'avait perdu.

    Bonne journée

    28
    Lundi 18 Mai 2015 à 17:51

    Merci Manola, j'ai un problème, je fais une bannière flash qui est bien centrée, mais avec les différentes résolution d'écran, elle se décentre complètement.  Est-ce qu'il y a un code avec "fixe" ou quelque chose du genre pour que la bannière reste bien au centre.

     

    Merci beaucoup ma belle, bisous!

    29
    Jeudi 27 Août 2015 à 20:03

    Merci pour le code. J'aurais une question. Y a t il un code pour ajouter un petit gift sur l'image de  notre en tête? Ou l'ont pourrais également le positionner ou l'ont veux? J'ai déja vu quelqu'un qui avais ajouter des codes flash sur son en tête. Merci a l'avance pour la réponse et bonne soirée. Bisous

    30
    Jeudi 27 Août 2015 à 21:38

    moi personnellement je n'ai pas le code , mais tu peut le trouver chez mon amie Dalila  ICI avec toutes les explications pour les images gif .

    pour les images flash c'est encore différant parce ce que elle remplace le header !

    Gros bisous 

    31
    Vendredi 28 Août 2015 à 01:15

    Ok je te remercie beaucoup. Bonne nuit et bisous.

    32
    Mardi 24 Novembre 2015 à 08:03

    Bonjour manola ,

    je viens de lire tes conseils pour mettre une image en transparence en header sur mon blog ,

    il faudra que j'essaie un jour ou l'autre ,car je suis inscrite depuis peu et j'ai encore beaucoup de choses à apprendre .

    Et avec le travail , je n'ai pas toujours le temps .

    Et toi ,

    tu es très gentille d'aider les autres .

    Je te souhaite une belle semaine .

    Cali

    33
    Vendredi 25 Décembre 2015 à 16:42

    bonjour 

    merci pour ton aide cool

    je te souhaite une bonne fin d'Année 

    bisous

    34
    Jeudi 28 Janvier 2016 à 22:09

    merci pour ce code il me sera bien utile

    amicalement 

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :