RechercherAccueilMembresGroupesConnexionS'enregistrerFAQ

Partagez | 
 

 Script menu carrousel

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
San Giuliano
Admin

Localisation : Corse
Age : 50
Masculin
MessageSujet: Script menu carrousel Dim 29 Juil - 15:12

Salut...

Voici un script pour un trés jolie menu carrousel

Code:
<style> img { border: none; } /* dock - top */ .dock { z-index: 111111111111111111; background-image: url(''); background-repeat: repeat-y position: relative; height: 50px; text-align: center; } .dock-container { position: absolute; height: 50px; background: url(); padding-left: 20px; } a.dock-item { display: block; width: 40px; color: #000; position: absolute; top: 0px; text-align: center; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; } .dock-item img { border: none; margin: 5px 10px 0px; width: 100%; } .dock-item span { display: none; padding-left: 20px; } /* dock2 - bottom */ #dock2 { width: 100%; bottom: 0px; position: absolute; left: 0px; } .dock-container2 { position: absolute; height: 50px; background: url(images/dock-bg.gif); padding-left: 20px; } a.dock-item2 { display: block; font: bold 12px Arial, Helvetica, sans-serif; width: 40px; color: #000; bottom: 0px; position: absolute; text-align: center; text-decoration: none; } .dock-item2 span { display: none; padding-left: 20px; } .dock-item2 img { border: none; margin: 5px 10px 0px; width: 100%; } </style> <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37297969143779149/jquery.js"></script> <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37297969143779149/interface.js"></script> <!--[if lt IE 7]>  <style type="text/css">  div, img { behavior: url(iepngfix.htc) } </style> <![endif]--> <div class="dock" id="dock"> <div class="dock-container"> <a class="dock-item" href="#"><img src="http://sd-1.archive-host.com/membres/images/37297969143779149/images1/home.png" /> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://sd-1.archive-host.com/membres/images/37297969143779149/images1/email.png" /> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://sd-1.archive-host.com/membres/images/37297969143779149/images1/portfolio.png"/> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://sd-1.archive-host.com/membres/images/37297969143779149/images1/tutoriel.png" /> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://sd-1.archive-host.com/membres/images/37297969143779149/images1/jours.png" /> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://sd-1.archive-host.com/membres/images/37297969143779149/images1/link.png" /> <span>Titre</span><a class="dock-item" href="#"><img src="http://s1.e-monsite.com/2009/10/18/69295502video-png.png" /> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://s1.e-monsite.com/2009/10/18/36443294newsletter-png.png"/> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://s1.e-monsite.com/2009/10/18/52657116album-photo-png.png" /> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://s1.e-monsite.com/2009/10/18/77360071forum-png.png" /> <span>Titre</span> </a> <a class="dock-item" href="#"><img src="http://s1.e-monsite.com/2009/10/18/47409109livre-png.png" /> <span>Titre</span>  </a> </div> </div> <script type="text/javascript"> $(document).ready( function() { $('#dock').Fisheye( { maxWidth: 50, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 40, proximity: 90, halign : 'center' } ) } ); </script>

Clic ici pour voir a quoi il ressemble



Utilisez le Forum aide Webmastering pour demander le l'aide.
Revenir en haut Aller en bas
http://chezsangiuliano.forumgratuit.org/h2-page-perso-san-giulia
 

Script menu carrousel

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

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