
C'est possible.

En effet, pour agir sur l'ensemble des modules, on utilise le mot-clé .box .
Et bien, il existe en fait un mot-clé par module:
Les deux modules de texte libre sont appelés par les mots-clé : #RightPart et #LeftPart, même si ceux-ci ne sont pas nécessairement à gauche ou à droite...
Le calendrier, on l'a vu, s'appelle #Calendrier .
Le module des catégories : #Categorie .
Le module où sont affichés les derniers commentaires : #CommentRecent .
Le module où sont affichés les derniers articles : #ArticleRecent .
Le module où sont affichés les articles des derniers mois : #Archive .
Le module de vos liens : #Lien .
Le module de vos albums : #Album .
Le module d'images aléatoires de chacun de vos albums : #aleaIm .
Le module de recherche par mot-clé (sur Google pour l'instant, mais limité à votre blog) : #Recherche .
Le module contenant " Créer votre blog gratuit " : #Concours .
Le module de W3C : #Syndication .
Le module de Présentation : #Presentation .
Le module pour s'inscrire à la Newsletter (Tiens, d'ailleurs, si vous n'avez rien à faire, là, tout de suite, inscrivez-vous à la mienne, comme ça, j'aurais peut-être un jour la possibilité de passer en Privilège et je pourrais trouver pleeeeins d'autres TIP's) : #Newsletter.
Bref, vous avez compris l'idée ... Ils sont au départ dans le CSS sous forme de déclaration:
#LeftPart {}
Pour les modifier un par un, il suffit de procéder comme pour le .box :
Par exemple, en tapant :
#LeftPart {
font-family: "Comic Sans MS",Times New Roman, Helvetica, Arial, sans-serif;
background:transparent url(http:// gnagna.jpg) repeat-x scroll top left;
}
... vous mettez un fond et une police spéciale à un de vos modules Texte Libre (il suffit de tester pour voir lequel...) Attention: background du module, ce n'est pas tout à fait pareil que background de .box-content ...
En effet, un background appliqué au module rendra toute la place dévolue au module, y compris les contours et parfois même au-delà, si vos bordures de module possèdent un attribut margin...
Pour appliquer une image de fond uniquement dans la boîte intérieure du module, celle qui est appelée .box-content dans le cas général, il faut créer une sous-classe de l'identifiant #Nom_du_module, qui référera au .box-content du module :
#Calendrier .box-content{
margin: 37px 28px 37px 28px;
background-attachement:fixed;
background-image:
url(http://idata.over-blog.com/0/05/85/46/images-manga/chobit.jpg)
}
... donne le résultat que vous pouvez voir dans le calendrier à droite (enfin, jusqu'à ce que je change d'avis...)
Puis, on peut finasser en créant une autre sous-classe de, par exemple #Leftpart, qui, cette fois, va faire référence au titre du module désigné :
#LeftPart h2 {
margin:15px 0px 15px 0px;
font-size: 12px;
text-align:right;
background:transparent url(http:gnagnaTitre.jpg) no-repeat scroll top left;
}
ce qui modifie le titre du-dit module ( h2 étant ici le sélecteur "titre" qui s'applique au sélecteur #LeftPart) et vous permet d'y placer une image à côté du titre et de "caler" celui-ci en fonction de cette image, sans affecter les autres modules ...
Osannah, Osannah .
C'est Bonheur !

Non ?
Commentaires
sugi
texte libre : #????????
Merci de me répondre dans mon livre d'or stp.
je lis ts tip's avec intérêts mais j'ai un p'tit problème : je voudrais modifier mon module catégorie, et tu dis qu'il faut modifier le mot-clé #catégorie.
mais je n'est pas ca dans mon css, est ce qu'il faut le créer ?
Merci
merci pour tes trucs et astuces ,ton blog est parfait[edit: au retour de mon hospitalisation je m'inscrirai à ta newletter
amitié
lionel (ton dévoué serviteur)
cet article m'a parmis d'affiner le design de mon blog^^
contunue comme ça PS: je me suis inscris à ta newsletter dès ma 2ème visite sur ton blog!!
merci
mais je suis pas douée, et je n'y arrive pas... peux tu m'aider ???
merci beaucoup...
J'ai mis un mot sur ton blog ;) Si c'est pas ca que tu voulais, dis-moi ...
Merci merci beaucoup... je te garde dans mes favoris pour te lire (très jouuuuuuli blog, tu es une pro) et pour t'appeler au secours !!!
;-)
merci encore merci !!!
Pour mettre des notes de musiques autour de tes moduless, il faut en faire une image qui servira de contour... voir: Changer les contours des modules.
Je me prosterne devant toi....
mes respects !!!!!
MERCI MERCI MERCI
à bientot...
Avec ta méthode j'ai personnalisé mon module texte libre contenant mon menu.
Comment faire pour changer la couleur des bords sur le côté et en bas seulement sur ce module ?
merci de ta réponse.
rmain
Déjà je voulais te dire que ton blog est vraiment super !! =)
Mais j'aimerais savoir comment fait-on pour changer juste le nom du module sans rien toucher aux couleurs forme etc....
Merci de répondre Bravo pour ton super travaille !! :)
salut Zoélie, je dois être vraiment neuneu car malgré tes explications très claires je n'arrive pas à faire ce que je veux ; peux-tu m'aider ?
- je veux dans un ou plusieurs de mes modules (par ex Archive) placer une image de fond (comme celle que j'ai mise en fond de mes comm) mais quand je le fais, elle couvre aussi le TITRE du module en question. En fait je voudrais garder le titre tel quel (avec le petit carré orange et le titre actuel) et n'avoir l'image qu'en dessous.
As-tu compris ce que je veux dire ?
Si tu as 5 mn pour m'expliquer, car j'imagine que tu dois être pas mal sollicitée.
merci
framboise
Sais tu comment supprimer le titre des modules et le remplacer par une image uniquement ?
Merci
.box-titre {display: none;} (pour supprimer les titres) et l'image en background de .box, avec background-position: top;
Pour mettre une image differente dans chaque module, il faudra la mettre dans l'identifiant correspondant au lieu de .box :
ex : #ArticleRecent {background: url(...) no-repeat top center ;}
..etc
Tres joli, ton blog, au passage ;)
bonjour
je ne sais plus à qui m'adresser... j'espère que tu pourras m'aider
j'ai neuf articles dans mon blog (site premium) et je voudrais que chacun d'eux puisse avoir une couleur différente. j'ai compris un certain nombre de choses dans la modification du css (avec l'outil de francisek entre autres) mais je ne sais comment me débrouiller avec #articleSeul quand je modifie un fond (#background-color), tous les articles sont touchés...
peux-tu me dire où est le problème ? ou me dire où trouver le renseignement....
merci d'avance
La solution est donc de definir a chaque fois le background dans le code source de chaque article :
Tu cliques sur le bouton Source dans l'editeur d'article -> ca te donne acces au code HTML pour cet article.
Au tout debut du code, tu rajoutes <div style="background : #ta_couleur_de_fond ou url(adresse_de_ton_image_de_fond) ; ">
et tout a la fin du code, tu fermes la balise de style par </div>
Voila, j'espere que ca t'aidera ;)
bonjour,
franchement?j'ai rien compris...:s je trouve pas du tout #rightpart dans mon css,ni quoi que ce soit.Pourrais tu m'aider?
Pourquoi over blog (puisque c'est un blog, et donc on devrait pouvoir l'utiliser facilement sans connaissances) n'installerai pas un système direct qui permettrai de changer les couleurs (ou inserer une image) des modules dans les options?ca faciliterai l'utilisation pour beaucoup je pense, et permettrai d'avoir un blog jolie et accessible pour tous.
Moi le css me dépasse complètement, et c'est pour ca que j'ai choisi d'utiliser le systeme de blog et non de site....mais voila je suis bloquée pour beaucoup de choses sur over-blog!
Merci de prendre le temps de faire des articles sur le css en tout cas!!!et tres beau site!
Merci de m'avoir lu!;-)
Amandine
Par contre, ce que tu demandes existe plus ou moins :D -> un outil pour visualiser les changements de couleur de texte et de fond, qui génère le CSS sans que tu aies à écrire une seule ligne de code, Francisek l'a fait (c'est là que j'ai fait mon design de base, d'ailleurs) : l'éditeur WYSIWIG de CSS pour Over-Blog, mais ça ne gère que les couleurs de textes et de backgournds, pas les images de fond. Cependant, c'est une très bonne base. Ensuite, pour avoir directement la bonne ligne à modifier pour faire des choses plus subtiles, tu as ce merveilleux outil ... Du coup, tu es en train de te dire que ça ne sert à rien de te taper mon dernier article ... et tu n'auras pas forcément tort ... mais c'est pour la beauté de la chose ;)
SALUT A TOI
tres beau travail sur ton blog !!!
j aurrais une question si tu veux bien :
comment s'appel le module W3C #??????????
Merci d avance
PS : j'ai mis ton lien sur mon blog
CHEMINO KAOS
(site web)
le: 20/01/2006 22:26:49 Merci pour le lien ;)
merci Zoelie c'est tout simple en faite lol !!!
mais tu vas rire à ton tour : je n'arrive pas à trouver dans mon CSS 
CHEMINO KAOS
(site web)
le: 21/01/2006 00:58:48 Ton commentaire prouve l'echec absolu de mon dernier article .... Je vais mettre en beaucoup,beaucoup plus gros que si tu trouves pas, ce n'est pas anormal (pour toutes les raisons citées dans l'article) et il n'y a qu'à l'ajouter .
-> Rajoute ce qui est en rouge :
#Recherche {
margin:15px 0px 15px 0px;
font-size: 12px;
text-align:right;
background:transparent url(http://idata.over-blog.com/0/25/28/24/rechercher.gif) no-repeat scroll left; }
#Newsletter {
margin:15px 0px 15px 0px;
font-size: 12px;
text-align:right;
background:transparent url(http://idata.over-blog.com/0/25/28/24/rechercher.gif) no-repeat scroll right; }
Ensuite, quand tu mettras la ligne pour le module Artticles Recents, fais bien attention a terminer la ligne par } !
domo arigatou gosaimasu!!! (n_n)
juste pour une petite accolade, de quoi rendre folle!!!
encore merci pour tes précieux conseils!! ton blog est vraiment super!!!!
Après avoir relu 40 fois ton article, je ne suis toujours pas arrivée à modifier le tite de mon cadre "texte libre". Pourrais-tu m'aider stp?
Merci d'avance :3
salut. Il y a un petit truc que tu ne traite pas dans tes article et qui me pose problème:
comment faire pour décaler sur le plan vertical le titre des modules???
merci!
bonjour zoelie cela fait un bout que j'essaie de transformer mon blog a mon image j'ai cherche dans la faq sur le forum de over blog et d'autres sites qui ont ete sité je ne sais combien de fois et la je commence avec ton blog et lorsque je vois ton blog je t'envie, donc peux tu m'aider
pour commencer j'aimerais mettre une image a coté de chaque titre de module differents ou dessus le titre
ensuite j'aimerais mettre un dessin a coté de ajouté un commentaire et commentaire ainsi que recommander puis j'aimerais faire les bulles que tu as sur ton site qui te sert de module si tu veux bien bien sur
pour le moment se sera tout car j'ai pas fini de visiter ton blog un grand merci meme si tu pouvais pas m'aider et merci de nous offrir un si magnifique blog qui est le tiens
ah oui comment fait tu pour que l'on differencie ton commentaire des autres du moins ta reponse car j'ai vu que tu a mis de la couleur et une photo pour differencier peux tu m'expliquer aussi merci et desolé pour ce long roman
Hello Zoélie tout d'abord ton blog et toute tes aides sont fantastique merci beaucoup ' c'est Marie odile qui ma dirigé vers Toi ,voila je suis vraiment novice je dirais même " nul " je comprend pas grd chose .. voila mon probleme j'aimerais faire des colonnes ds mon blog c'est a dire separer par un trait les modules de gauches texte libre :lien ,compteur ac mes articles et aussi a gauche ( tu comprend mon charabias lol ) en fin de compte j'aimerais que mon blog est 3 colonnes aie j'explique pas bien ... enfin un blog simple mais separer les modules de gauche et de droite ac mes textes lol
%erci d'essayer de me comprendre bisous
mon ami c'est trés merveilleux de vous ainsi aider les bloggeur novice comme moi mais mon ami j'ai peu de connaissance en informatique je comprend mais je ne sais comment my prendre et excuse ma franchise moi j'ai 40ans et il n'est jamais trop tard pour apprendre et avoir des prof comme toi.
comme on dit qu'elle est le plus beau cadeau que tu peut offrir à un ami . c'est une bonne idée qui l'aidera et enrichira ces connaissances et à la transmettre à d'autre et ton geste durera .
merci . ton site est vraiment riche et je t'en filicite .à bientot l'ami svp ne me fait pas trop attendre.
Bonjour Zoélie,
Tout d'abord quel merveilleux blog,..., respect.
Respect aussi pour tout tes conseils, cependant au premier abord tout ne me semble pas si simple...
J'aurais voulu modifier d'une part le fond uniquement de mes modules mais aussi les polices...voir changer les titres par des images...mais problèmes, donc pourrais tu m'èclairer MERCI D'AVANCE
Bonjour,
moi je n'y connais rien au CSS mais je souhaite apprendre, alors un peu d'indulgence par rapport à mes questions qui sembleront simples pour un initié. Je voudrais que mes modules commencent juste en dessous de la présentation alors qu'actuellement ils sont très en dessous (si tu regardes)
comment faut-il faire ?
Merci
J'ai bien compris ton article merci beaucoup je cherchais cette aide depuis longtemps ;-) !
J'ai quand même une petite question
J'aimerais savoir quelle taille ne peuvent dépassées mes images pour les modules ( je suis en confiance si ca change avec les autres offres ^^ )
Merci bien,
J'adore la déco et l'aide c'est vraiment gentil ;-)
(site web)
le: 17/05/2008 23:19:37 Trackbacks
Aucun trackback pour cet article













sugi