Вы вошли как Гость | Группа "Гости" | RSS

Главная » 2010 » Ноябрь » 4 » Блок ,,Популярное,, с всплывающим изображением
23:15
Блок ,,Популярное,, с всплывающим изображением



Блок ,,Популярное,, с всплывающим изображением

Блок ,,Популярное,, с всплывающим изображением.При наведение на название материалов в блоке появляется уменьшенное изображение к материалу.

1.Создаем информер |Раздел Новости сайта | Способ сортировки:(какой Вам
угодно) | Количество материалов:(любое)
Далее все в шаблоне информера заменяем на

Code
<style type="text/css">
  .bubbleInfo{position: relative;}
  .popup{position: absolute; display: none; z-index: 50; }
  </style>
<div class="bubbleInfo">
<div class="trigger">

<li><font size="1"><a href="$ENTRY_URL$" class="popul"><b>$TITLE$</b></a><br></font></li></div> <div class="popup"><a href="$ENTRY_URL$"><img alt="" src="$IMG_URL1$" border="1" width="150"></a></div></div>

2.В ПУ заходим в Управление дизайном | Быстрая замена
Режим замены: Простой
Что заменить:
Code
</head>

На что заменить:
Code
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script src="...Путь к скрипту..." type="text/javascript"></script></head>

Скачиваем архив,распаковываем и содержимое заливаем к себе на сайт.
...Путь к скрипту... меняем на путь к скрипту.
Скачать архив...
3.Вставляем код Вашего информера в блок ,,Популярное,, или как Вам угодно его назвать...
Вот и всё.
Материал взят с сайта infoscript.ru


Источник/Автор: romale1980(сайт http://romale80.ucoz.ru)



Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML





    Просмотров: 763 | Добавил: ed127 | Теги: с всплывающим изображением, популярное, блок | Рейтинг: 0.0/0 | |
    Новости по теме:
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Сделать бесплатный сайт с uCoz

    www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
    Загрузка...