ugrás a tartalomhoz

Joomla menü

aspirany · 2011. Feb. 27. (V), 13.51
Na még egyszer

<ul class="menu-nav" id="menu">
 <li class="top item53">
   <a href=><strong>Our Salon</strong></a>
 </li>
 <li class="top parent item55">
  <a href=><strong>Services</strong></a>
 <div class="ulwrapper">
  <ul>
   <li class="item59">
    <a href=><strong>overview</strong></a>
   </li>
   <li class="parentitem60">
    <ahref=><strong>popular</strong></a>
   </li>
   <li class="item61">
    <a href=><strong>business</strong></a>
   </li>
   <li class="item62">
    <a href=><strong>education</strong></a>
   </li>
  </ul>
 </div>
</li>
</ul>


itt a class részen van a hangsúly.Hogyan tudom a top szót berakni a kódba.Ez a menü egy lenyíló menü.Sima html kódban jól működik.Csak joomolában nem tudom hogyan érjem el hogy a class-ban a "top" szerepeljen.

Köszönöm a segítséget :)

style=background-color:#ffff;
‹ 406 Not Acceptable SSH kapcslat php-val ›
 ■
1

forráskód?

ironwill · 2011. Feb. 27. (V), 14.25
Akkor talán mutasd meg a forráskódját a joomla menu-nek, mert anélkül nem tudunk segíteni.

De addig, is:
google
2

joomla által generált kód

aspirany · 2011. Feb. 27. (V), 14.38
a joomla által generált kód ehez képest nem sokban tér el csak a "top" prefix hiányzik.
<ul class="menu-nav" id="menu">
 <li class="active item53">
   <a href=><strong>Our Salon</strong></a>
 </li>
 <li class="parent item55">
  <a href=><strong>Services</strong></a>
 <div class="ulwrapper">
  <ul>
   <li class="item59">
    <a href=><strong>overview</strong></a>
   </li>
   <li class="parent item60">
    <ahref=><strong>popular</strong></a>
   </li>
   <li class="item61">
    <a href=><strong>business</strong></a>
   </li>
   <li class="item62">
    <a href=><strong>education</strong></a>
   </li>
  </ul>
 </div>
</li>
</ul>
3

??

ironwill · 2011. Feb. 27. (V), 15.14
Ez a joomla menü kódja? Azt hittem, hogy valami php collection-ből építkezik..
Mire akarod beállítani a top class-t?
4

igen ezt generálja

aspirany · 2011. Feb. 27. (V), 17.18
Igen ezt generálja az összekattintós felületből az alap mod_mainmenu
modul.
Ugye a mainmenu modulban tudtam prefixeket megadni ebből lett a "menu-nav".
De amikor a menüket hozom létre nincs hatásom arra hogy milyen szöveg kerüljön a "class"-ba.
Nekem úgy is jó, ha valahogy le tudom kérdezni a menüket, és én írom meg a kódot ami ezt a szerkezetet előállítja.
Csak mivel kezdő vagyok joomla-ban, így nem tudom, hogy milyen lehetőségeim vannak.

tehát a lényeg hogy ilyen szerkezetet kellene kapjak

<li class="top xy

illetve almenü <li class="top parent xy
5

ahogy néztem..

ironwill · 2011. Feb. 27. (V), 18.14
link1
link1
Itt azt írják, hogy a gyári modult felülírva lehet megoldani..

Szerintem inkább próbáld meg megoldani a jelenlegi lehetőségeid figyelembe véve simán css-ből. Ha megmutatod, hogy milyen html szerkezetet szeretnél és milyet generál a joomla jelenleg (lehetőleg egyértelmű legyen), akkor segítek a css-t megírni.
6

köszi

aspirany · 2011. Feb. 27. (V), 21.34
Köszönöm hogy utánanéztél.
Remélem érthetően fogalmaztam az elején,de összefoglaloma lényeget.
Tehát van ez a weboldal webtemplate

Erről letöltöttem az összes képet,css-t,scriptet.
Ez alapján elkészítettem a html templétet.Majd átalakítottam php-ra úgy hogy joomla templétként tudjam használni.Minden szuper is :)

Kivéve ez a lenyíló menü,mert ez nem működik csak a akkor, ha fent említetett menüszerkezetet tudom generálni.
Ugye html-ben nem volt gondom ott tökéletesen működik.

Köszönöm a segítségedet.
7

..

ironwill · 2011. Feb. 27. (V), 21.56
Kivéve ez a lenyíló menü,mert ez nem működik csak a akkor, ha fent említetett menüszerkezetet tudom generálni.


Erre mondtam, hogy írjuk akkor át a css-t (és akkor a js-t is), hogy működjön a jelenlegi struktúrában is..
8

a css

aspirany · 2011. Feb. 28. (H), 00.51
a css-ben van ez a rész:
ul.menu-nav {
  margin-left:-25px !important;
  position:relative;
  zoom:1
}
.first .top_menu {
  padding:0 0 0  0 !important;
  margin:0 0 0 0 !important;
  zoom:0;
  position:absolute;
  z-index:1;
  top:424px;
  left:387px;
}


ul.menu-nav li {
  display:block;
  padding:0 0 0 0;
  float:left;
  margin:0 0 0 0;
  padding:0 0 0 0 !important;
  position:relative
}
ul.menu-nav li a  {
  border:none;
  text-decoration:none !important;
  float:left;
  margin:0 0 0 0;
  padding:0 25px 15px 25px;
  display:block;
  background:url(../images/mark.gif) no-repeat 0 6px;
}
ul.menu-nav li:first-child a  {
  border:none;
  text-decoration:none !important;
  float:left;
  margin:0 0 0 0;
  padding:0 25px 15px 25px;
  display:block;
  background:none !important;
}
ul.menu-nav li a:hover, ul.menu-nav li.active a {
}
ul.menu-nav li a strong {
  display:block;
  color:#161111;
  font-size:18px;
  text-decoration:none;
  float:left;
  position:relative;
  font-weight:normal;
}


ha minden igaz ez formázza a menüt. az oladalon a neve tempalte.css

a js jquery-1.3.2.min.js

illetve van ez a szösszenet
<script type="text/javascript">
    var $j = jQuery.noConflict();
      $j(document).ready(function(){
       $j('.menu-nav li').hover(
         function() {
   $j(this).addClass("active");
    $j(this).find('.ulwrapper').stop(false, true).slideDown();
    $j(this).find('.ulwrapper .ulwrapper').stop(false, true).slideUp('fast');
 },
 function() {
 $j(this).removeClass("active");        
 $j(this).find('div').stop(false, true).slideUp('fast');
     }
      );
      $j('.ulwrapper').hover(
  function() {
    $j('.parent').addClass("active_tab");
    },
    function() {
                 $j('.parent').removeClass("active_tab");        
    }
      );
       });
</script>


Köszönöm a segítségedet.
9

sorry

aspirany · 2011. Feb. 28. (H), 03.20
Elnézést kérek de nem jól kezeltem az egészet.
A kulcs a az egésznek a:
<div class="ulwrapper">
ha ez nem szerepel akkor nem működuk rendesen a menü
10

megoldódott?

ironwill · 2011. Feb. 28. (H), 14.36
Akkor most hogy is állunk? Mert amiket eddig mutattál kódok, ott mindenhol szerepel az urlwrapper.. !?
11

szóval

aspirany · 2011. Feb. 28. (H), 18.56
Az Én hibám volt félrevezettelek bár HELYZET HASONLÓ.
Azt kellene megoldanom hogy minden főmenühöz aminek vannak almenüi.
Be kellene rakni egy divet, aminek a class mezőjébe szerepelnie kell a kulcsszónak jelen példában az "ulwrappernek".

próbáltam a modulba "mod_mainmenu=>legacy.php -ba berakni de rá sem hederített.
$menuclass = 'mainlevel' . $params->get('class_sfx');
    $lang =& JFactory::getLanguage();

    if (count($links))
    {
switch ($style) {
       case 1 :
  echo '<ul id="' . $menuclass . '">';
    <--- ide raktam a divet --->
    foreach ($links as $link) {
echo '<li>' . $link . '</li>';
}
echo '</ul>';
       break;
12

Bocs, hogy csak most válaszolok..

ironwill · 2011. Már. 3. (Cs), 16.49
$menuclass = 'mainlevel' . $params->get('class_sfx');
  $lang =& JFactory::getLanguage();

  if (count($links)) {
    switch ($style) {
      case 1 :
        echo '<div class="ulwrapper">'; <--- ide kellett volna :) --->
        echo '<ul id="' . $menuclass . '">';
        foreach ($links as $link) {
          echo '<li>' . $link . '</li>';
        }
        echo '</ul>';
        echo '</div>';
       break;
..
13

köszönöm

aspirany · 2011. Már. 6. (V), 11.08
Köszi a válaszodat.Még nem próbáltam ki.
Biztos működni fog :)

Tiéd az 50 pont