Свернуть

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

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

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

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

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

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

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

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

Свернуть

Прямой эфир

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

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

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

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

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

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

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

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

Свернуть

Статистика

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

Гости сайта

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

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

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

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

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

Фиксированный мини - профиль

Опубликовал: InfernO
Категория: Мини профили
Дата: 19 Июня 2025 в 04:09

1 голос

Мини-профиль, как у нас на сайте. Конечно он не уникален, но полезный и красивый, а главное не занимает много места.

Папку user_panel загрузите в папку images
Установка довольно проста. Нужно просто в нижнюю часть сайта вставить следующий код:

Код

<style type="text/css">
  .IsuPanel{background:rgba(0,0,0,0.8);color:#fff;float:center;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:22px;right:7px;}
  .IsuPanel a.url,.IsuPanel a.url:visited{display:block;float:left;color:#fff;font-weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;}
  .IsuPanel a.url img{vertical-align:-8px;}
  .IsuPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}
  .IsuPanel a.url.highlighted{opacity:1.0;}
  .IsuPanel a.url span{display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
  </style>
  <div class="IsuPanel" id="IsuPanel" style="display:none">
  <a href="$PERSONAL_PAGE_LINK$" title="Моя страница" class="url"><img src="$USER_AVATAR_URL$/images/noavatar.png" style="width:24px; height:24px;"/></a>
  <a href="$PM_URL$" title="У вас $UNREAD_PM$ сообщения(й)" class="url"><img src="/images/user_panel/pm.png"/></a>
  <a href="$ADD_ENTRY_LINK$" title="Добавить материал" class="url"><img src="/images/user_panel/add.png"/></a>
  <a href="$LOGOUT_LINK$" title="Выход" class="url"><img src="/images/user_panel/logout.png"/></a>
  </div>
  <script>$("#IsuPanel").fadeIn('normal');$("#IsuPanel a.url").tipsy({gravity: 'sw', html: true});</script>

  <style type="text/css">
  .IsuPanel{background:rgba(0,0,0,0.8);color:#fff;float:center;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:22px;right:7px;}
  .IsuPanel a.url,.IsuPanel a.url:visited{display:block;float:left;color:#fff;font-weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;}
  .IsuPanel a.url img{vertical-align:-8px;}
  .IsuPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}
  .IsuPanel a.url.highlighted{opacity:1.0;}
  .IsuPanel a.url span{display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
  </style>
  <div class="IsuPanel" id="IsuPanel" style="display:none">
  <a href="$LOGIN_LINK$" title="" class="url">Вход</a>
  <a href="$REGISTER_LINK$" title="" class="url">Регистрация</a>
  </div>
  <script>$("#IsuPanel").fadeIn('normal');$("#IsuPanel a.url").tipsy({gravity: 'sw', html: true});</script>