Bonjour,

j'ai crée une image: un caillou avec écrit dessus le titre de mon module par exemple newsletter....

maintenant j'aimerai mettre cette image à la place du titre en place.

Mon idée était la suivante:

-héberger mon image sur un site

-aller dans le CCS est inclure l'adresse URL.....

mais ca ne marche pas .....si c'est juste dans le principe que dois-je écrire exactement dans mon CSS....Ou y 'a til plus facile à faire...??

merci de votre aide

la démarche est la bonne ...

pour compléter et faire, regarde cet article de Titia... : http://titia.blog.test.over-blog.com/article-3041463.html

Pense aussi à mettre des titres plus clairs... il est mignon ton titre, mais n'indique pas aux autres une éventuelle réponse à un souci similaire ...

merci pour la réponse je vais aller faire un tour chez titia...

Toutes mes excuses pour le titre.....J'y ferai attention la prochaine fois

Je viens d'essayer la méthode de Titia....mais trop facile si j'y étais arrivée du premier coup.....non ca ne marche pas...

J'ai voulu mettre une image à la place du titre newsletters.....

Ya aurait-il une erreur dans mon css:

/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:0pt;background-image:url([url=http://www.hiboox.com/lang-fr/image.php?img=60l5keot.jpg]
[img]http://images1.hibo;}
/*titre de la page*/
#divNewsletter input {background-color:transparent; border:1px solid #000;}
/*champs de texte checkbox*/
#divNewsletter .newsletter {}
/*texte des checbox*/
#divNewsletter {border:1px dotted #DE7008;}

merci encore de votre aide
/

Bonjour

Plusieurs choses sont fausses, et notamment ce qui est en gras:

background-image:url([url=http://www.hiboox.com/lang-fr/image.php?img=60l5keot.jpg]
[img]http://images1.hibo;}

supprimes ces passages de manière à avoir:

background:url(http://www.hiboox.com/lang-fr/image.php?img=60l5keot.jpg);

Je ne sais pas si j'ai raison mis à mon avis tu n'as pas du copier la bonne adresse de ton image, et prendre l'adresse du thumbnail (la petite icone de la photo permettant de l'insérer sur un forum avec un lien menant à la photo taille réelle, et qui se présente souvent comme celle que tu as insérée.)

Regarde sur hiboox, tu dois avoir une case avec inscrit "lien direct vers l'image" ou encore "lien absolu", ou un truc dans le genre (je ne connais pas hiboox, désolée)

Ensuite, ce n'est pas dans #divNewsletter h2 qu'il faut placer l'image si tu la veux dans le module. La, si tu le places dans le #divNewsletter, elle apparaitra sur la page d'inscription à la newsletter et pas dans le module. Il faut donc mettre, dans ta section CSS reservée aux modules:

.newsletter h2 {background:url(http://www.hiboox.com/lang-fr/image.php?img=60l5keot.jpg);}

.newsletter représentant l'identifiant de ce module spécifiquement. Tu y places ensuite tous tes paramètres de titre.

Il faut enfin que tu veilles à ce que la zone de titre accepte la taille de ton image. Il faut donc forcer la taille de la zone de titre en px de cettemanière:

.newsletter h2 {height:la hauteur de ton image en pixels; }

Une dernière étape: faire disparaître le titre de tes modules. Dans ton administration, cliques sur configurer. Rentre dans la configuration du module avec le petit marteau, effaces le titre et valides. Opération à renouveler à chaque fois que tu entreras dans la configuration du module, sinon il se réaffichera

Voila Voila...

ca avance, ca avance....mais ca ne marche pas encore...;Mais je ne désespère pas...!

Voila ou j'en suis:

-j'ai corrigé dans mon css ce qui n'allait pas et j'ai donc maintenant:

.newsletter  h2 {background:url(http://www.hiboox.com/lang-fr/image.php?img=vghbrutp.jpg);height:57px;}

.newsletter  h2 {height:57px;}

- mon image faisant 113 x 57 pixels (j'ai fait au pif car je ne me rends pas encore compte de ce qu'il faut) j'ai changer la hauteur et j'ai donc mis une nouvelle ligne
.newsletter  h2 {height:57px;}

- je suis allée dans configurer, marteau newsletters et j'ai supprimé le titre comme dit dans le post ci dessus

Au final quand je vais sur ma page je n'ai plus le titre newsletters (ca c'est bien!) par contre je n'ai pas l'image que je voulais!!!

ce que je ne comprends c'est que tinia dans son aide disait de marquer

bakground-image et non background:url c'est quoi la différence???

je m'excuse encore de vous embêter....mais à mon tour si un jour je peux aider, je le ferai mais pour l'instant je débute et j'apprends!!!

merci

background tout seul est ce que l'on appelle une propriété raccourcie... tu peux lui attribuer toutes les valeurs associées au background à la suite sans devoir répéter chaque fois background-image, background-repeat, background-trucmuche...

Les normes sont par là : http://www.yoyodesign.org/doc/w3c/css2/indexlist.html

merci pour le lien et l'explication mais alors pourquoi ca ne marche pas????

capte pas non plus, ça devrait ...

Coche les 4 héritages (design >> mode avancé >> expert en css cliquez ici pour définir les héritages ... )

tu peux essayer avec ce lien là pour l'image: http://images1.hiboox.com/images/2907/vghbrutp.jpg

;)

::

je venais de tilter que c'était pas la bonne adresse ... désolée pour le retard ... je venais réparer mon erreur ...

...

ca ne marche pas ....et comme je n'aime pas perdre je ne vais pas m'arrêter sur un échec!

j'ai donc recréer un autre blog, parce que je crois que j'avais touché à trop de chose pour m'en sortir....

J'ai fait exactement comme le dit tinia dans son aide et ca va pas

#liens h2 {background:url(http://images1.hiboox.com/images/2907/vghbrutp.jpg); font-size:0px; height:50px;}

je viens de changer l'adresse comme ca vient dêtre dit....;ca coince toujours....

Pour info cette adresse vous la sortez d'ou?

merci et encore merci....

En V2, c'est

.liens h2

Essaye également de ne pas répéter le .newsletter h2, une seule balise est suffisante.

.newsletter h2 {la totalité des données de configuration séparées par un point virgule; }

Ca y est c'est chose faite j'ai donc enlever # devant liens....

En fait dès fois il y en a un et d'autres non? c'est ca et comment savoir? Pourquoi par exemple devant #top et #footer il  y a #

J'ai regroupé mes infos et marche toujours pas.......

voila mon CSS au complet si quelqu'un à quelques minutes....sachant que je veux simplement intégrer une image en remplacement du titre du module liens...;(quand je saurai faire cà alors je mettrai des cailloux partout!!!!! puisque c'est bon but....!!

body {margin:0px; padding:0px; background-color:#7E645E; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}

a {text-decoration:underline; color:#DE7008; font-size:110%;}

a:hover {text-decoration:none; color:#9E5205;}

#top {padding:5px; color:#FFF; background-color:#DE7008;  margin-bottom:10px;}

#footer {margin-top:10px; position:relative; color:#F5DEB3; background-color:#DE7008; width:800px;}

.article {margin-top:0px; padding:0px; margin-bottom:5px;}

.date {margin-right:10px;color:#B8A80D}

.afterArticle {padding:3px 0px; border-top:1px solid #808080; width:100%; text-align:right; font-size:90%; color:#666;}

.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#777;}

.titreArticle {text-decoration:none; color:#B8A80D;}

.titreArticle:hover {text-decoration:underline; color:#B8A80D;}

.commentMessage {padding:5px; border:1px dotted #000; margin:0px; background-color:#F5E39E;}

.commentOption {text-align:right; font-size:90%; color:#000; margin-bottom:10px;}

.box { position:relative; margin:0px; padding:0px; margin-bottom:10px; width:100%;}

.box-titre  h2 {color:#B8A80D; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;}

.liens h2 {background:url(http://images1.hiboox.com/images/2907/vghbrutp.jpg); font-size:0px; height:50px;}

merci encore à tous ceux qui me répondent....ca m'embête un peu de déranger tout le monde....mais j'ai vraiment aucune autre issue!!!!

Il a un titre au moins ton module Lien ?

<div class="box-titre"><h2><span></span></h2></div>

Car s'il n'a pas de titre, rien n'apparaît au niveau de l'entête : pas de fond, pas d'encadrement...

en fait j'ai écris le titre de mon module sur mon image. (montage fait dans photofiltre studio)

<div class="box-titre"><h2><span></span></h2></div>

 je n'arrive pas à comprendre la ligne ci dessus..je dois la mettre ou dans mon CSS?

ce n'est pas à mettre dans la CSS, c'est un extrait de la source de ta page qui montre qu'il n'y a aucun titre à ton module Lien et que donc, ton module n'ayant pas de titre, le titre du module ne s'affiche pas sur le blog  et donc son image de fond (ton caillou )  ne s'affiche pas non plus. CQFD.

Met un titre à ton module.

mettre un titre à mon module....Ok

je suis donc allée dans configurer, puis mise en page et là j'écris "liens".

Et là je nai toujours pas mon image. le titre apparait bien sur mon blog....

Mais pas l'image.

Vraiment je dois être bouchée!!!

Si j'ai bien compris je sui s obligée de mettre un titre à mon module, je ne peux pas avoir uniquement comme titre celui qui est sur mon caillou....

je n'y comprends plus rien du tout!

Si si, c'est possible

Regarde sur mon blog d'aide: http://bakemono.over-blog.com/

J'ai donné des titres à mes modules, titres que je n'affiche pas sur le blog via le CSS. Ne s'affichent que les images de fond.

Mettre des images à la place des titres des modules

Tout est expliqué dans mon article.

Je te donne pour le module newsletter les lignes à rajouter dans ta CSS (testé avec succès sous Firefox2 ) :

.box-titre { height:57px; }
.box-titre h2 { display:none;}
.newsletter .box-titre{ background-image:url(http://images1.hiboox.com/images/2907/vghbrutp.jpg); background-repeat: no-repeat; background-position: top center;}

Voilà, après, c'est exactement la même démarche pour les autres modules.