Модуль Java navigation

Администратор · Регистрация: 27.02.2009

Java navigation

Описание: Модуль с новым вариантом навигации

vBa CMPS -> Добавить модуль -> Тип модуля выбрать Шаблон модуль

Название модуля - Навигация
Подключаемый шаблон adv_portal_javanav
Выделить стили в которых модуль будет использоваться
Содержимое шаблона - Вставить код, изменив ссылки на свои

PHP код:



<tr><td class="$bgclass">
<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
    for (var i = 1; i<=10; i++) {
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    }
if (d) {d.style.display='block';}
}
//-->
</script>
<dl id="menu">
    <dt onmouseover="javascript:show('smenu1');" onmouseout="javascript:show('');">&nbsp; Секция 1</dt>
        <dd id="smenu1" onmouseover="javascript:show('smenu1');" onmouseout="javascript:show('');">
            <ul>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
            </ul>
        </dd>    
    <dt onmouseover="javascript:show('smenu2');" onmouseout="javascript:show('');">&nbsp; Секция 2</dt>
        <dd id="smenu2" onmouseover="javascript:show('smenu2');" onmouseout="javascript:show('');">
            <ul>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
            </ul>
        </dd>
    <dt onmouseover="javascript:show('smenu3');" onmouseout="javascript:show('');">&nbsp; Секция 3</dt>
        <dd id="smenu3" onmouseover="javascript:show('smenu3');" onmouseout="javascript:show('');">
            <ul>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
            </ul>
        </dd>
    <dt onmouseover="javascript:show('smenu4');" onmouseout="javascript:show('');">&nbsp; Секция 4</dt>
        <dd id="smenu4" onmouseover="javascript:show('smenu4');" onmouseout="javascript:show('');">
            <ul>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
            </ul>
        </dd>
</dl>
</tr></td>

Использовать шаблон оболочки модуля - Да
Количество ячеек для заголовка - 1
Выставить права для групп - по умолчанию всем доступен для просмотра
Нажимаем Ок, жмем продолжить, чтобы указать в каком месте страницы отображать наш новый модуль навигации.

Теперь подключим CSS к нашему меню.

Стили и шаблоны -> Управление стилями -> выбрать нужный стиль и в выпадающем меню выбрать Основная таблица CSS
Прокручиваем страницу в самый низ и во втором поле Дополнительные определения CSS
Вставляем следующий код:

PHP код:



dl, dt, dd, ul, li             { margin: 0; padding: 0; list-style-type: none; }
#menu                     { width: 160px; }
#menu dt                 { cursor: pointer; background: #FFFFFF; height: 20px; line-height: 20px; margin: 2px 0; border: 1px solid gray; text-align: left; font-weight: bold; }
#menu dd                 { position: absolute; z-index: 100; left: 8em; margin-top: -1.4em; width: 15em; background: #FFFFFF; border: 1px solid gray; }
#menu ul                 { padding: 1px; }
#menu li                 { text-align: left; font-size: 85%; height: 18px; line-height: 18px; }
#menu li a, #menu dt a             { color: #000; text-decoration: none; display: block; }
#menu li a:hover             { text-decoration: underline; }
#mentions                 { font-family: verdana, arial, sans-serif; position: absolute; bottom : 160px; left : 15px; color: #000; background-color: #ddd; }
#mentions a                 { text-decoration: none; color: #222; }
#mentions a:hover            { text-decoration: underline; }

Пользователь · 23.07.2011, 22:47

Поставил. Вроде всё окей. На что обратил внимание: при открытии страницы всплывает окошко дублирующее меню (как всплывают ссылки). У меня это буквально доли секунды. А вот у одного (пока) юзера всплывает и висит до тех пор пока не кликнешь по нему мышкой. Опера 10,5.
Чем можно полечить?

Администратор · 24.07.2011, 21:31

Скриншот покажите

Пользователь · 25.07.2011, 11:03

Скрин.
Посмотрел внимательно. Это всплывающие ссылки с этого меню, просто не все.

Добавлено через 3 минуты
С другого компа в опере попробовал. Висит окошко пока не загрузится вся страничка полностью. Последним грузится информер погоды.. его ждёт :( Наверное придётся его удалить

Администратор · 25.07.2011, 11:23

Это всплывающее меню, если оно не нужно, просто удалите из кода

PHP код:



        <dd id="smenu1" onmouseover="javascript:show('smenu1');" onmouseout="javascript:show('');">
            <ul>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
                <li><a rel="nofollow" href="http://www.yoursite.com/link.php">Ссылка</a></li>
            </ul>
        </dd>

Добавлено через 1 минуту
Впрочем и меню вообще можно сделать тогда без javascript, на простом html и надобность в данном модуле отпадает

Пользователь · 25.07.2011, 23:14

Обычное у меня было. Это удобней. Удалил информер погоды тк задерживал загрузку страницы и стало вроде всё ок.

Пользователь · 06.08.2011, 20:30

Тока сегодня обратил внимание... Какой смысл закрывать ссылки со своей главной страницы на внутренние разделы rel="nofollow"? Главная страница передаст часть своего веса на внутренние страницы. Если мы закроем эти ссылки nofollow, то получаем что вес на наши страницы не передаётся, но его всё равно снимают с главной (раньше не снимало)

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Vector #3
7560 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,247 Сказал(а) спасибо: 574 Спасибок 2,673 в 1,898 сообщениях	24.07.2011, 21:31 Скриншот покажите