Encadrements, Bordures et lignes - Over-Blog

Ce sommaire n'est sans doute pas le 1er que vous regardez : que peut-on trouver d'intéressant à un tableau. En fait, un blog n'est qu'une suite de tableaux encastrés les uns dans les autres et vous allez vous rendre compte que pour faire une mise en page équilibrée, vous y aurez souvent recours.

ENCADREMENTS ET BORDURES
		Les bordures - Généralités
		Encadrer toute la page
		Encadrer l'entête
	Les articles
		Encadrer la date
		Encadrer tous les articles
		Elargir l'encadrement de tous les articles
		Encadrer avec une texture tous les articles
		Réaliser un encadrement simple avec texture d'un article
		Réaliser un encadrement double avec texture d'un article
		Réaliser un encadrement simple avec couleur d'un article
		Réaliser un encadrement double avec couleur d'un article
		Encadrer le titre de tous les articles
		Modifier l'encadrement de tous les encarts
		Encadrer les lignes en fin d'articles
		Encadrer tous les commentaires
		Encadrer les résumés d'article(liste récapitulative)
		Encadrer le titre de la page des CGU
		Encadrer l'article des CGU
		Encadrer le titre dans la page de recherche
	Les modules
		Encadrer tous les modules
		Encadrer les entêtes de tous les modules
		Réaliser l'encadrement de tous les modules avec une texture
	Les fenêtres
		Encadrer le contenu de la fenêtre Newsletter
		Encadrer le contenu de la fenêtre Commentaires
		Encadrer le contenu de la fenêtre Recommander
	Images
		Encadrer toutes les images avec une bordure
		Encadrer toutes les images avec une texture
	Effets avec la souris
		Encadrer tous les liens au passage de la souris
LIGNES
	Le séparateur
		Modifier tous les séparateurs
	Dans tout le blog
		Modifier la ligne entre l'entête le le corps
		Modifier la ligne en haut du pied-de-page
		Modifier les 2 lignes de chaque côté de la colonne centrale
	Les articles
		Insérer des lignes importées dans les articles
		Modifier la ligne entre le titre de l'article et la date
		Remplacer la ligne entre la date et l'article par une image
		Modifier la ligne en pointillé au-dessus de "publié par" en fin d'article
		Modifier la ligne de séparation dans les résumés d'articles

Comments

[QG]

Merci Anna K pour toutes ces astuces, ton blog est vraiment complet lorsqu'on débute, c'est génial...;-)

[zazou]

Ca marche très bien. Merci.

[zazou]

Coucou AnnaPour encadre toutes les images, j'ai compris.Mais comment faire pour encadrer uniquement les images des articles.

[Anna K]

Bonjour Zazou :)
pour les images des articles, il faut rajouter dans le CSS
.article img {border:1px solid #ff0000;}
avec le type de bordure voulu

[zazou]

Tout ça m'a bien servi. Merci.

[camomille]

#cl_1_1 { background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/264/default/article/common/pics/article_background.gif); background-position: middle center; padding:0px;                 }Voilà la ligne que tu m'a demandé de modifier en dimunant la largeur, impossible en rajoutant ce que tu a mis sur ton post tout disparaît... C'est sans doute la configuration Ethnic qui veut ça.. Mais pas grave je m'en suis tellement vue pour repartir de O que j'apprécie ce que j'ai pu faire.... Tu sais je suis une mamie... Je fais ce que je peux avec mes moyens et pour améliorer le tout je suis blonde.... rire ! Merci Annak tu es un ange et très douée en CSS ; Je voudrai mettre ton petit lien mais plus de place si je rajoute quelque chose la texture est trop courte !  Je te fais une bise, d'une mamie bien ennuyeuse !