Exemples de décoration thème printemps
Exemple de pages décorées Catégorie 1.html
Actuellement en test, uniquement la catégorie 1 avec 3 articles pour bien voir la possibilité de décoration de ce modèle avec le CSS. Pour personnaliser vos pages, mettez vos images dans le CSS ci-dessous et rajoutez le à votre feuille de style.
Décoration Printemps en ajoutant la feuille de style complémentaire
/* Regles modifie ou rajoute pour decoration */
/* MG-06 Theme Printemps symphonique 2011 */
/* -------------------------------------------------------- */
#header{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228336_201104053202412.gif);
background-repeat : no-repeat;
background-position : 100% 0%;
width : 860px; }
/* cet espace en principe vide, utiliser pour repousser la partie bas */
/* contient ici un fond image */
.spacer{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228324_201104051613276.gif);
background-repeat : no-repeat;
background-position : top center;
height: 100px;
margin-top: 10px;
margin-bottom: 10px;
clear : both;
}
/* decoration de bloc modules */
#menu_articles{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228332_201104053005913.gif);
background-repeat : no-repeat;
background-position : top center;
padding-top: 100px;
}
#menu_photos{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228333_201104053037608.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 110px;
}
#menu_newsletter{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228339_201104053247588.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 120px;
}
#menu_sondage{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228337_201104053216962.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 110px;
} #menu_stats{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228338_201104053232284.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 180px;
}
/* mettre des lignes de separationrations avec fond image */
.tiny hr, #content hr {
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228334_201104053055609.gif);
background-repeat : no-repeat;
background-position : top center;
height: 50px;
margin: 20px;
padding: 0px;
border: none;
}
/* MG-06 Theme Printemps symphonique 2011 */
/* -------------------------------------------------------- */
#header{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228336_201104053202412.gif);
background-repeat : no-repeat;
background-position : 100% 0%;
width : 860px; }
/* cet espace en principe vide, utiliser pour repousser la partie bas */
/* contient ici un fond image */
.spacer{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228324_201104051613276.gif);
background-repeat : no-repeat;
background-position : top center;
height: 100px;
margin-top: 10px;
margin-bottom: 10px;
clear : both;
}
/* decoration de bloc modules */
#menu_articles{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228332_201104053005913.gif);
background-repeat : no-repeat;
background-position : top center;
padding-top: 100px;
}
#menu_photos{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228333_201104053037608.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 110px;
}
#menu_newsletter{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228339_201104053247588.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 120px;
}
#menu_sondage{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228337_201104053216962.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 110px;
} #menu_stats{
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228338_201104053232284.gif);
background-repeat : no-repeat;
background-position : top center;
margin-top: 20px;
padding-top: 180px;
}
/* mettre des lignes de separationrations avec fond image */
.tiny hr, #content hr {
background : #;
background-image : url(https://static.blog4ever.com/2010/08/431181/artfichier_431181_228334_201104053055609.gif);
background-repeat : no-repeat;
background-position : top center;
height: 50px;
margin: 20px;
padding: 0px;
border: none;
}