Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Мини профили » всплывающий мини профиль

всплывающий мини профиль

Опубликовал: Krixys
Категория: Мини профили
Дата: 18 Июня 2025 в 22:01

1 голос

Чтобы вставить наш блок а, он будет находится исключительно в нижнем левом боку мы создаем глобальный блок: ПУ ➨ Дизайн ➨ Управление дизайном (шаблоны) ➨ Глобальные блоки ➨ Добавить блок. И вводим любое название блока я назову его PROFILE . И туда вставляем следующий код.

Код

<?if($USER_LOGGED_IN$)?><script>
$(function(){$(".prof_s").hover(function(){$(this).animate({width:'+=170'},300);},
function(){$(this).animate({width:'-=170'},500);});});
</script>
<style>
div.prof_s {display:block;overflow:hidden;position:fixed;left:0;bottom:0;margin-bottom:20px;border:1px solid #ccc;background:#f2f2f2;border-left:0;height:270px;-moz-box-shadow:2px 3px 5px #bdbdbd;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);}
div.prof_s:hover {cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
</style>
<div class="prof_s" style="width:22px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td align="left" width="22px"><img src="http://xn--j1arl.at.ua/MVC/prof.png"></td><td align="left" style="border-left:1px solid #ccc;padding-top:5px;padding-left:2px;" width="100%" valign="top">
<style type="text/css">
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.m {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.m:hover {border:1px solid #9AC4EC; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
li.fr {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.fr:hover {border:1px solid #C5C5C5; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
.m {font-family:Tahoma,Arial,Helvetica;}
a.m:link {text-decoration:none; color:#01547F;}
a.m:visited {text-decoration:none; color:#01547F;}
a.m:hover {text-decoration:underline; color:#00283C;}
a.m:active {text-decoration:underline; color:#00283C;}
</style>
<center>
<?if($USER_AVATAR_URL$)?><img border="0" align="absmiddle" src="$USER_AVATAR_URL$" width="100px" height="100px"><?else?><img border="0" align="absmiddle" src="http://mvcreative.ru/avatar/20/553874.png" width="100px" height="100px"><?endif?>
<ul class="uz">
<li class="m"><a class="m" href="#">Привет:<b> $USERNAME$</b></a></li>
<li class="m"><a class="m" href="#"><b>$USER_GROUP$</b></a></li>
<li class="m"><a class="m" href="$PM_URL$"><img src="http://xn--j1arl.at.ua/mail.png"</a></li>
<li class="m"><a class="m" href="/index/11"><img src="http://mvcreative.ru/images/min_link.png"></a></li>
<li class="m"><a class="m" href="/index/8-$USER_ID$"><img src="http://mvcreative.ru/images/min_profile.png"></a></li>
<li class="m"><a class="m" href="/index/10"><img src="http://mvcreative.ru/images/min_out.png"></a></li>
</ul></center>
</td></tr></tbody></table>
</div>
<?endif?>

Следующим действием будет у меня вставить Глобал в шаблон для этого : ПУ ➨ Дизайн ➨ Быстрая замена участков шаблона и вставляем следующий код: Что заменить

Код

$GLOBAL_BFOOTER$

На что заменить

Код

$GLOBAL_BFOOTER$$GLOBAL_PROFILE$

И нажимаем сохранить все готово идите любоваться на свой мини профиль =) кому нужно разобрать скрипт пишите в комменотариях хотя он очень прост.

Спонсор материала: Студия Веб-Дизайна RealARTs

Автор файла: чук.at.ua

Ссылка на источник материала

Ссылка на ДЕМО

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 903 « Назад

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Мини профили » всплывающий мини профиль

всплывающий мини профиль

Комментарии пользователей