SOS-FORUM
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
SOS-FORUM

Derniers sujets

» Silence Inside Me - Ouverture
par Solitude 3/3/2018, 12:36

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Yoda 5/3/2017, 20:12

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29

Le deal à ne pas rater :
Manga Chainsaw Man : où acheter le Tome 17 édition Collector de ...
19.99 €
Voir le deal

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

1CSS : menu Empty CSS : menu 11/11/2009, 19:37

Rém's
Rém's
(Membre)
http://www.actu-cycle.azureforum.com
Voilà,

J'ai fais plusieurs types de barres de navigation par moi-même, puis un ami m'avait donner le lien d'un générateur de menu CSS, j'en ai trouvé un qui m"a tout de suite plu !
Toutefois j'aimerais que j'héberge moi-même l'image, car si le site supprime l'image ou autre cas...
Simple ? Cependant, voici pourquoi je n'y arrive pas :
Code:
<style type="text/css">

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('http://www.cssmenubuilder.com/h1/topMenuImages.png?w=500&i=35&bt=line_stroke&b1=252,252,252&b2=62,142,168&c1=62,142,168&c2=35,112,194&c3=61,171,255&c4=255,255,255&c5=62,142,168&c6=255,255,255') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('http://www.cssmenubuilder.com/h1/topMenuImages.png?w=500&i=35&bt=line_stroke&b1=252,252,252&b2=62,142,168&c1=62,142,168&c2=35,112,194&c3=61,171,255&c4=255,255,255&c5=62,142,168&c6=255,255,255') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('http://www.cssmenubuilder.com/h1/topMenuImages.png?w=500&i=35&bt=line_stroke&b1=252,252,252&b2=62,142,168&c1=62,142,168&c2=35,112,194&c3=61,171,255&c4=255,255,255&c5=62,142,168&c6=255,255,255') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('http://www.cssmenubuilder.com/h1/topMenuImages.png?w=500&i=35&bt=line_stroke&b1=252,252,252&b2=62,142,168&c1=62,142,168&c2=35,112,194&c3=61,171,255&c4=255,255,255&c5=62,142,168&c6=255,255,255') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('http://www.cssmenubuilder.com/h1/topMenuImages.png?w=500&i=35&bt=line_stroke&b1=252,252,252&b2=62,142,168&c1=62,142,168&c2=35,112,194&c3=61,171,255&c4=255,255,255&c5=62,142,168&c6=255,255,255') 100% -90px no-repeat;}
</style>
<ul class="menu">
  <li><a href="#" class="active"><span>Accueil UACI</span></a></li>
  <li><a href="#"><span>TEST Calendrier</span></a></li>
  <li><a href="#"><span>TEST Syndicat</span></a></li>
  <li><a href="#"><span>TEST Classement</span></a></li>
</ul>


Ce qui pose problème :
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('http://www.cssmenubuilder.com/h1/topMenuImages.png?w=500&i=35&bt=line_stroke&b1=252,252,252&b2=62,142,168&c1=62,142,168&c2=35,112,194&c3=61,171,255&c4=255,255,255&c5=62,142,168&c6=255,255,255') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255);

Image : http://www.cssmenubuilder.com/h1/topMenuImages.png?w=500&i=35&bt=line_stroke&b1=252,252,252&b2=62,142,168&c1=62,142,168&c2=35,112,194&c3=61,171,255&c4=255,255,255&c5=62,142,168&c6=255,255,255

Résultats : http://actu-cycle.azureforum.com/accueiluaci-h7.htm

Merci.

Smile



Dernière édition par Rém's le 11/11/2009, 23:07, édité 1 fois

2CSS : menu Empty Re: CSS : menu 11/11/2009, 22:05

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Hello !
Je ne vois pas de problème moi ?



Dernière édition par ze_chaofan le 11/11/2009, 23:20, édité 1 fois

3CSS : menu Empty Re: CSS : menu 11/11/2009, 23:07

Rém's
Rém's
(Membre)
http://www.actu-cycle.azureforum.com
Et hop, j'ai réussis à modifier ce qui me tracassé.

4CSS : menu Empty Re: CSS : menu 11/11/2009, 23:21

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
OK Smile


Contenu sponsorisé

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 
  •  

Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit

Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser