MODELES GRAPHIQUES

Feuille de style modèle graphique N°2

 

Miniature du modèle

 

body {
background: #C5D5A7;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
font: 10pt trebuchet MS;
text-align: center;
}

a {
text-decoration: underline;
color: #000;
}

a:hover {
text-decoration: none;
color: #000;
}

#conteneur {
border: 1px solid #004000;
width: 768px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
background: #EEF4E2;
}

#head {
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/2/head.jpg) no-repeat;
height: 70px;
}

#menu_haut {
border-top: 1px solid #004000;
width: 768px;
float: left;
}

ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menuhaut li {
float: left;
}

.menuhaut a {
margin: 0 2px;
width: 100px;
height: 23px;
display: block;
text-align: center;
border: 1px solid #004000;
text-decoration: none;
color: #EEF4E2;
background: #004000;
font: bold 11pt Trebuchet MS;
}

.menuhaut a:hover {
background: #C5D5A7;
border: 1px solid #004000;
}

.menuhaut a:active {
background: #004000;
border: 1px solid #004000;
color: #EEF4E2;
}

#menu_gauche {
float: left;
margin-left:6px;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 35px 0 10px 10px;
}

#menu_gauche ul{
margin: 0 0 0 0;
padding: 0;
list-style-type : none;
}

#menu_gauche ul li{
margin: -1px 0 0 0;
border: 1px solid #004000;
background: #EBEDAB;
width: 170px;
}

#menu_gauche ul li a{
background: #EBEDAB;
margin: 0 0 0 0;
padding: 3px 0 3px 0;
width: 170px;
line-height: 25px;
text-decoration: none;
font: 10pt Trebuchet MS;
}

html > body #menu_gauche ul li a{
display: block;
width: 170px;
}

#menu_gauche ul li a:hover{
background: #C5D5A7;
}

#menu_gauche h2{
margin: 0 0 0 0;
background: #004000;
border: 1px solid #004000;
color: #EEF5FA;
width: 170px;
text-align: center;
font: bold 11pt Trebuchet MS;
}

* html #menu_gauche h2{
width: 172px;
}

#rubriques {
float: right;
width: 530px;
margin: 20px 10px 0 0;
padding: 0 0 0 0;
}

#rubriques h3{
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/2/rub.jpg) no-repeat;
margin: 10px 0 10px 0;
width: 457px;
padding: 10px 0 15px 50px;
font: bold 15px Trebuchet MS;
color: #E8EEF4;
}

.space {
lear: both;
height: 20px;
}

#footer {
margin: 0 0 0 0 ;
padding: 0 10px 0 10px;
text-align: right;
background: #EBEDAB;
border-top: 1px solid #004000;
font: bold 10pt Trebuchet MS;
}

td {
font-size:10pt;
}

 

 

...



31/01/2011
0 Poster un commentaire

A découvrir aussi


⨯

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 10 autres membres


Recommander ce blog | Contact | Signaler un contenu | Confidentialité | RSS | Espace de gestion