Плавающий горизонтальный мини-профиль на сайт

1973
10 из 10
Проголосовало: 3




  • Скачать с сервера
  • Скачать
  • Смотреть демо

Плавающий горизонтальный мини-профиль в низу сайта на jQuery


Установка: 
1. Скачиваем архив и заливаем файлы себе на сайт.
2. Далее идем в ПУ/Управление дизайном/Страницы сайта и между тегами <head> и </head> вставляем данный код:

Code
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.meerkat.js"></script>
<link type="text/css" rel="StyleSheet" href="/css/main.css" />
<script type="text/javascript">
$(document).ready(function(){
meerkat({
showMeerkatOnLoad: 'false',
close: 'none',
dontShow: 'none',
dontShowExpire: 0,
removeCookie: 'none',
meerkatPosition: 'bottom',
animation: 'slide',
animationSpeed: 'slow',
height: '60px',
background: 'none'
});
});
</script>


3. Далее вставляем перед тегом </body> данный код:

Code


<div style="position: fixed; width: 100%; height: 60px; bottom: 0pt; display: block;" id="meerkat-wrap"><div style="background: url(/images/meerkat-bg.png) repeat-x scroll 0pt 0pt; height: 60px;" id="meerkat-container"><div style="display: block;" id="meerkat">
<div id="meerkat-content-adsense">
<center>
<table><tr>
<td>
<div align='left'>

<a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><img src="$USER_AVATAR_URL$" width="50" alt="Мой профиль" border="0"></a>

<a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><img src="/logo/noavatar.png" width="50" alt="Мой профиль" border="0"></a>
<br />
</td>
<td>
<font color="#ffffff"> Привет, <b>$USERNAME$</b>!
<a href="$PERSONAL_PAGE_LINK$"><u><font color="#ffffff">Мой профиль</font></u></a>
<a href="$PM_URL$"><font color="#ffffff">Личные сообщения: $UNREAD_PM$</font></a>
<a href="$ADD_ENTRY_LINK$"><font color="#ffffff"><b>Добавить материал</b></font></a>
<a href="$LOGOUT_LINK$"><font color="#ffffff">Выйти</font></a>
</td>

</tr>
</table>

</center>
</div>

</div>
</div></div></div>




Источник: http://www.ubing.info

Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    255
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: