Titre des modules

Publié dans : Modifier l'écriture dans les modules - OB

Vous allez dans le CSS (comment?),

Pour centrer le titre, vous rajoutez

.box-titre h2 { text-align:center; }

Pour changer la couleur, vous rajoutez

.box-titre h2 {color:red; }

Pour le mettre en gras, vous rajoutez

Les titres des modules sont en gras a priori, c'est seulement dans le cas où vous auriez enlevé le gras

.box-titre h2 {font-weight:bold; }

Pour enlever le gras

.box-titre h2 {font-weight:normal; }

Pour le souligner

.box-titre h2 {text-decoration:underline; }

Pour enlever le soulignement

.box-titre h2 {text-decoration:none; }

Pour changer sa taille

Logiquement, il faut faire cette action :

.box-titre h2 {font-size: 20px; }

Dans les faits, rien à faire, aucun résultat. Si vous voulez en connaître la raison : voir l'article.

Le plus simpte et de changer changez la taille des titres un par un, par module.

Pour le mettre en italique

.box-titre h2 {font-style:italic; }

Pour changer la police

.box-titre h2 {font-family: Comic Sans MS;}

Voir les 26 commentaires - Ecrire un commentaire
Recommander

Précédent : Corriger son CSS Retour à l'accueil Suivant : Mettre de l'opacité dans un seul article

Commentaires

Bonjour,

garde moi tout ça au chaud, là j'ai dû mal à assimiler, il me faut du temps. bonne journée

Commentaire n° 1 posté par stella le 08/11/2006 à 12h54

Ca va venir Stella :)

Réponse de Anna K le 08/11/2006 à 13h32

Bonjour,

merci pour ton article qui m'a beaucoup aidé. Par contre, je ne vois pas ou changer la taille de la police pour chaque module. Peux-tu me l'expliquer?

Commentaire n° 2 posté par MDO le 09/11/2006 à 09h06

Bonjour MDO, pour la taille des titres des modules, il faut donc changer au cas par cas. dans cette page : http://annak.over-blog.com/article-3250686.html tu cliques sur tous les titres en rouge en face des saisies d'écran des modules qui t'intéressent et tu tomberas sur les explications :)

Réponse de Anna K le 09/11/2006 à 09h29

Merci de ton aide. C'est ok maintenant.

Bonne continuation

Commentaire n° 3 posté par MDO le 09/11/2006 à 11h11

Salut annak!

Je voulais savoir comment faire pour changer un titre dans les modules (j'aime pas trop les titres standards).

Sinon j'espère que tes vacances au Maroc se sont bien passées.

Meilleurs voeux à toi.Cléo.

Commentaire n° 4 posté par cléo le 04/01/2007 à 15h36

Bonjour Cléo, pour changer le titre dans les modules, il suffit de

Cliquer sur modules dans la barre de Menu

Cliquer sur le nom de ce module

Renommer le module : 17 caractères au maximum

Valider, c'est bon.

Réponse de Anna K le 06/01/2007 à 10h55

Un grand merci annak pour toutes ces ficelles! je vais les étudier petit à petit car le temps me manque!! alors ce sera un peu chaque jour!! Merci
bisous

Commentaire n° 5 posté par marieodile le 16/01/2007 à 15h42

Bonjour Marie-Odile :) Bienvenue

Réponse de Anna K le 16/01/2007 à 19h20

Dis moi Anna K, Dans la V1 je ne trouve pas la rubrique box-titre H2, j'aimerais changer la police, changer la couleur et centrer tous les titres, comment fais-je ? Merci, merci Mélusine

Commentaire n° 6 posté par Mélusine le 26/02/2007 à 20h35

Bonjour Mélusine :) tu utilises la ligne

Réponse de Anna K le 27/02/2007 à 06h25

Bonsoir Anna K, Excuses moi de revenir, mais je n'ai pas bine saisi ta réponse, tu pourrais être un peu plus explicite, je veux dire , quand tu me dis "utilises la ligne" tu parles de laquelle ? Merci à toi, Mélusine

Commentaire n° 7 posté par Mélusine le 28/02/2007 à 18h29

Désolée Mélusine, il y a un bout qui a disparu (bug) .

Pour les titres des modules, en V1, tu utilises la ligne

.box h2

Elle existe déjà dans le CSS, il suffit de la compléter

Réponse de Anna K le 28/02/2007 à 19h49

rebonjour, encore moi....que ferais.je sans ton aide?!! J'aimerai mettre une pte image aussi dans le titre du mod. article recent (comme dans le mod. categ.) comment je peux faire,svp? un grand merci d'avance, bisou

Commentaire n° 8 posté par lory le 01/03/2007 à 13h09

Lory :) tu l'as mets en background dans

#ArticleRecent h2

en V1

Réponse de Anna K le 01/03/2007 à 19h40

Bonjour Anna K, J'avais déjà écrit ce message mais je ne le retrouve plus !! Comment enlever les petits triangles blancs dans chaque titre de mes modules ? Merci à toi, Mélusine,

Commentaire n° 9 posté par Mélusine le 08/03/2007 à 09h00

Bonjour Mélusine :) je suppose qu'il reste dans ton CSS, un background au niveau d'une ligne commençant pas .box, efface le

Réponse de Anna K le 08/03/2007 à 11h20

Bonsoir Anna ! J'ai fait migrer mon CSS en V2 mais je n'ai plus du tout les mêmes infos qu'avant. Alors je n'y comprends rien.
Je voudrais diminuer la taille des titres des modules et des titres des articles. La largeur des colonnes des modules ne me convient pas (elle est trop large) et elle n'arrive plus au bord droit. Peux-tu regarder et me dire ce que je dois faire. Merci !

Commentaire n° 10 posté par Marilou

le 04/07/2007 à 20h43

Bonjour Anna ! J'ai repris la feuille "funky" au lieu de "nacre". Alors pour la largeur ça va. Mais j'ai toute les grandeurs de police possibles. J'aimerais les harmoniser au moins en small, entre les titres d'articles, de modules et la date. A bientôt !

Commentaire n° 11 posté par Marilou le 05/07/2007 à 16h05

Bonjour Anna K.
Petite quesion : je suis en V2 et je ne trouve pas la ligne "box-titre h2". J'ai "box-titre" mais pas avec le h2. j'ai essayé dans cette ligne ainsi que dans la ligne "box-content", des fois que (et oui, on est débutant ou on l'est pas) mais ça ne fait rien.
Fat il que je rajoute la ligne "box titre 2" ? Ou est ce que je fais mal dans "box-titre".

PS : A quoi corresponden les deux lignes que j'ai tenté de modifier ?

Merci beaucoup et bonne journée

Commentaire n° 12 posté par Gnette le 12/10/2007 à 11h57

Gnette :) quand une ligne n'existe pas dans ton CSS, tu la rajoute.

Box-titre et box-titre h2 ne sont pas tout à fait la même chose, mais pas très éloigné et box-content=le contenu du module

Réponse de Anna K le 13/10/2007 à 13h22

Merci pour tes précieux conseils AnnaK.

Commentaire n° 13 posté par Gnette le 13/10/2007 à 13h50

encore moi ! je voudrais changer la couleur de 2 titres de modules
voici le code couleur #339966, les titres des modules sont des textes libres (aventures de labradors et remerciement). là si j'ai bien compris on change la couleur de tous les titres de modules.merci pour ton aide

Commentaire n° 14 posté par houba le 02/02/2008 à 21h45

Je passe

Réponse de Anna K le 03/02/2008 à 07h27

encore moi ! pour le titre du module texte libre j'ai crée (à la fin de mon css global) ce que tu m'as dit dans mon css gobale mais ça reste blanc, mes modules textes libres tu les voies en pages d'accueil :concours meilleurs blog, en article , en haut :gif lab+voici l'histoire...titres du modules:aventure de labrador et en bas bande défilentes :remerciement (mais ces vrais celui là au dessus de la bande n'apparait pas et idem dans mes pages.
pour les titres des pages (ex humour labrador) j'ai aussi rajouté en css globale :h2{color:black;} ça marche pas non plus. si je les veux du même vert je rajoute h2{color:#339966;} ? j'ai essayé ça marche pas non plus.snif!
dois je les mettre ailleurs dans mon css ? où je suis vraiment trop nul???
je voudrais aussi rajouté un gif à côté du titre de mes pages (humour, suis je célèbre etc... voici l'adresse de l'image : http://www.fond-ecran-image.com/gif_anime_webmaster/nouveau_new_02/nouveau_22.gif
là j'ai très peur car là dernière fois que j'ai rajouté une adresse url dans mon css j'ai tout cassé!!!heureusement bakemono m'a sauvé.
merci pour tes réponses !!!

Commentaire n° 15 posté par houba le 03/02/2008 à 17h53

Je passe

Réponse de Anna K le 03/02/2008 à 18h50

encore moi ! franchement j'y arrive pas !je t'envoie la copie de mon css global que j'ai essayé de modifié

body {margin:0px;padding:0px;background-color:#4B5E13;font-family: Verdana, Helvetica, Arial, sans-serif;font-size:x-small;}BODY{ cursor:url(http://perso.wanadoo.fr/chezsavane/curseur/sable01.ani),auto;}

a {text-decoration:underline;color:#B2D940;font-size:110%;}
a:hover {text-decoration:none;color:#839614}

#top {padding:5px; background-color:#99CC00;color:#FFF; border:1px solid #99CC00;}

#footer {margin-top:10px;background-color:#FFF;position:relative;border:0px none;}

.box {background-color:transparent;position:relative;margin:0px;padding:0px;margin-bottom:10px;}

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

.box-content {overflow:auto;padding:2px 5px;color:#000000;overflow:hidden;}

.box-content
{list-style:square;color:#000000;margin:5px;padding:0px;overflow:hidden;}

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

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

.date {margin-right:10px;}

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

.commentMessage {padding:5px;border:1px dotted #000000;background-color:#99CC00;margin:0px;}

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

.pagination {color:#000000; margin:10px auto;}

#cl_1_1 {margin:auto 5px;}

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

.beforePage {padding:0px 0px 5px 0px;margin:0px;width:100%;}

.divPageTitle h2{color:black}{text-decoration:none;text-decoration:none;background:url(http://www.fond-ecran-image.com/gif_anime_webmaster/nouveau_new_02/nouveau_22.gif) left no-repeat;padding-left:100px;}
#articleAccueil.divTitreArticle h2{color:#339966;}
/*--------------- Module Texte Libre------------------ */
.text.box-titreh2{color:#339966;}

je récapitule : texte libre de mes modules : concours anna k. (partie accueil)
aventures de labradors (article et pages) +remerciements-en bas normalement au dessus du défilement utah et chanel vous remercient ....c'est lui qu'on voit pas ????(dans les 3parties accueil,article,pages) en noir.
titre de mes pages dans les 3parties (acc,art et pages)humour,pourquoi,suis je célèbre etc...en vert(339966)
et le gif le seul qui a marché je le veux pas là!!!mais bon il peut rester là
Mais je le veux auusi à côté du titre de mes pages (dans les 3 parties)
ex : humour de labrador je le veux à la place de ***news***bon
et la dernière chose dans mes pages là ou gif news clignote les titres sont en blanc je les veux en vert (339966)
désolé d'être aussi neuneu,peut être que je suis pas claire dans mes explications ou je comprend vraiment rien ce qui est le cas je change des choses que je ne comprend pas dans le css!!!
bonne nuit à demain

Commentaire n° 16 posté par houba le 03/02/2008 à 22h01

J'ai un petit souci... je n'arrive pas à modifier la couleur du titre de mes modules. c'est embêtant car blanc sur fond clair ça ne se voit pas... voilà le code copier dans mon CSS : ******************************************************************* body {margin:0px; padding:0px;font-family: Helvetica,Verdana, Arial, sans-serif; font-size:small;background:url(http://www.casimages.com/img/070324063048414414.gif); background-attachment:fixed;background-repeat:repeat-y;background-position:center ;background-color:#B35A66; } #global {background:none;cursor:URL(http://www.archive-host2.com/membres/up/1404915275/papillon.cur), default; } a {text-decoration:none; color:#5A5A42; font-size:110%;} a:hover {text-decoration:underline; color:#5A5A42;} #ln_0{background:none;} #top h1 {padding:0px; margin:0px;} #top {margin:0px; padding:0px; border:0px none;background:none;} #footer {margin-top:10px; position:relative; color:#5A5A42; background-color:transparent;} #footer p {margin:0px; padding: 10px;} #cl_1_1 {margin:0px; padding:5px; float:right;} .beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#5A5A42;} .article {margin-top:0px; padding:0px; margin-bottom:5px;color:#5A5A42;text-align:justify;border: 1px solid #B35A66;} .date {text-align:center;} .titreArticle {text-decoration:none;color:#B35A66;} .titreArticle:hover {text-decoration:underline; color:#B35A66;} .divTitreArticle{text-align:center;} .afterArticle {color:#5A5A42;} .topic a { color:#5A5A42; } .box { margin:0px; padding:0px; margin-bottom:10px;border: 1px solid #B35A66; } .box-titre h2 {color:#4A1A2C; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;} .box-titre {padding:0px; text-align:center; color:#4A1A2C} .box-content {overflow:auto; padding:2px 5px; color:#5A5A42;} .box-content li {color:#000;} .newsletter .box-content {color:#5A5A42;} .calendarTop1 {color:#5A5A42;} .calendarHeader1 {color: #5A5A42;} .calendarToday1 {color:#5A5A42;border: 1px solid #B35A66; } .commentMessage {padding:5px; border:1px solid #B35A66; margin:0px;background-color:#DFBDC2;color:#747065;} .responseMessage {padding:5px; border:1px solid #5A5A42; margin:0px;background-color:#D1D1B1;color:#5A5A42;} .commentOption {text-align:right; font-size:90%; color:#747065; margin-bottom:10px;} .h2commentMessage {color:#747065; } #formComment {background-color:transparent;border:2px solid #B35A66; } #divRecommander { background-color:transparent; border:2px solid #B35A66; } #divNewsletter { background-color:transparent; border:2px solid #B35A66; } ************************************************************************ voyez vous une erreur quelconque ? merci de m'aider...

Commentaire n° 17 posté par Christelle le 09/09/2008 à 15h03

Rajoute
#articleAccueil .divTitreArticle h2 {color:red;}

Réponse de Anna K le 12/09/2008 à 16h24

mystère de l'informatique... ce matin ça marche ! en ouvrant mon blog tout apparait nickel chrome !!! je dois vous dire merci pour toutes ces explications claires qui m'ont permise d'y arriver ! je dois dire que je suis pas peu fière ! Merci encore !

Commentaire n° 18 posté par Christelle le 10/09/2008 à 06h52

Bonjour AnnaK Je suis en train de refaire la totalité de mon blog. J'ai un soucis pour enlever les puces situées dans le titre des modules.

Commentaire n° 19 posté par Aurozia le 15/10/2008 à 15h06

Bonjour AnnaK Je suis en train de refaire la totalité de mon blog. J'ai un soucis pour enlever les puces situées dans le titre des modules. Peux-tu m'aider s'il te plait ? J'avais mis quelque chose comme h2 li{list decoration :none;} un truc dans le genre mais rien ne fonctionne. Merci d'avance

Commentaire n° 20 posté par Aurozia le 15/10/2008 à 15h13

Je passe voir ça sur ton blog :) je t'y réponds

Réponse de Anna K le 16/10/2008 à 15h46

Bonjour AnnaK je te remercie pour ton aide pour les puces mais je vais encore avoir besoin de tes lumières. J'ai un problème avec mon "menu". J'ai mis tous les modules du côté droit mais quand je publie un nouvel article ou quand je vais voir un ancien, j'ai mon ancien menu qui revient et tout bascule à droite. Etant donné que je vais refaire tous mes articles, c'est un peu embêtant d'avoir les anciens. Peux-tu m'aider encore une fois, s'il te plait AnnaK ?

Commentaire n° 21 posté par Aurozia le 19/10/2008 à 19h02

Je passe voir sur ton blog

Réponse de Anna K le 23/10/2008 à 10h37

BOnsoir j'ai un gros probléme je n'ai pas sauvegarder mon css et suis perdue.....hier j'ai fait une mauvais manip et mon blog ne ressemble plus a rien........j'esplique je souhaite garder le fond noir et enlever les encadrements des modules et aussi la couleur bleu actu on ne voit plus rien...... Si tu pouvais m'aider car la j'ai peur de faire n'importe quoi dans le css Merci beaucoup Luna

Commentaire n° 22 posté par luna le 21/11/2008 à 21h09

Hello Anna, je viens de découvrir ton blog aide-blog que je trouve super utile, je viens pour faire un truc et souvent je m'embarque dans autre chose en voyant d'autres liens interessants lol ... BREF Je n'arrive pas a changer la couleur des titres de mes modules, j'ai pourtant mis cette ligne : .box-titre h2 {color: #ffaaee;} un peu partout, dans le CSS global, accueil, mais rien change je pige pas pourquoi ... (je suis en V2)

Commentaire n° 23 posté par Jenifael le 30/12/2008 à 19h59

bonjour annak,
pendant un bon moment, mon blog marchait assez bien,ou j'arrivais à me debrouiller, mais ces temps si, il y a que des soucis!(et ce n'est pas avec une grande gentilesse que le forum d'aide...aide!)
Enfait, tout est désordonné!les texte libres ont disparus , le titre aussi, la couleur des modules, et même le fond qui fait de cadre entre les deux parties.
Je pensais que c'était un souci d'accolades (au moins pour la couleur jaune du titre des modules), mais là...tout me dépasse!
Si,et quand tu peux, il serais vraiment super gentil de me donner un conseil.
mais fait avec calme...c'est tellement embrouillé!!
merci infinimment!
cordialement,lory

Commentaire n° 24 posté par lory le 12/05/2009 à 11h16

Bonjour Anna,tout d'abord merci car grace à toi j'ai su réaliser des changements,le problème est que je copie le code pour changer la couleur des module et à faire.Comment faire Merci d'avance

Commentaire n° 25 posté par sophie le 28/05/2009 à 18h40

Encore moi j'ai beau copier le code et rien à faire de l'aide SVP.

Commentaire n° 26 posté par sophie le 29/05/2009 à 14h59