Feuille de style modèle graphique N°12
/* Code réalisé par moejul le 29/04/2006 pour Kits-Gratuits.net
Design réalisé par Thoy
SI VOUS RENCONTREZ UN QUELCONQUE PROBLEME DANS LE DESIGN, CONTACTEZ MOEJUL (m.julien@skynet.be).
___________________________________________________________________________*/
/* Eléments globaux */
body { /* Eléments globaux */
width: 725px;
margin: 0 auto;
background-color: #F2F2F2;
font-family: Verdana, Arial, Serif, Times;
color: #3D3D3B;
font-size: 0.8em;
}
img {
border: 0; /* Sert à éviter un bug lorsqu'un lien est situé sur une image */
}
/* Eléments globaux des liens */
a { /* Liens "normaux" */
color: #6F6F6F;
text-decoration: none;
}
#menugauche a, #accessibilite a { /* Liens du menu et de l'accessibilité */
color: #FFF;
}
#footer a { /* Lien du copyright */
color: #FFF;
text-decoration: underline;
}
a:hover { /* Liens au survol */
color: #1FB8C0;
text-decoration: underline;
}
/* Extensibilité verticale */
#global {
width: 725px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/extensible.jpg") repeat-y;
float: left;
}
/* Header */
#header { /* Insertion du header */
width: 725px;
height: 130px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/header.jpg") no-repeat;
}
#header h2 { /* Slogan du site */
font-size: 1.3em;
color: #545253;
margin: 20px 0 0 325px;
font-weight: normal;
}
#accessibilite { /* Liens pour accéder au menu et au contenu rapidement */
color: #FFF;
margin: 0;
padding: 5px;
}
/* Menu de gauche */
#menugauche { /* Placement et éléments globaux du menu */
width: 150px;
float: left;
color: #FFF;
background-color: #454545;
padding:5px;
border: 1px solid #A1A1A1;
margin-left:5px;
}
#menugauche h2 { /* Titre du menu */
color: #A1A1A1;
font-size:15px;
border-bottom:1px solid #A1A1A1;
}
#menugauche ul { /* Placement des liens (dans le menu) + éléments globaux des liens */
list-style-type: none;
margin:0;
padding:0;
}
#menugauche ul li { /* Placement des liens (espacement entre eux et espacement contenu) */
/*margin: 5px 5px 5px 0;*/
margin:0;
padding:0;
}
.menuhaut a{ /* Placement des liens (espacement entre eux et espacement contenu) */
color: white;
}
#menugauchebas { /* Bords arrondis du bas du menu */
}
/* Contenu */
#contenu { /* Placement du contenu */
width: 525px;
margin-left:15px;
float: left;
}
#contenu h3 { /* Titres */
width: 525px;
height: 18px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/contenutitre.jpg") no-repeat;
margin: 10px 0 10px 0;
text-indent: 10px;
line-height: 18px;
font-size: 1.2em;
color: #1FB8C0;
}
#contenu p { /* Texte */
width: 525px;
border-left: 4px solid #4E4C4D;
margin: 0;
padding: 5px 0 5px 5px;
}
#contenuseparation {
width: 510px;
height: 24px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/contenuseparation.jpg") no-repeat;
margin: 10px auto;
}
#contenu ul {
margin-left:20px;
}
/* Footer, copyright */
#footer { /* Copyright */
width: 172px;
height: 22px;
background-color: #4B4B4B;
color: #FFF;
text-align: center;
font-size: 0.8em;
line-height: 22px;
margin: 0;
float: left;
}
Design réalisé par Thoy
SI VOUS RENCONTREZ UN QUELCONQUE PROBLEME DANS LE DESIGN, CONTACTEZ MOEJUL (m.julien@skynet.be).
___________________________________________________________________________*/
/* Eléments globaux */
body { /* Eléments globaux */
width: 725px;
margin: 0 auto;
background-color: #F2F2F2;
font-family: Verdana, Arial, Serif, Times;
color: #3D3D3B;
font-size: 0.8em;
}
img {
border: 0; /* Sert à éviter un bug lorsqu'un lien est situé sur une image */
}
/* Eléments globaux des liens */
a { /* Liens "normaux" */
color: #6F6F6F;
text-decoration: none;
}
#menugauche a, #accessibilite a { /* Liens du menu et de l'accessibilité */
color: #FFF;
}
#footer a { /* Lien du copyright */
color: #FFF;
text-decoration: underline;
}
a:hover { /* Liens au survol */
color: #1FB8C0;
text-decoration: underline;
}
/* Extensibilité verticale */
#global {
width: 725px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/extensible.jpg") repeat-y;
float: left;
}
/* Header */
#header { /* Insertion du header */
width: 725px;
height: 130px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/header.jpg") no-repeat;
}
#header h2 { /* Slogan du site */
font-size: 1.3em;
color: #545253;
margin: 20px 0 0 325px;
font-weight: normal;
}
#accessibilite { /* Liens pour accéder au menu et au contenu rapidement */
color: #FFF;
margin: 0;
padding: 5px;
}
/* Menu de gauche */
#menugauche { /* Placement et éléments globaux du menu */
width: 150px;
float: left;
color: #FFF;
background-color: #454545;
padding:5px;
border: 1px solid #A1A1A1;
margin-left:5px;
}
#menugauche h2 { /* Titre du menu */
color: #A1A1A1;
font-size:15px;
border-bottom:1px solid #A1A1A1;
}
#menugauche ul { /* Placement des liens (dans le menu) + éléments globaux des liens */
list-style-type: none;
margin:0;
padding:0;
}
#menugauche ul li { /* Placement des liens (espacement entre eux et espacement contenu) */
/*margin: 5px 5px 5px 0;*/
margin:0;
padding:0;
}
.menuhaut a{ /* Placement des liens (espacement entre eux et espacement contenu) */
color: white;
}
#menugauchebas { /* Bords arrondis du bas du menu */
}
/* Contenu */
#contenu { /* Placement du contenu */
width: 525px;
margin-left:15px;
float: left;
}
#contenu h3 { /* Titres */
width: 525px;
height: 18px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/contenutitre.jpg") no-repeat;
margin: 10px 0 10px 0;
text-indent: 10px;
line-height: 18px;
font-size: 1.2em;
color: #1FB8C0;
}
#contenu p { /* Texte */
width: 525px;
border-left: 4px solid #4E4C4D;
margin: 0;
padding: 5px 0 5px 5px;
}
#contenuseparation {
width: 510px;
height: 24px;
background: url("http://heezee.blog4ever.s3.amazonaws.com/templates/12/contenuseparation.jpg") no-repeat;
margin: 10px auto;
}
#contenu ul {
margin-left:20px;
}
/* Footer, copyright */
#footer { /* Copyright */
width: 172px;
height: 22px;
background-color: #4B4B4B;
color: #FFF;
text-align: center;
font-size: 0.8em;
line-height: 22px;
margin: 0;
float: left;
}
...