Поиск:
  • Страница 1 из 1
  • 1
Плавающий горизонтальный мини-профиль на сайт
Дата: Пятница, 20.05.2011, 17:20 | Сообщение # 1
Offline
  • Проверенный

  • _PS_AE_
  • 320 Сообщения

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

[TableGrey]Скачать файлы[/TableGrey]

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

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>

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

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>

Сообщение отредактировал: Dell - Пятница, 20.05.2011, 17:21
[TableGrey]Не забываем про +[/TableGrey]
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2025 Сайт управляется системой uCoz.