LimOnline                                                                         




        

Создаю профили в одноклассниках и вконакте.Телефон для заполнения в профиле тоже заполняю я.
Писать на
E-mail - oleg.kapakly@mail.ru - Цена 10 руб - 1 профиль!



Менюшка
Категории раздела
Полезное и нужное! [5]
Шаблоны [0]
Настройки [5]
Скрипты на сайт ucoz и т.д. [27]
Шапки Для Сайта [1]
Популярные разделы
Общалка
РАССКАЖИ ДРУЗЬЯМ

Случайный Опрос
Опрос сайта
Где в столице должны жить мигранты?
javascript:; javascript:;
Всего ответов: 2

Соц.Закладки
Статистика
Total users: 5
Всего чел. на сайте: 5
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Счетчики
Онлайн лист
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Статистика
Рейтинг@Mail.ru
Block title
Block title
 Статьи | Публикации 
Главная » Статьи » ВАШ САЙТ » Скрипты на сайт ucoz и т.д.

Профиль для ucoz
Профиль для ucoz
Многофункциональный скрипт для ucoz в виде профиля и формы входа. Профиль выполнен в ajaxокне, которое вызываются с помощью ссылки которую Вы установите в нужно на сайте место. Профиль и форма входа имеют синий дизайн, и в случае необходимости всегда можно изменить на любой другой цвет коррекцией оттенков(если понадобится - пишите в комментариях). Скрипт будет отличной заменой старомуокну авторизации ucoz.
Шаг-1 Установка CSS
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем код профиля:
/* User Box */   
   #userbox {text-shadow:0 -1px 0 #446b81;color:#fff;font:normal 14px Trebuchet MS,Arial,Tahoma,Verdana;display:none;position:fixed;top:50%;left:50%;padding:29px 33px 0;width:250px;margin-left:-158px;margin-top:-140px;height:281px;background:url('http://wallaby.ucoz.ru/images_site/user_box.png') no-repeat 0 0;}   
   #userbox a {color:#fff;text-decoration:none;}   
   #userbox a:hover {text-decoration:underline;}   
   #userbox span#nm {font:bold 26px Trebuchet MS,Arial,Tahoma,Verdana;margin-bottom:18px;display:block;}   
   #userbox #cls {width:25px;height:25px;display:block;float:right;background:url('http://wallaby.ucoz.ru/images_site/oel.png') no-repeat 0 -133px;cursor:pointer;}   
   #userbox input[type='text'], #userbox input[type='password'] {margin-top:19px;padding:0 13px;background:url('http://wallaby.ucoz.ru/images_site/oel.png') no-repeat 0 0;font:normal 15px/38px Trebuchet MS,Arial,Tahoma,Verdana;width:224px;height:37px;color:#9f9f9f;border:none;outline:none;}   

   #userbox input#log_in {background:url('http://wallaby.ucoz.ru/images_site/logbt.png') no-repeat -122px 0;cursor:pointer;width:122px;height:40px;margin:21px 64px 0;border:none;outline:none;}   
   #userbox input#log_in:hover {background:url('http://wallaby.ucoz.ru/images_site/logbt.png') no-repeat -122px -41px;}   
   #userbox input#log_out {background:url('http://wallaby.ucoz.ru/images_site/logbt.png') no-repeat 0 0;cursor:pointer;width:122px;height:40px;margin:21px 64px 0;border:none;outline:none;}   
   #userbox input#log_out:hover {background:url('http://wallaby.ucoz.ru/images_site/logbt.png') no-repeat 0 -41px;}   

   #userbox #avatar {width:95px;height:96px;background:url('http://wallaby.ucoz.ru/images_site/oel.png') no-repeat 0 -37px;float:left;margin-right:22px;margin-top:19px;}   
   #userbox #avatar img {max-with:85px;max-height:85px;margin:5px 5px 0 5px;border:none;}   
   #userbox #u_block {padding-top:21px;}   
   #userbox #u_block a {display:block;}   
   /* -------- */
Шаг-2 Установка HTML и JS
Вставляем код формы входа ucoz на всех страницах сайта:
<!-- User_Box -->   
   <script type="text/javascript">function log_in() {$('input[name=user]').val($('#u_login').val());$('input[name=password]').val($('#u_pass').val());$('input[name=sbm]').click();}</script>   
   <div id='userbox'>   
   <div id='cls' title='Закрыть' onclick="$('#userbox').fadeOut();"></div>   
   <span id='nm'>ПрофильВход</span>   
      
   <div id='avatar'><img src='$USER_AVATAR_URL$' alt='avatar' title='$USERNAME$'></div>   
   <div id='u_block'>   
   <a href='/news/0-0-0-1'>Добавить Новость</a>   
   <a href='/index/14'>Сообщения: <span title='Непрочитанных сообщений: $UNREAD_PM$'>$UNREAD_PM$</span></a>   
   <a href='/index/8'>Мой Профиль</a>   
   <a href='/index/11'>Изенить Данные</a>   
   <a href='/index/15'>Все Пользовтели</a>   
   <input type='button' value='' title='Выйти' id="log_out" onclick="location.href='/index/10'">   
   </div>   
   <input type='text' id='u_login' value='Логин' size='20' maxlength='50' onblur="if(value == ''){value = 'Логин'}" onfocus="if(value == 'Логин'){value =''}">   
   <input type='password' id='u_pass' value='Пароль' size='20' maxlength='50' onblur="if(value == ''){value = 'Пароль'}" onfocus="if(value == 'Пароль'){value =''}">   
   <input type='button' value='' id="log_in" onclick='log_in();'>   
      
   </div>   
   <!-- /User_Box -->
Шаг-3 Установка окна вызова
Вставляем код туда, где хотите видеть ссылку для вызова окна профиля и формы входа:
<a href="javascript://" onclick="$('#userbox').fadeIn();">ПрофильВход</a>
Дополнительно
На тех страницах, где у вас будет окно авторизации, должен стоять код стандартной формы входа -$LOGIN_FORM$ (иначе авторизация не будет работать), если хотите, можете спрятать стандартную форму входа, вот так:
<div style='display:none;'>$LOGIN_FORM$</div>



Источник: http://wallaby.ucoz.ru
Категория: Скрипты на сайт ucoz и т.д. | Добавил: Admin (16.03.2014)
Просмотров: 174 | Рейтинг: 0.0/0
Всего комментариев: 0
Поделитесь с друзьями в соц.сетях!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Часы
Поиск
Кликните для Поиска
Вход
Регистрация
Вход
Вы вошли как Гость
Группа "Гости"
Block title
Реклама:5 руб - ссылка

ВАШ САЙТ
Разное...
Игры
Личный Профиль
          
          
     
     
Привет, Гость
Зарегистрируйтесь или авторизуйтесь и получите все приемущества сайта.
     
     
Лучшие Фильмы
Третий лишний (2012)
Радио
Block title

     Агитки - Иконки - музыкальные колонки

LimOnline - Игры,программы,видео,фильмы,1000 функций1000 приложений,статей и 10000 видеозаписей