Aller au contenu

Gweno's Blog

  • entries
    5
  • comments
    14
  • views
    13 291

Mon petit site


gweno

1 223 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.

Lien vers le commentaire

Rejoindre la conversation

Vous publiez en tant qu’invité. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Add a comment...

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
×
  • Créer...