Vous n'êtes pas identifié(e).
Pages : 1
Voici l'adresse du site que j'ai réalisé avec zite : www.akasha-asbl.be
Je joins ici le css. C'est là-dessus qu'il y a le plus de travail. C'est dans la mise en page du menu que cela a été un peu plus délicat.
N'hésitez pas à faire part de vos commentaires, remarques et suggestions.
body {
margin: 0;
padding: 0;
text-align:center;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 0.8em;
}
table {
border-collapse:collapse;
width:90%;
height :300px;
}
th {
font-family: monospace;
border: 1px solid #807a40;
padding: 1px;
width:20%;
}
td {
font-family: sans-serif;
border: 1px solid #807a40;
padding:1px;
text-align: left;
height:20%;
}
img {border: none;
align: left;
vspace= 10px;
hspace= 20px;
}
h1 {
font-family : arial;
font-size: 150%;
text-align: center;
color:#bf5230;
}
h2 {
font-size: 120%;
color:#bf5230;
font-weight:bold;
}
h3 {
font-size: 110%;
color:#de9444;
}
h4 {font-size: 105%;}
h5 {font-size: 100%;}
a {
color: #bf5230;
text-decoration: none;
}
a:hover {
color: #de9444;
}
label{
float:left;
width:115px;
margin-top: 3px;
text-align: right;
}
input{margin-top: 3px;
align:middle;}
textarea{margin-top: 3px;}
.Texte {
color:#4f4f4f;
}
#page {
border: solid 1px #CCC;
border-top: none;
background-color: #f2f1e5;
width: 800px;
margin: 0 auto 16px auto;
border-left: 1px solid #807A40;
border-right: 1px solid #807A40;
border-bottom : 1px solid #807A40;
padding: 5px 0 0 0;
text-align: left;
}
#top {
width: 100%;
height: 110px;
background-image: url(deco/banniere.png);
background-repeat : no-repeat;
border-bottom: none;
margin:0;
padding: 10px 0 0 0;
}
#mid {
width: 100%;
border-bottom: 1px solid #CCC;
margin:0;
madding: 0;
border-bottom: 1px solid #807A40;
}
#side {
width: 20%;
float: left;
margin:0;
padding: 0px 10px 5px 10px;
}
#main {
width: 75%;
height:auto !important;
height: 500px;
min-height: 500px;
float: right;
margin:0;
padding: 7px;
text-align: justify;
background-color:#E6E4CF;
border-left: 1px solid #807A40;
border-top: 1px solid #807A40;
}
#break {
clear: both;
}
#bot {
width: 800px;
background-color:#FFFFFF;
font-size: 75%;
text-align: center;
margin:0;
mapping: 0;
color: #225;
border-right: 1px solid #807A40;
}
#top h1 {
margin: 0;
padding: 0 0 0 10px;
color: #FFF;
font-size: 24px;
}
#top h2 {
margin: 0;
padding: 4px 0 5px 10px;
color: #EEF;
font-size: 90%;
}
/* ************************* Menu *********************************** */
.zul {
padding: 0;
margin: 0px 10px 0px 0;
list-style: none;
line-height:23px;
font-size :12px;
text-decoration: none;
font-weight : bold;
}
.zli1,.zli2,.zli3,.zli4 {
background-image: url(deco/lien_no.png);
background-repeat: no-repeat;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 5px;
margin-bottom: 0px;
text-decoration: none;
color: #554b00;
}
.zli1:hover,.zli2:hover,.zli3:hover,.zli4:hover {
background-image: url(deco/lien_no.png);
background-repeat: no-repeat;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 5px;
margin-bottom: 0px;
text-decoration: none;
color: #bf5230;
}
.zon {
background-image :url(deco/lien_ok.png);
background-repeat : no-repeat;
}
.zli1 {
margin-left: 0px;
}
.zli2 {
margin-left: 16px;
}
.zli3 {
margin-left: 32px;
}
.zli4 {
margin-left: 48px;
}
Hors ligne
WOW ! Magnifique travail Treb, c'est très réussi !
Et un grand merci de partager avec nous ta feuille de style.
Ubuntu Rocks
Hors ligne
Très bien fait, ayant bricoler pas mal zite je sais qu'il y'a du boulot derrière.
Hors ligne
je confirme, super le design... très... épuré !
cela ouvre des pistes pour créer le sien !
Hors ligne
Pages : 1