Aller au contenu






- - - - -

Mon petit site

Posté par gweno, 12 février 2006 · 275 visite(s)

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.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;
}


  • 0



hmmm il me semble que google permet les recherche dans les sites. Tu devrais aller y faire un tour...
:mdr:
    • 0
  • Signaler

hmmm il me semble que google permet les recherche dans les sites. Tu devrais aller y faire un tour...
:mdr:


ok merci
    • 0
  • Signaler
je t'ai répondu dans le forum programmation a propos de ca :-?
PS: copieur! :mdr: (pour les oranges :D )
    • 0
  • Signaler
C'est des Clémentines :mdr: . je pense que ta source d'inspiration pour le disgn c'est ça ; http://css.alsacreations.com/ .

Ouin google a pas manger mon site, il aime pas les clémentines ?
    • 0
  • Signaler
il faut lgtps pour que google avale un site...
Non meme pas, c'est juste par rapport au nom de mon site: orangetanguine :mdr:
    • 0
  • Signaler

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.
    • 0
  • Signaler

Rechercher dans le blog

Derniers billets

Derniers commentaires

Août 2017

D L M M J V S
  12345
6789101112
1314151617 18 19
20212223242526
2728293031  

utilisateur(s) actif(s)

membre(s), invité(s), utilisateur(s) anonyme(s)

Nouveau design, nouveau pas mal de choses

Bonjour tous le monde, depuis quelques temps je refais entierement le design de mon site, et je voudrais savoir ce que vous en penser. :roll: .Penser à vider votre cache et vos cookies car vous risqueriez de tomber sur pas mal de liens mort si vous ne le faites pas :love: .J'aurais voulu aussi savoir quel hebergement prendre ? j'ai penser à ça mais je ne sais pas ce que ça vaut.