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

2010
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 написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    263
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: