Galerie Papinou
Ubuntu 10.04 LTS
Commande
Translator
En savoir plus
Chants de Marins
Radio Papinou
Tchat Chez Papinou
Réservé aux membres de Chez Papinou !!!
Connexion...
 Membres : 419 5 derniers membres : Visites du jour : (8)[ Devenir membre ] Membres en ligne :  Papinou
papinou29
 Anonymes en ligne : 12 Total visites: 1324037 Record connectés :
 Membres: 30Le 29/12/2007 @ 22:44 Cumulé : 128Le 30/08/2010 @ 09:35 Webmaster - Infos
Nouvelles par mail
Pour recevoir par mail les nouvelles de Chez Papinou vous pouvez vous inscrire ci dessous:
Liens RSS
Sommaire
Archives Nouvelles
 Année 2010 Année 2009 Année 2008 Année 2007 Année 2006
Dons Chez Papinou
Pub
Services Google
Horloge Marées
Licence
Calendrier
|
Recherche
 Astuces GuppY 4.6 - Menu déroulant horizontalTests menu déroulant horizontal
Suite à plusieurs demandes sur le forum de freeGuppY, j'ai essayé de mettre en place un menu déroulant horizontal avec pour objectif de faire le plus simple possible et d'avoir des catégories et des sous catégories. Sur ce lien vous pouvez voir et tester le menu que j'ai adapté avec une skin du pack GuppY. Pour les essais, j'ai mis les liens à ouvrir dans une nouvelle fenêtre, pour la simple raison qu'il faut un contenu pour ce genre de menu et une grande partie des liens renvoie vers mon site principal. En version plus évoluée, les liens s'ouvriront dans la même fenêtre. Ce menu se compose du répertoire inc/menu qui va se placer dans le répertoire inc de GuppY, avec trois fichiers menu.inc, menu.css et menu.js: - menu.inc contient tous les liens pour la construction du menu, les catégories, les sous catégories.
Pour l'installer, quelques impératifs sont nécessaires: - menu.css contient tout le style.css du menu . - menu.js, juste un zeste de javascript pour le faire réagir au passage de la souris . - forker le fichier hpage.inc de GuppY en ajoutant à la ligne 349: include(CHEMIN."inc/menu/menu.inc");
Si vous voulez tester en local ou sur un site de tests, merci de m'en faire la demande par Contact dans le menu de Chez Papinou, je vous enverrai le zip du menu.- modifier le margin de la class #mainContent de la skin skn_web20 pour permettre l'insertion du menu comme ceci: margin: 38px 4px 4px; Pour les autres skins, il faudra adapter cette même ligne. Vous devrez construire le fichier menu.inc pour qu'il corresponde à votre site en respectant l'architecture . Attention il est totalement déconseillé de l'utiliser sur un site de production, ce serait à vos risques et périls . Pour toutes remarques, suggestions, propositions merci de poster sur mon forum rubrique Plugins, forks, astuces GuppY. Tous mes remerciements: au site du zéro pour son excellent tutoriel à ce sujet - http://www.siteduzero.com/ , à Batiste Bieler pour son article sur les menus dynamiques - http://dosimple.ch/articles/Menus-dynamiques/ , à Norbert pour sa question sur le forum de freeGuppY - http://www.freeguppy.org/ , qui m'a fait reprendre ce genre de menu commencé depuis quelque temps, et à tous ceux qui ont écrit sur le sujet. Bonne visite Chez Papinou !!! 
Date de création : 29/04/2010 @ 19:43 Réactions à cet article
| |||||||
Utilisateur de GuppY, je suis membre de l' Asso freeGuppY ... et vous ? ? ? |
Imprimer l'article
Haut Le contenu de ce site est mis à disposition sous un contrat Creative Commons, pour plus d'informations cliquez sur le logo CC dans la boite latérale Licence.
Ce site a fait l'objet d'un dépôt auprès de la Commission Nationale Informatique et Libertés le 06 avril 2006 et a été enregistré sous le numéro d'agrément 1160345.
Conformément à la loi Informatique et Liberté, vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données vous concernant.
© 2004-2010 
Design by TemplateLite adapted by Skins Papinou for GuppY