Racine » PostNuke 0.7x » Thèmes » question relative aux petits ronds dans le menu principal

Samedi 06 Septembre 2008 - 01:46
Sujet Précédent Sujet Suivant Derniers messages
    
  
question relative aux petits ronds dans le menu principal
Auteur Sujet
Eraser
Récupérable
Récupérable avatar

enregistré depuis :
mai. 2005
Messages : 105
dernière visite: 13.11.07


Post 
Bon la question est conne, mais je la pose quand même. Me semble que Chestnut en avait parlé sur l'ancien forum, mais voilà, la vieillesse se faisant, j'ai oublié... icon_biggrin

quelqu'un aurait la gentillesse d'âme de me donner le moyen le plus simple pour supprimer ces petits ronds ?
08.02.2006, 18:14 Données personnelles Accueil
Chestnut
Grand Maître
Grand Maître  

enregistré depuis :
mar. 2005
Messages : 1125
dernière visite: 13.06.08


Post 
Ces "petits ronds" proviennent du fait que le menu est maintenant une véritable liste au lieu d'être un bande de liens avec un apostrophe au début de chaque ligne.

Je dirais que pour éviter un véritable casse-tête inutile, ce serait de trouver la ligne suivante dans le fichier includes/blocks/menu.php

Code: [Télécharger] [Cacher]
  1. $content = "<ul>\n"; 


Et de la modifier comme ceci :

Code: [Télécharger] [Cacher]
  1. $content = "<ul class=\"monmenu\">\n"; 


Il ne restera plus qu'à ajouter dans le css de ton thème quelque chose du genre :

Code: [Télécharger] [Cacher]
  1. .monmenu ul li { 
  2.   list-style:none; 
  3. } 



C'est du vite fait et non-testé mais ça ne devrait pas être trop loin de fonctionner.
icon_wink


Chestnut !
Administrateur
Aucun Support par message privé...
Même en cas de pensée suicidaire !
Règles à suivre
08.02.2006, 18:22 Données personnelles Accueil
Eraser
Récupérable
Récupérable avatar

enregistré depuis :
mai. 2005
Messages : 105
dernière visite: 13.11.07


Post 
bah écoute je m'en vas tester ça immédiatement et te tiens au courant.

merci encore..
09.02.2006, 11:54 Données personnelles Accueil
Eraser
Récupérable
Récupérable avatar

enregistré depuis :
mai. 2005
Messages : 105
dernière visite: 13.11.07


Post 
youps.. ai testé..
j'ai bien trouvé la ligne dont tu parles mais :
Code: [Télécharger] [Cacher]
  1. function startMenuStyle($style) 
  2. { 
  3.     // Nothing to do for style == 1 (bullet list) 
  4.     $content = ''; 
  5.     if ($style == 2) { 
  6. //....................... 
  7.     } else { 
  8.         $content = "</ul>\n"; 
  9.     } 
  10.  
  11.     return $content; 
  12. } 
c'est pour le style 2... Or le style 2 c'est pour le dropdown menu. Du coup en y ajoutant la ligne que tu m'a dis d'ajouter (après avoir crée le style bien entendu), ça ne change rien. En plus il y'a deux

Code: [Télécharger] [Cacher]
  1. $content = "</ul>\n"; 
car il y'a en plus du
Code: [Télécharger] [Cacher]
  1. function startMenuStyle($style) 
il y'a le
Code: [Télécharger] [Cacher]
  1. function endMenuStyle($style) 
.

En revanche j'ai trouvé ça :

Code: [Télécharger] [Cacher]
  1. function addMenuStyledUrl($style, $name, $url, $comment) 
  2. { 
  3.     $url = trim($url); 
  4.     if ($style == 1) { 
  5.         // Bullet list 
  6.         if (empty($url)) { 
  7.             // Separator 
  8.             if (empty($name)) { 
  9.                 $content = "<li style=\"list-style:none\"> 
  10. </li>\n"; 
  11.             } else { 
  12.                 $content = "<li style=\"list-style:none\"> 
  13. $name 
  14. </li>\n"; 
  15.             } 
  16.         } else { 
  17.         switch ($url[0]) // Used to allow support for linking to modules with the use of bracket 
  18.         { 
  19.             case '[': // old style module link 
  20.             { 
  21.                 $url = explode(':', substr($url, 1,  - 1)); 
  22.                 $url = 'index.php?name='.$url[0].(isset($url[1]) ? '&file='.$url[1]:''); 
  23.                 break; 
  24.             } 
  25.             case '{': // new module link 
  26.             { 
  27.                 $url = explode(':', substr($url, 1,  - 1)); 
  28.                 $url = pnModURL($url[0], 'user', isset($url[1]) ? $url[1]:''); 
  29.                 //$url = 'index.php?module='.$url[0].(isset($url[1]) ? '&func='.$url[1]:''); 
  30.                 break; 
  31.             } 
  32.         }  // End Bracket Linking 
  33.             $content = "<li><a href=\"$url\" title=\"$comment\">$name</a></li>\n"; 


là c'est le style 1 donc la liste de lien.

A la dernière ligne tu pourras voir une ligne du code ci-dessus

Code: [Télécharger] [Cacher]
  1. $content = "<li><a href=\"$url\" title=\"$comment\">$name</a></li>\n"; 


j'ai retiré les balises
Code: [Télécharger] [Cacher]
  1. <li></li> 
et j'avais des liens tout regroupés les uns à côté des autres, mais sans les petits ronds.

Du coup j'ai essayé en rajoutant la balise
Code: [Télécharger] [Cacher]
  1.  
devant le
Code: [Télécharger] [Cacher]
  1. <a href> 
mais maintenant j'ai des liens qui sont bien les uns en dessous des autres, mais comme ceci :

Citation :
/
Accueil
Votre compte
Administration
Déconnexion
/
/
Télécharger
F.A.Q.
Actualités
Comptes-rendus
Recherche ....


Or moi je voudrais comme ça :

Citation :
Accueil
Votre compte
Administration
Déconnexion
/
Téléchargeer
F..A.Q.
Actualités
Comptes-rendus
Recherche ....



Je pense que je suis sur la bonne voie, mais j'ai surement du me trompé dans la balise. Tu vas peut être pouvoir m'aider ?

PS si je suis à côté de la plaque n'hésite pas à me sonner les cloches icon_biggrin





09.02.2006, 12:18 Données personnelles Accueil
Chestnut
Grand Maître
Grand Maître  

enregistré depuis :
mar. 2005
Messages : 1125
dernière visite: 13.06.08


Post 
Bon ben si je peux te le dire alors...

Ouaip... t'es à côté de la plaque icon_wink Ma modif concerne le style 1.

J'ai bien dis :
Code: [Télécharger] [Cacher]
  1. $content = "<ul>\n"; 


Bizarrement, toi tu me donnes :
Code: [Télécharger] [Cacher]
  1. $content = "</ul>\n"; 


C'est peu probable qu'il y ait un /ul au lieu d'un ul... Si tu as un / dans le ul de la fonction startMenuStyle, ton fichier ne doit pas être d'origine car il serait invraisemblable d'ouvrir une liste en utilisant... le tag de fermeture.

Donc... à cette ligne (le deuxième /ul dans la fonction endMenuStyle est normal), s'il y a un /, tu l'enlèves et tu suis le reste de la procédure plus haut.

Ou change tout simplement la fonction au complet par celle-ci :
Code: [Télécharger] [Cacher]
  1. function startMenuStyle($style) 
  2. { 
  3.     // Nothing to do for style == 1 (bullet list) 
  4.     $content = ''; 
  5.     if ($style == 2) { 
  6.         // ATTENTION... LIGNE TROP LONGUE, JE L'AI VIREE POUR LES BESOIN DU "COPIER-COLLER" 
  7.     } else { 
  8.         $content = "<ul class=\"monmenu\">\n"; 
  9.     } 
  10.  
  11.     return $content; 
  12. } 

icon_wink




Chestnut !
Administrateur
Aucun Support par message privé...
Même en cas de pensée suicidaire !
Règles à suivre
09.02.2006, 13:39 Données personnelles Accueil
Eraser
Récupérable
Récupérable avatar

enregistré depuis :
mai. 2005
Messages : 105
dernière visite: 13.11.07


Post 
ouep tu avais raison pour ça :

Code: [Télécharger] [Cacher]
  1. function startMenuStyle($style) 
  2. { 
  3.     // Nothing to do for style == 1 (bullet list) 
  4.     $content = ''; 
  5.     if ($style == 2) { 
  6.         // ATTENTION... LIGNE TROP LONGUE, JE L'AI VIREE POUR LES BESOIN DU "COPIER-COLLER"  
  7.     } else { 
  8.         $content = "<ul>\n"; 
  9.     } 
  10.  
  11.     return $content; 
  12. } 


c'est moi qui avait rajouté le / dans la balise.. je sais pas pourquoi d'ailleurs, avait du vouloir remettre l'ancienne version et j'ai rajouté un / sans le faire exprêt. Ceci dit ça ne change rien au niveau de mon message précédent. J'ai bien suivi la manip que tu m'as donné, mais ça ne donne strictement rien.. J'ai toujours les petits ronds devant les liens.

en revanche, comme je disais et je viens encore de le verrifier dans cette partie du fichier (juste après les startmenustyle et endmenustyle) :

Code: [Télécharger] [Cacher]
  1. function addMenuStyledUrl($style, $name, $url, $comment) 
  2. { 
  3.     $url = trim($url); 
  4.     if ($style == 1) { 
  5.         // Bullet list 
  6.         if (empty($url)) { 
  7.             // Separator 
  8.             if (empty($name)) { 
  9.                 $content = "<li style=\"list-style:none\"> 
  10. </li>\n"; 
  11.             } else { 
  12.                 $content = "<li style=\"list-style:none\"> 
  13. $name 
  14. </li>\n"; 
  15.             } 
  16.         } else { 
  17.         switch ($url[0]) // Used to allow support for linking to modules with the use of bracket 
  18.         { 
  19.             case '[': // old style module link 
  20.             { 
  21.                 $url = explode(':', substr($url, 1,  - 1)); 
  22.                 $url = 'index.php?name='.$url[0].(isset($url[1]) ? '&file='.$url[1]:''); 
  23.                 break; 
  24.             } 
  25.             case '{': // new module link 
  26.             { 
  27.                 $url = explode(':', substr($url, 1,  - 1)); 
  28.                 $url = pnModURL($url[0], 'user', isset($url[1]) ? $url[1]:''); 
  29.                 //$url = 'index.php?module='.$url[0].(isset($url[1]) ? '&func='.$url[1]:''); 
  30.                 break; 
  31.             } 
  32.         }  // End Bracket Linking 
  33.             $content = "<li><a href=\"$url\" title=\"$comment\">$name</a></li>\n"; 
  34.         } 


a la dernière ligne du code du dessus, si je retire les balises
Code: [Télécharger] [Cacher]
  1. <li></li> 
je n'ai plus les petits ronds.

par contre j'ai ça à la place :

Citation :

Accueil Votre
compte
Administration
Déconnexion

Téléchargements
FAQ Actualités
Comptes-rendus
Recherche
Sections Proposer
une Actualité
Sujets Liens Web


donc il semblerait, selon moi, mais bon mes compétences en ce domaine me font douter, que ce soit sur cette partie ( le addmenustyle) que peut être changé l'affichage des petits ronds.

A moins que tu es une autre idée..


modifié par : Eraser, 09 Fév 2006 - 14:19
09.02.2006, 14:14 Données personnelles Accueil
Chestnut
Grand Maître
Grand Maître  

enregistré depuis :
mar. 2005
Messages : 1125
dernière visite: 13.06.08


Post 
Si tu as mis class=\"monmenu\" comme je t'ai dit de faire, dans la feuille de style de ton thème

(Petite modif depuis la dernière fois... cette fois c'est testé et ça fonctionne)
Code: [Télécharger] [Cacher]
  1. ul.monmenu li { 
  2.   list-style-type:none; 
  3. } 


Ca devrait fonctionner. Ce qui se passe en ce moment est que tu te fais des idées grandes comme la lune alors que c'est tout simple.

Suis seulement la procédure, ne touche pas au reste et avec la bonne formule dans le css, ça fonctionnera.
N'oublie pas de vider le cache de ton navigateur, de Xanthia, bla bla bla...

Ca fonctionne icon_wink

Références : http://www.w3schools.com/css/css_list.asp


Chestnut !
Administrateur
Aucun Support par message privé...
Même en cas de pensée suicidaire !
Règles à suivre
09.02.2006, 14:30 Données personnelles Accueil
Eraser
Récupérable
Récupérable avatar

enregistré depuis :
mai. 2005
Messages : 105
dernière visite: 13.11.07


Post 
icon_lol .... mieux vaut que j'en rigole parce que là je pourrais aller me cacher....

bon ok ça marche ! mici bcp missier ! mais maintenant, je fais comment pour virer cette espace de déplacement sur la droite que j'ai.. en gros c'est comme si y'avait encore l'alinéa devant les liens. les ronds sont plus là, mais le menu est toujours décalé sur la droite.

Oui je sais je suis chiant ! promi après c'est terminé. icon_rolleyes enfin je l'espère.
09.02.2006, 14:40 Données personnelles Accueil
Chestnut
Grand Maître
Grand Maître  

enregistré depuis :
mar. 2005
Messages : 1125
dernière visite: 13.06.08


Post 
Tu trouveras sûrement ton bonheur en jouant avec la feuille de style... par exemple avec le "text-indent"...

Code: [Télécharger] [Cacher]
  1. ul.monmenu li { 
  2.   list-style-type:none; 
  3.   text-indent: -0.5em; 
  4. } 


A toi pour le reste icon_wink


Chestnut !
Administrateur
Aucun Support par message privé...
Même en cas de pensée suicidaire !
Règles à suivre
09.02.2006, 17:26 Données personnelles Accueil
Eraser
Récupérable
Récupérable avatar

enregistré depuis :
mai. 2005
Messages : 105
dernière visite: 13.11.07


Post 
ok vais essayer..

c'est bon ! ça marche icon_cool merci beaucoup.

modifié par : Eraser, 09 Fév 2006 - 20:00
09.02.2006, 19:18 Données personnelles Accueil
MenInBlues
Bisu
Bisu avatar

enregistré depuis :
nov. 2005
Messages : 25
dernière visite: 27.09.06


Post 
Bonjour,

J'étais justement en train de travailler sur mon theme et j'avais besoin de pousser le contenu de mon menu pricipal vers la gauche car je n'ai pas beaucoup de place dans la collonne des blocks (100pix).
Ce post m'a beaucoup aidé mais contrairement à Eraser j'aurais aimé conserver mes 'ptits ronds".
En suivant la procédure ci-dessous et en éliminant
Code: [Télécharger] [Cacher]
  1. #   list-style-type:none;  
  2. de  
  3. # ul.monmenu li {  
  4. #   list-style-type:none;  
  5. #   text-indent: -0.5em;  
j'ai le résultat escompté mais sous firefox mes petits ronds apparaissent surimposés par rapports aux liens du menu. Les liens ont bien bougé vers la gauche mais pas les petits ronds. Sous IE6 par contre ils ont pris la bonne place.

Est-ce que quelqu'un aurait une idée?

Merci
04.09.2006, 08:51 Données personnelles
Gilles
Grand Maître
Grand Maître avatar

enregistré depuis :
jui. 2005
Messages : 2199
dernière visite: 01.09.08


Post 
http://batraciens.net/css-astuces/liste-decoration-3.htm

Gilles  ><>°
04.09.2006, 09:02 Données personnelles Accueil
MenInBlues
Bisu
Bisu avatar

enregistré depuis :
nov. 2005
Messages : 25
dernière visite: 27.09.06


Post 
Merci beaucoup Gilles,

Ce lien m'a mis immédiatement sur la voie, j'espère en tout cas. J'ai finalement opté pour le code suivant qui contente Firefox et IE6 mes navigateur préférés, me permettant de garder mes ptits boutons:
Code: [Télécharger] [Cacher]
  1. ul.monmenu li { 
  2.   text-indent: -0.5em; 
  3.   margin-left: -1.7em 
  4. } 
04.09.2006, 09:23 Données personnelles
MenInBlues
Bisu
Bisu avatar

enregistré depuis :
nov. 2005
Messages : 25
dernière visite: 27.09.06


Post 
Salut,

Je reviens sur les ptits boutons car, je viens seulement de faire mes menus (blocks droits) et je m'aperçois que les listes n'ont pas pris le nouveau style imposé par mon css (post précédent). Quelqu'un saurait-il comment je dois faire pour que les blocks menu droit réponde aussi à ma config de style:
Code: [Télécharger] [Cacher]
  1. # ul.monmenu li {  
  2. #   text-indent: -0.5em;  
  3. #   margin-left: -1.7em 

Merci,
10.09.2006, 23:45 Données personnelles
Gilles
Grand Maître
Grand Maître avatar

enregistré depuis :
jui. 2005
Messages : 2199
dernière visite: 01.09.08


Post 
Ce n'est pas des # au debutt du css comme sur le code que tu donnes?

As tu testé avec un autre navigateur?

Fait aussi une recherche google il y a de nombreuses discutions là dessus sur le net

a+

Gilles  ><>°
10.09.2006, 23:53 Données personnelles Accueil
MenInBlues
Bisu
Bisu avatar

enregistré depuis :
nov. 2005
Messages : 25
dernière visite: 27.09.06

Post 
Salut Gilles,

Non il n'y a pas de signe # dans ma feuille de style.
Celà donne la même chose dans IE6 et NN.
C'est pas cool quoi!

On peut voir le theme par ici

Le bloc droit des articles passés est super slim. J'aimerai que celà devienne comme le bloc gauche.
Je vais faire un google pour voir.

Merci,
11.09.2006, 23:14 Données personnelles

Racine » PostNuke 0.7x » Thèmes » question relative aux petits ronds dans le menu principal

Samedi 06 Septembre 2008
Sujet Précédent | Sujet Suivant