Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :
Publié dans : Design et Mise en page - OB
Ainsi :
On commence par la date.
Vous allez dans le CSS et vous complétez la ligne
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
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)
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)
Présentation
: Les ficelles d Anna K.
: 26/06/2006
: Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur
Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de
design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer
de la musique, des gadgets, des compteurs, des astuces de référencement...
: 26/06/2006
: Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur
Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de
design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer
de la musique, des gadgets, des compteurs, des astuces de référencement...
Recherche Rapide Sur le Site
Sommaires
Sommaires Pour les Blogs OverBlog
- Premiers pas en V2
- Gestion quotidienne
- Ecritures dans les modules
- Ecritures dans les articles et pages
- Ecritures dans les fenêtres et albums photos
- Modifier les Fonds
- Placer des images
- Ajouter, déplacer ou masquer
- Design complet et Idées de Mise en page
- Aspect des Ascenseurs, Puces et Curseurs
- Cadres,lignes et bordures
- Effets d'Ecriture et de Texte
- Effets d'images et Diaporamas
- Créer et transformer des Images
- Placer des documents
- Musique, son, vidéo et télé
- Cadres, tableaux, lignes
- Liens, listes et menus
- Interactivité et gadgets
- Indicateurs,compteurs et Protection
- référencement, communautés et flux RSS
Dernières Astuces
- Fonction Lire la suite
- Espacer les lettres des mots dans un article
- Espacer les lettres de tous les mots de votre blog
- Souligner un mot ou une phrase en pointillé
- Changer plusieurs fois la couleur des liens au survol de la souris - Privilège
- Créer des infobulles avec Prototip - Privilège
- Créer un pop up avec message
- Changer un texte au passage de la souris
- Créer des textes animés en flash
- Créer votre signature manuscrite
Publicité
Coin Films
Coin Jeux Vidéos
Coin Loisirs Exterieurs
| Articles les plus populaires | L'Univers des Ficelles |
|
|
Commentaires