Easy-Design.Net forum




Documentations et Dossiers Créer une menu lien dynamique verticale accordéon Zone PHPBoost extras

Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 23/01/2010 à 11h04
Bonjour à tous,

Et voilà, comme promis le tutoriel a été revu.

:star Créer une menu lien dynamique verticale accordéon


Ce menu est compatible avec les deux librairies principales utilisées par PHPBoost : Prototype et Scriptaculous. Je l'ai trouvé sur ici il es testé et éprouvé.

@imablement Swan.

swan_signature

Site web    
infoking1 Membre non connecté

EDN Erudit(e)

Rang

Avatar

Inscrit le : 22/09/2009 à 12h10

Messages: 1244

Le 24/01/2010 à 18h30
:bravo Swan, je vais de ce pas y jeter un coup d'oeil. ;)

<p class="float_right"></p>Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
--------------------------------------------------------------------------------
Site web    
infoking1 Membre non connecté

EDN Erudit(e)

Rang

Avatar

Inscrit le : 22/09/2009 à 12h10

Messages: 1244

Le 24/01/2010 à 18h53
1ère constatation :
dans le tuto, dans la partie Archive :
Si l'on clique sur la flèche verte du téléchargement on télécharge le fichier accordian.pack.zip sur ce lien : http://easy-design.net/ressources/accordian.pack.zip
Et si on clique sur Télécharger les fichiers, on télécharge le pack menu-accordeon.zip sur ce lien : http://easy-design.net/ressources/menu-accordeon.zip

<p class="float_right"></p>Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
--------------------------------------------------------------------------------
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 24/01/2010 à 19h21
Merci Infoking1, Je viens de corriger :)

swan_signature

Site web    
infoking1 Membre non connecté

EDN Erudit(e)

Rang

Avatar

Inscrit le : 22/09/2009 à 12h10

Messages: 1244

Le 24/01/2010 à 22h36
J'ai installé un menu accordéon sur mon site, tout est OK :ok . Il n'est pas visible car je l'ai autorisé uniquement aux admin. :p

<p class="float_right"></p>Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
--------------------------------------------------------------------------------
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 24/01/2010 à 22h44
Merci pour le retour d'informations Infoking1 :)

swan_signature

Site web    
samghami Membre non connecté

EDN Curieux(se)

Rang

Avatar

Inscrit le : 02/01/2010 à 19h13

Messages: 40

Le 30/01/2010 à 23h08
bonjour, j'ai installer le menue est j'ai un petit truc qui me dérange, l'espace entre les catégorie:


Est-ce normal car cela me dérange?

Samghami.com
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 30/01/2010 à 23h22
Tu peux enlever la maintenance sur ton site que je puisse voir cet espace agaçant ?

swan_signature

Site web    
samghami Membre non connecté

EDN Curieux(se)

Rang

Avatar

Inscrit le : 02/01/2010 à 19h13

Messages: 40

Le 30/01/2010 à 23h34
c'est bon j'ai retirer la maintenance Edité par samghami Le 30/01/2010 à 23h35

Samghami.com
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 31/01/2010 à 00h05
Je regarderais demain Samghami ^^ J'ai plus les yeux qu'il faut à cette heure tardive :dodo

swan_signature

Site web    
samghami Membre non connecté

EDN Curieux(se)

Rang

Avatar

Inscrit le : 02/01/2010 à 19h13

Messages: 40

Le 31/01/2010 à 00h12
Oki bonne nuit alors ;)

Samghami.com
Site web    
Gobiel Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 25/10/2009 à 17h01

Messages: 402

Le 31/01/2010 à 11h17
Dans le design.css de ton site, tu dois remplacer ça:
Code CSS :
 
div.accordion-toggle{
background:#CCCCCC url(images/accordeon_off.jpg) repeat-x scroll center bottom;
border-top:1px solid #CCCCCC;
color:#FFFFFF;
cursor:pointer;
margin-bottom:1px;
padding:9px 14px 6px;
position:relative;
z-index:10;
}


Par ça:
Code CSS :
 
div.accordion-toggle{
border-top:1px solid #CCCCCC;
color:#FFFFFF;
cursor:pointer;
margin-bottom:1px;
padding:9px 14px 6px;
position:relative;
z-index:10;
}

Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 31/01/2010 à 11h26
Oui Gobiel c'est bien! Mais :non

Le fait de supprimer l'image va créer un autre soucis, il va te dire oui, "mais je veux garder l'image!" ...

Qu'il rajoute juste un height:14px; dans cette balise css. et qu'il change les couleur des "border: 1px solid #cccccc" par celle de son choix, et qu'il fasse le reste dans la partie css concerné, dans le templatesTon-themethemedesing.css vers la ligne 548~ ;)

swan_signature

Site web    
samghami Membre non connecté

EDN Curieux(se)

Rang

Avatar

Inscrit le : 02/01/2010 à 19h13

Messages: 40

Le 31/01/2010 à 12h03
pouvez vous me faire un récapitulatif de la démarche a suivre s'il vous plais?

Samghami.com
Site web    
Gobiel Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 25/10/2009 à 17h01

Messages: 402

Le 31/01/2010 à 13h12
Tu mets ça vers la ligne 548~ de ton design.css:
Code CSS :
 
div.accordion-toggle{
background:#CCCCCC url(images/accordeon_off.jpg) repeat-x scroll center bottom;
border-top:1px solid #CCCCCC;
/* Couleur de ton choix au lieu de #CCCCCC */
color:#FFFFFF;
cursor:pointer;
margin-bottom:1px;
padding:9px 14px 6px;
position:relative;
height:14px;
z-index:10;
}
 

Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie