Aller au contenu
  • entries
    5
  • comments
    14
  • views
    12 533

Mon petit site

gweno

363 vues

Aujourd'hui est un grand jout ; (Ah bon ?) Enfin pour moi :français: . J'ai enfin terminer, les feuilles de style de mon site :

 

http://gtrenvouez.free.fr/site/liste.html

 

J'essaye de regrouper un maximum de tutos sur le même site. Au fait si quelqu'un sait comment faire un moteur de recherche intrasite et mettre mes menus sur une ligne et pas en colones qu'il me fasse signe :gun: .

 

Voila le code :

body
{
  width: 1024px;
  margin: auto; 
  margin-top: 5px;
  margin-bottom: 20px;
  background-color: rgb(221,221,221);
}

div#contenant
{
width : 1000px;
margin: auto;
background-color: white;
}

ul#banniere
{
width:750px;
height:300px;
margin: auto;
background-repeat: no-repeat;
background : url(image/banniere.png);
}


ul#menu
{
margin: auto;
padding: 0;
list-style-type: none;
width: 180px;
}

ul#menu li
{
margin: 0 0 5px 0;
padding: 0;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 170px;
line-height: 30px;
color: #000;
text-indent: 5px; /* On décale le texte de 5px du bord gauche */
text-decoration: none;
background: url(image/bg_menu.gif) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: 1px solid #dbd;
}

ul#menu li a:hover
{
background: url(image/bg_menu.gif) no-repeat 0 -30px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: 1px solid #f97;
}

ul#contenu
{
color: #9b2;
width:750px;
margin: auto;
}
ul#contenu h2
{
padding-left: 25px;
line-height: 25px;
font-size: 1.4em;
background: url(image/p_orange.png) no-repeat left bottom;
color: orange;
border-bottom: 1px solid #9b2;
}

ul#contenu h3
{
padding-left: 5px;
line-height: 25px;
font-size: 1.2em;
color: orange;
border-bottom: 1px solid #9b2;
border-left: 1px solid #9b2;
}

ul#contenu h4
{
padding-left: 5px;
line-height: 25px;
font-size: 1.0em;
color: orange;
border-bottom: 1px solid #9b2;
border-left: 1px solid #9b2;
}

ul#contenu h1
{
padding-left: 5px;
line-height: 25px;
font-size: 1.8em;
text-align: center;
color: #9b2;
}



6 Commentaires


Commentaires recommandés

il faut lgtps pour que google avale un site...

Non meme pas, c'est juste par rapport au nom de mon site: orangetanguine :D

 

Ah ok en tous cas, moi c'était ce site :mdr: . Mais si j'avais vu plus tot ton site je t'aurais piquer le disgn :-? . Il est bien.

Partager ce commentaire


Lien vers le commentaire

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant
×