Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
15 janvier 2009 4 15 /01 /janvier /2009 00:53

Ainsi :



On commence par la date.

Vous allez dans le CSS et vous complétez la ligne

.date     { width:10%; color: #d8e2ec;text-align:center;font-size: 9pt;font-weight:bold; background-color:#3c4157;margin-left:10px;border:1px solid #d8e2ec;margin-bottom:-50px; }


width:10% : la largeur du pavé date
color: #d8e2ec; : la couleur de l'écriture
text-align:center : le centrage dans le pavé
font-size: 9pt : la taille de la police
font-weight:bold : la police est en gras
background-color:#3c4157; : la couleur de fond du pavé
margin-left:10px; : la marge pour que le pavé ne soit pas collé à gauche
border:1px solid #d8e2ec : l'encadrement du pavé
margin-bottom:-50px; on abaisse le pavé pour qu'il se place devant le titre de l'article

On s'occupe maintenant du titre

Toujours dans le CSS, vous rajoutez ou complétez cette ligne


.divTitreArticle h2 { border:2px solid #000033; background-color:#3c4157;width:85%;margin-left:15%; }


border:2px solid #000033 : l'encadrement du titre
background-color:#3c4157 : le fond du titre
width:85% : la largeur du titre. Pour la calculer : 100% (largeur totale de l'article) - 10 % (largeur de la date) - 5% marge entre la date et l'article
margin-left:15%; : marge à gauche du titre. Pour la calculer : 100% (largeur totale de l'article) - 85% (largeur du titre)

Partager cet article

Repost 0
Published by Anna K - dans Archives
commenter cet article

commentaires

Koulou (flegroll) 17/11/2008 13:57

Raaah ! J'y arriverai jamaiiiis ! c'est top compliqué pour moi le CSSsssssss ! snif snif ! prtant je referai bien mon design...

et bizz aussi en passant hop !

stella:0040: 17/11/2008 07:19

Bonjour Anna,
Je suis de retour après plus de 2 semaines d'absence forcée.
Je pense que tu as du revenir de vacances et espère qu'elles ont été bonnes.
Je tenais à te faire ce petit coucou, à toi, la femme tolérante et serviable que tu es.
Bisous Anna