Стильное оповещение Войти или зарегистрироваться - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Среда, 07.12.2016
Скрипты для uCoz » Скрипты для юКоз » Стильное оповещение Войти или зарегистрироваться

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



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





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

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

Код

<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;}  
.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;
}  
a.button{
display:block;
float:left;
padding:6px 9px 6px 9px;
margin:2px;
color:#fff;
font-weight:bold;
background:url('http://delaisait.ucoz.ru/script/img/1/2013/avtorizacia.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;
}
</style>  
<?if($USER_LOGGED_IN$)?>
<div class="uPanel" id="uPanel" style="display:none">
<?if($USER_AVATAR_URL$)?>  
<a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url">
<img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /></a>  
<?else?>
<a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url">
<img src="/img/comment/1/noavatars.jpeg" style="width:24px; height:24px;" alt="" /></a>
<?endif?>
<a href="/index/14" title="Личные сообщения" class="url">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/pm.png" alt="" /></a>
<a href="/index/8" target="_blank" title="Персональная страница" class="url">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/wind.png" alt="" /></a>
<a href="/index/10" title="Выход" class="url">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/exit.png" alt="" /></a>
</div>
<?else?>  
<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></a>  
<a class="button" href="/index/3"><span>Зарегистрироваться</span></a>
</div>  
<?endif?>
<script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw', html: true});</script>







Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 2437 | Добавил: startsmart | Рейтинг: 0.0/0

    Всего комментариев: 3
    0   Спам
    1 Uzurpator   (12.03.2013 03:12)
    Аватар Uzurpator Подскажите пожалуйста как расположить в верхнем левом а не в нижнем углу сайта.Спасибо.

    +1   Спам
    2 IZOTOP   (12.03.2013 07:33)
    Аватар IZOTOP Привет.




    Последние 2 свойства перед скобкой регулируют положение.

    top:7px; Расстояние от верхней части страницы

    left:7px; Расстояние от левой части страницы

    0   Спам
    3 Uzurpator   (13.03.2013 05:39)
    Аватар Uzurpator Ещё раз спасибо.Отличный сайт.Много чего нашёл здесь для себя.
    Вам удачи Сайту процветания!


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