Franc83


Menu latéral css Convertir en PDF Version imprimable
22-07-2008


Un menu déroulant pratique et paramétrable

 

Voici un menu en css, actionné par un script java
complètement paramétrable au niveau des couleurs
et de la taille, très facile à installer.



Voir le menu latéral en popup :



Voir le menulatéral css javascript

Procédure d'installation :

- Une partie de mise en page html

-Une partie de mise en forme css

-Le fonctionnement en javascript

 

Vous pouvez trouver le pack complet en mode tutorial ICI

L'auteur du package est  koala64 
Vous avez son Contact ici : contact_koala64@yahoo.fr

 

l'installation est simple :

Vous disposez de trois fichiers

- un fichier js

- un fichier css

- un fichier visualisation html

1* éditez le menu css et arrangez le pour qu'il colle avec votre charte graphique, et mettez y les liens adéquats.

2* downloadez chez votre FAI le menu.js et le menu.css

3* dans l'entête de l'article ou vous souhaitez utiliser le menu mettez en tête d'article :

 


<link media="screen"
href="<a href="http://url du /menu.css"
type="text/css" rel="stylesheet" />

<script type="text/javascript"
src="<a href="http://url du /menu.js">
</script>


 

 

 

Puis copier votre code html dans l'article :
E en vous servant de base de travail du code source de l'exemple donné dans le pack, car il y a des appels à des fonctions javascripts, notamment pour cacher les parties du menu <li> au chargement de la page....
A disposer tout en fin de fichier html :

 

<script type="text/javascript">
var oDd=document.getElementsByTagName('dd'),i=oDd.length-1;for(i;i>=0;i=i-1)oDd[i].style.display='none';
</script>

 

 

Vous avez en popup un exemple simple, mais tout est possible.

Bon courage ! ! !

 



Dans le même esprit



Citez cet article

  Commenter cet article

Commenter
  • Les messages comportant des attaques verbales contre les personnes seront supprimés.
  • Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur.
  • Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:Web AddressEmail AddressBold TextItalic TextUnderlined TextQuoteCodeOpen ListList ItemClose List
Commentaire



Code:* Code
Je désire être prévenu par mail des commentaires qui suivront

Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved

 
< Précédent   Suivant >

Liens amis

Compteur.org

e-dilik.fr

NetFox2.net

IgloOps.fr

Infostuces

Mixx Radio Gold

Mobile Astuces

-------------

Votre site ici

Notre logo

Aide et astuces pour  blogs

Cliquez droit dans la zone où se trouve le code html et "copier"


Nos autres Logos...

S'abonner

devenir amis sur facebook

Votre adresse email ici pour recevoir les nouveautés du site directement dans votre boite

Nos Gadgets

Installez nos gadgets

gratuits Live Spaces

albi-gadget.jpg

Albidochon

oeil2moscou.jpg

Oeil 2 Moscou

Aidez-nous

aidez-nous

Recommandez ce
site à un ami

Statistiques

Powered By PageCache
Generated in 0.22198 Seconds