Nouveautés d'over-blog

Publié le 22 avril 2005 par yann mad

Exemple de CSS

/*------------------- Articles ----------------------------------*/
.article { margin-top:0px; padding:0px; border-bottom:1px dotted #808080; }
.article p { padding:0px 0px 5px 5px; margin:0px; }
.Date { width:100%; margin-right:10px;}
.Option { padding:5px 0px 0px 0px; margin:0px 0px 20px 0px; border-top:1px dotted #808080; width:100%; text-align:right; font-size:85%;}
.categorieArticle {} /*categorie de l'article*/
.categorieArticle a {text-transform:lowercase;}
.barreHautArticle {padding:0px 0px 5px 0px; margin:0px; border-bottom:1px solid #808080; width:100%; }
.listArticles { margin-top:0px; margin-bottom:10px; border:1px solid #666666; background-color:#FFFFFF;}
.resumeArticle { background-color:#F9F8FA; border-top:1px solid #F4F4F4;}

.titreArticle{text-decoration:none;}
.titreArticle:hover {text-decoration:none;}

#articleSeul {} /*style d'un article lors de l'affichage de l'article ou de ses commentaires/trackbacks*/

/*--------------------Commentaires---------------------------- */
.h2commentMessage {color:#3366CC;}
.comment { }
.comment hr { }
.linkcomment {font-size:130%; color:#0099CC;}

.commentMessage { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}
.commentOption {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}

#formComment label { width:70px; }
#formComment input { }
#formComment textarea{ }

/*-------------------trackback----------------------------------*/
#addTrackback { border:1px dotted #999999; padding:5px;}
.affTrackback { padding:5px; border:1px dotted #999999; margin-bottom:10px;}
.affTrackback h2 {}
.linkTrackback {font-size:130%; }
.h2Trackback {color:#3366CC;}

/*-------------------Recommander--------------------------------*/
#divRecommander {}
#divRecommander span {font-size:larger;}
#divRecommander legend {font-size:larger;}
#divRecommander fieldset {padding:3px; margin:5px;}

/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:12pt;}

/*------------------------Divers-----------------------------*/
.cleaner {clear:both;}

/*-------------------------------Accueil album------------------------*/

#centreAccAlbum{}
.AccAlbum{ text-align:center;}
.thumbAccAlbum { display:inline; margin:5px;}
.thumbAccAlbumimg { padding:5px 0px;}

/*-----------------------Album photo--------------------------*/
#bodyAlbum{ background-color:#FFFFFF;}
.topAlbum{}#generalAbum{width:100%;}.h2Album { text-align:center; font-size:12pt; } /*en tete de l'album placee en haut de la fenetre, meme que celle du blog*/
#enteteAlbum{ width:100%; border-bottom:1px solid #222222; font-size:130%;}
#enteteAlbum a {}
#enteteAlbum a:hover {}
.nomPhotoAlbum { font-size:large;}.lienAlbum {text-decoration:none;}
.lienAlbum:hover{text-decoration:underline;}
/*navigation rapide precedent suivant retour*/
.quickNavAlbum{margin:0px; padding:0px; border:1px groove #666666; width:100%; text-align:center;}
.quickNavAlbum a {text-decoration:none;}
.quickNavAlbum a:hover {text-decoration:underline;}
.precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;}
.retourAlbum{ position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em;}
.suivAlbum{ float:right; text-decoration:none; position:relative; padding:0px; margin:0px;} /*miniatures de l'album*/
#centrethumbsAlbum{ }
.thumbsAlbum {padding:2px; width:550px; margin-right:auto; margin-left:auto;}
.thumbAlbum { display:inline; margin:3px;}
.thumbAlbum img {} /*miniature de la photo courante*/
.thumbCouranteAlbum { display:inline; margin:3 px;}/*miniature de la photo courante*/
.thumbCouranteAlbum img { }.topLienAlbum{text-decoration:none;}
.topLienAlbum:hover{}#photo{ text-align:center; }
#photo img {margin: 0px auto; }
.nomPhotoAlbum{ text-align:center;}

#piedAlbum{ width:100%; text-align:center; margin-top:5px;}

Nouveauté
Modification

Modifications apportées:
Les articles font maintenant partie de la classe album et ont un id différent ainsi le premier article d'une page aura l'id article1 le deuxième article2 etc.
Chaque article aura un lien direct vers sa catégorie.
Les albums photos seront entierement personnaliable et un nouveau systême de navigation est en place.
Possibilité de mettre un style sur les trackbacks, les commentaires, et la recommandation.
Beaucoup beaucoup d'autres choses