Joomla Nevigation Menu - PullRequest
       1

Joomla Nevigation Menu

1 голос
/ 21 апреля 2011

Как создать главное меню Joomla с подменю.

Ответы [ 2 ]

1 голос
/ 21 апреля 2011

Не модифицируйте основной код! Есть простое решение без взлома ядра. Взлом ядра вызовет проблемы во время обновлений, не говоря уже о том, что вы не сможете использовать модуль главного меню где-либо еще, так как меню будет жестко запрограммировано.

Joomla предназначена для использования CSS для достижения того, что вам нужно.

Сначала в модуле меню добавьте суффикс класса модуля, чтобы CSS можно было применять только к этому модулю. Что-то вроде -mainmenu будет работать. Это изменит класс модуля с «moduletable» на «moduletable-mainmenu».

Затем вы добавляете немного CSS, чтобы фоновые изображения работали так, как вы хотите. Как то так -

.moduletable-mainmenu LI{background:url(path-to-square-background.jpg)}
.moduletable-mainmenu LI:hover{background:url(path-to-square-background-mouseover.jpg)}
.moduletable-mainmenu UL:first-child{background:url(path-to-left-rounded-background.jpg)}
.moduletable-mainmenu UL:first-child:hover{background:url(path-to-left-rounded-background-mouseover.jpg)}
.moduletable-mainmenu UL:last-child{background:url(path-to-right-rounded-background.jpg)}
.moduletable-mainmenu UL:last-child:hover{background:url(path-to-right-rounded-background-maouseover.jpg)}

Joomla также добавит id = "current" в текущее меню, чтобы вы могли добавить это в CSS, если хотите выделить текущее меню. Кроме того, вы также можете включить Active Parent в Другие параметры модуля меню, чтобы Joomla добавила class = "parent" в родительский элемент меню, если вы хотите выделить родительский элемент меню.

Теперь вы можете иметь закругленные углы, не взламывая код ядра.

0 голосов
/ 21 апреля 2011

Это легко сделать.

здесь я объяснил, как это сделать.

1. Скопируйте свой HTML-код для меню.2. Перейдите к своим мухам -> модули -> mod_mainmenu -> legacy.php 3.GO к линии 380 '';эхо '';echo '';

            if ($spacer_end) {
                echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
            }

            if ($spacer_start) {
                $html = '<span class="' . $menuclass . '"> ' . $spacer_start . ' </span>';
                echo implode($html, $links);
            } else {
                echo implode('', $links);
            }

            if ($spacer_end) {
                echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
            }

            echo '</td>';
            echo '</tr>';
            echo '</table>';`

4. Скопируйте и вставьте здесь свой HTML-код.Например:

echo "
            <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
          <tr>
            <td><div id=\"menu\">
          <ul>
                                     <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=frontpage&Itemid=63\" class=\"current\"> Home</a></li>
                                    <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&Itemid=27\">Profile</a></li>
                                    <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=friends&Itemid=2\" onmouseover=\"bizdropdownmenu(this, event, 'menu1')\">Friends</a></li>
                                    <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=inbox&Itemid=41\" onmouseover=\"bizdropdownmenu(this, event, 'menu2')\">Message</a></li>
                                    <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=photos&Itemid=49\" onmouseover=\"bizdropdownmenu(this, event, 'menu3')\">Photos</a></li>
                                    <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=videos&Itemid=74\" onmouseover=\"bizdropdownmenu(this, event, 'menu4')\">Videos</a></li>
                                    <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=events&Itemid=142\" onmouseover=\"bizdropdownmenu(this, event, 'menu5')\">Events</a></li>
                                    <li>
                                    <a href=\"http://project.websolusionz.com/speed/index.php?option=com_kunena&view=listcat&catid=0&func=listcat&Itemid=165\">Forum</a></li>
                                    <li><a href=\"chat.html\">Chat</a></li>
                                    <li><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&Itemid=158\" onmouseover=\"bizdropdownmenu(this, event, 'menu6')\">My&nbsp;Account</a></li>
          </ul>
         <div class=\"menu\" id=\"menu1\"><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=search&Itemid=74&Itemid=129\">Search</a><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=search&task=advancesearch&Itemid=74&Itemid=130\">Advanced Search</a><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=friends&task=invite&Itemid=2&Itemid=131\">Invite Friends</a><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=friends&task=sent&Itemid=2&Itemid=132\">Request Send</a><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=friends&task=sent&Itemid=2&Itemid=133\">Pending My Approval</a></div>
         <div class=\"menu\" id=\"menu2\"><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=inbox&task=sent&Itemid=77&Itemid=135\">Send</a>
         <a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=inbox&task=write&Itemid=41&Itemid=50\">Compose Message</a></div>
         <div class=\"menu\" id=\"menu3\"><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=photos&task=myphotos&userid=84&Itemid=74&Itemid=139\">My Photos</a></div>
         <div class=\"menu\" id=\"menu4\"><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=videos&task=myvideos&userid=84&Itemid=74&Itemid=140\">My Videos</a>
         <a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=videos&task=search&Itemid=74&Itemid=141\">Search Videos</a></div>
         <div class=\"menu\" id=\"menu5\"><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=events&task=myevents&userid=84&Itemid=82&Itemid=143\">My Events</a></div>
         <div class=\"menu\" id=\"menu6\"><a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&task=linkVideo&Itemid=164\">Change Profile Videos</a>
         <a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&task=uploadAvatar&Itemid=164\">Change Profile Picture</a>
         <a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&task=edit&Itemid=164\">Edit Profile</a>
         <a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&task=editDetails&Itemid=164\">Edit Detail</a>
         <a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&task=privacy&Itemid=164\">Privacy</a>
         <a href=\"http://project.websolusionz.com/speed/index.php?option=com_community&view=profile&task=preferences&Itemid=164\">Preferences</a>
         </div>
        </div></td>
          </tr>
        </table>";


        /*  if ($spacer_end) {
                echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
            }

            if ($spacer_start) {
                $html = '<span class="' . $menuclass . '"> ' . $spacer_start . ' </span>';
                echo implode($html, $links);
            } else {
                echo implode('', $links);
            }

            if ($spacer_end) {
                echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
            }*/

            /*echo '</td>';
            echo '</tr>';
            echo '</table>';*/
            break;
    }
}

}

5. Теперь вы добавляете меню в главное меню.6. Вы обязательно получите свое меню на передней панели.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...