Фиксированное меню

Автор Lysyj, 19 августа 2011, 19:11:27

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Печать
Вниз Страницы1
Действия пользователя

Lysyj

19 августа 2011, 19:11:27
В файле index.template.php перед

Код Выделить
echo '
</head>
<body>

Добавить

Код Выделить
    ?>
<link rel="stylesheet" type="text/css" media="screen" href="/Themes/Blue_Moonlight/css/uvumi-dock.css"/>
<!--- [if lt IE 7] -->
<link rel="stylesheet" type="text/css" media="screen" href="/Themes/Blue_Moonlight/css/uvumi-dock-ie6.css" />
<![endif]-->
<script type="text/javascript" src="/Themes/Blue_Moonlight/js/mootools-for-dock.js"> </script>
<script type="text/javascript" src="/Themes/Blue_Moonlight/js/UvumiDock.js"> </script>
<script type="text/javascript">
var myDock = new UvumiDock('dock',{
position:'top',
openDuration:200,
hiddenOpacity:0.5
});
</script>

<?php
////конец меню


Дальше после
Код Выделить
<body>

Вставить
Код Выделить
<ul id="dock" >
<li>
<a href="index.php"><img src="/Themes/Blue_Moonlight/images/home.png" alt="Главная" /></a>
</li>

<li>
<a href="index.php?action=forum"><img src="/Themes/Blue_Moonlight/images/Burning Globe.png" alt="Форум" /></a>
</li>

<li>
<a href="index.php?action=media;sa=album;in=5"><img src="/Themes/Blue_Moonlight/images/1.png" alt="Видеоуроки" /></a>
</li>
<li>
<a href="index.php?action=media;sa=album;in=7"><img src="/Themes/Blue_Moonlight/images/png29.png" alt="Переводы" /></a>
</li>
<li>
<a href="index.php/page,15.html"><img src="/Themes/Blue_Moonlight/images/Envelope.png" alt="Почта" /></a>
</li>
<li>
<a href="index.php?action=mlist"><img src="/Themes/Blue_Moonlight/images/silvio_berlusconi512.png" alt="Пользователи" /></a>
</li>

</ul>
';

В папку с темой закинуть содержимое аттачмента

Посмотреть демо: LiMTeaM

[/color]P.S скрипт немного нуждается в доработке.... Если его установить, исчезает скролинг

Макар

#1
20 августа 2011, 02:45:48
одобрено
но есть пара оговорок
категорически не рекомендуется устанавливать на продакшен проекты пока автор решения не доведет его до ума

решение использует библиотеку mootools в то время как смф в основном jquery, поэтому установивший это меню рискует в дальнейшем попасть на несовместимость с другими модами использующими jquery, такими как цитата выделенного, аякс быстрый ответ, спойлер , и пр.

LiMTeam, если уж так хочется верхнее меню , стоит прошерстить http://ruseller.com/ и воспользоваться их туториалами  ;)

например на основе уроков http://ruseller.com/lessons.php?rub=29&id=464 и  http://ruseller.com/lessons.php?rub=29&id=495

у себя сделал верхнее фиксированное меню которое становится прозрачным на 90% при прокрутке страницы и возвращается до 100% видимости при наведении указателя + оно динамическое по высоте и подстраивается под контент в нем размещенный ..............

Если Вы здесь недавно, не обольщайтесь тоном некоторых дискуссий.
Все чаще слова - юзай поиск, приобретают смысл - иди в ж..........  Приобретение смысла автоматизированно - Ответы на любой вопрос по SMF
Не пишите несколько сообщений подряд - тут вам не Twitter  >:( в остальных ситуациях мы не сильно зверствуем 2funny

Lysyj

#2
20 августа 2011, 12:53:17
хм... что-то со скриншотов не понял ничего)
я установил только у меня всё работает кроме скролинга.

kak2z

#3
20 августа 2011, 14:16:09
Красиво) Но у меня в Хромиуме (Хром под линуксом) нет скролинга))) Ни колесом) Ни прокруткой справа как обычно)
Если нужно что то исправить, обновить, переставить, настроить, сделать форум заново - пишите в ЛС)

Lysyj

#4
23 августа 2011, 20:26:56
Цитата: kak2z от 20 августа 2011, 14:16:09
Красиво) Но у меня в Хромиуме (Хром под линуксом) нет скролинга))) Ни колесом) Ни прокруткой справа как обычно)

У меня такая же была ситуация.
удалил из index.template.php
Код Выделить
<!--- [if lt IE 7] --> <link rel="stylesheet" type="text/css" media="screen" href="/Themes/Blue_Moonlight/css/uvumi-dock-ie6.css" /> <![endif]-->
и всё заработало
Печать
Вверх Страницы1
Действия пользователя