• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Скрипт для управления ссылками
Скрипт для управления ссылками
XemorDioДата: Понедельник, 04.04.2016, 13:29 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: Offline

Что-то в последнее время, все мои статьи связаны с изменением представления о ссылках. И сегодняшняя не исключение. Нашел очень интересное решение, которое будет выводить маленькое меню при наведении на ссылку. В меню всего два пункта: "открыть в новой вкладке", "открыть в текущей вкладке". Все выполнено очень аккуратно, и смотрится - отлично. В любом случае, вы можете с легкостью изменить внешний вид, все интуитивно понятно.

И по традиции, переходим к установке.

Установка
1. Загружаем папку из архива в корень сайта.

2. Подключаем скрипт:
Код
<script type="text/javascript" src="/js/jQuery.linkControl.js"></script>

Рекомендую вставить данную строку в глобальном блоке Верхняя часть сайта или Нижняя часть сайта.

3. Добавляем в то же место, где и предыдущую строку:
Код
<script type="text/javascript">
$(document).ready(function(){
// alert ('jQuery running');
$('a.overlay').linkControl({overlay:true, padding:5, bgColor:'#fff', borderColor:'#333'});
});
</script>

padding - отступы пунктов от краев;
bgColor - цвет фона меню;
borderColor - цвет рамки меню.

Меню вызывается с помощью присвоения ссылке класса "overlay". Либо можете использовать готовую ссылку:
Код
<a href="http://ссылка" class="overlay">ссылка</a>

Если же вы хотите, что-бы меню появлялось на всех ссылках на сайте, либо странице, то вместо 3-го пункта вставляем следующее:
Код
<script type="text/javascript">
$(document).ready(function(){
// alert ('jQuery running');
$('a').linkControl({overlay:true, padding:5, bgColor:'#fff', borderColor:'#333'});
});
</script>

Скачать
 
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Скрипт для управления ссылками
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Рейтинг@Mail.ru