[support] Menü ikonokkal...

[Szabó Dániel]

Azt hagytad ki, hogy class-nak van megadva az id-d...
Másik olvasmány, itt már id-nek van írva.
http://drupal.org/node/310356

A hiba rövidena nnyi, hogy a
$class .= ' item-'. strtolower(str_replace(' ', '_',strip_tags($link)));

sor helyett mondjuk ilyesmit kellett volna írnod:

$id = ' item-'. strtolower(str_replace(' ', '_',strip_tags($link)));

majd:

return '<li class="'. $class .'" id="'.$id.'">'. $link . $menu ."</li>\n";

Üdv,

Szabó Dániel
webfejleszto, projektvezeto
----------------------------------------------------------------
5Net Informatikai Kft.
1062 Budapest, Aradi utca 38. A 3/11
telefon: (1) 461 0205  |  fax: (1) 461 0206
email: szabod at 5net.hu  |  web: http://www.5net.hu
----- Original Message ----- 
From: "MG" <makgab at freemail.hu>
To: "Drupal lista" <support at drupal.hu>
Sent: Monday, May 11, 2009 11:09 AM
Subject: Re: [support] Menü ikonokkal...



Szabó Dániel  danyg at 5net.hu irta:
> ez abszolút smink kérdése.
> A menu-id alapján CSS-ben background megadásával
> tudod az egyes menüpontokhoz ikonokat rakosgatni.
> A Primary links és a Secondary links automatikusan hozzáadja
> a menuelem ID-ját a linkhez, a saját menu-ben létrehozott
> elemekhez pedig ajánlott olvasmány itt:
> http://drupal.org/node/225480
>
>

Probaltam a linken leirtakat az alábbiak szerint:

I. Elhelyeztem egy 'template.php'-t a smink (pushbutton theme)
könyvtárában (alapból nem volt ilyen file):

<?php
function phptemplate_menu_item($link, $has_children, $menu = '',
$in_active_trail = FALSE, $extra_class = NULL) {
   $class = ($menu ? 'expanded' : ($has_children ? 'collapsed' :
'leaf'));
   if (!empty($extra_class)) {
     $class .= ' '. $extra_class;
   }
   if ($in_active_trail) {
     $class .= ' active-trail';
   }
   $class .= ' item-'. strtolower(str_replace(' ', '_',
strip_tags($link)));
   return '<li class="'. $class .'">'. $link . $menu ."</li>\n";
}
?>

II. A css-ben lehet hivatkozni az id-vel az adott <li> elemekre:
#myid {
background-image:url(icons/myicon.png);
}


A baj az, hogy a generált HTML kódban nincs id:
...
<li class="leaf"><a href="/?q=user/1">Saját adatok</a></li>
<li class="collapsed"><a href="/?q=node/add">Tartalom
beküldése</a></li>
<li class="collapsed"><a href="/?q=mymenu">Én menüm</a></li>
<li class="collapsed"><a href="/?q=admin">Adminisztráció</a></li>
<li class="leaf last"><a href="/?q=logout">Kilépés</a></li>
</ul></div>


Így a css-ben nincs mire hivatkozni. Mit hagytam ki? :(


G.




_______________________________________________
support mailing list
support at drupal.hu
https://drupal.hu/mailman/listinfo/support