Сообщение оставлено 27.01.2012 в 19:53:44 | Сообщение #
1
Проверенный Проверенный человек на сайте. Группа выдана за 100 сообщений на форуме.
К сожалению, пользователь данные о WMID не указал.
Скрин _1- http://s018.radikal.ru/i525/1201/e5/7aef021d10c3.png Скрин_2 - http://s017.radikal.ru/i420/1201/e1/127a526c6b6b.png Вот нашёл красивое окно авторизации и профиля и решил сверстать. Красивое окно авторизации - профиля для uCoz. Установка: 1. В корне сайта создаём папку ub и заливаем туда все картинки из архива. Ссылка на архив - http://depositfiles.com/files/izmrs46yc 2. В CSS, в самый низ ставим: Code
/* 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('/ub/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('/ub/oel.png') no-repeat 0 -133px;cursor:pointer;} #userbox input[type='text'], #userbox input[type='password'] {margin-top:19px;padding:0 13px;background:url('/ub/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('/ub/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('/ub/logbt.png') no-repeat -122px -41px;} #userbox input#log_out {background:url('/ub/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('/ub/logbt.png') no-repeat 0 -41px;} #userbox #avatar {width:95px;height:96px;background:url('/ub/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;} /* -------- */
3. Затем на все страницы сайта ставим: Code
<!-- 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'><?if($USER_LOGGED_IN$)?>Профиль<?else?>Вход<?endif?></span> <?if($USER_LOGGED_IN$)?> <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> <?else?><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();'> <?endif?> </div> <!-- /User_Box -->
4. Туда, где будет ссылка для вызова окна ставим: Code
<a href="javascript://" onclick="$('#userbox').fadeIn();"><?if($USER_LOGGED_IN$)?>Профиль<?else?>Вход<?endif?></a>
Внимание! На тех страницах, где у вас будет окно авторизации, должен стоять код стандартной формы входа - $LOGIN_FORM$ (иначе авторизация не будет работать), если хотите, можете спрятать стандартную форму входа, вот так: Code
<div style='display:none;'>$LOGIN_FORM$</div>
Сообщение оставлено 27.01.2012 в 19:53:44 | Сообщение #
1
Стремлюсь стать выше
Сообщения: 1848
Скрин _1- http://s018.radikal.ru/i525/1201/e5/7aef021d10c3.png Скрин_2 - http://s017.radikal.ru/i420/1201/e1/127a526c6b6b.png Вот нашёл красивое окно авторизации и профиля и решил сверстать. Красивое окно авторизации - профиля для uCoz. Установка: 1. В корне сайта создаём папку ub и заливаем туда все картинки из архива. Ссылка на архив - http://depositfiles.com/files/izmrs46yc 2. В CSS, в самый низ ставим: Code
/* 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('/ub/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('/ub/oel.png') no-repeat 0 -133px;cursor:pointer;} #userbox input[type='text'], #userbox input[type='password'] {margin-top:19px;padding:0 13px;background:url('/ub/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('/ub/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('/ub/logbt.png') no-repeat -122px -41px;} #userbox input#log_out {background:url('/ub/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('/ub/logbt.png') no-repeat 0 -41px;} #userbox #avatar {width:95px;height:96px;background:url('/ub/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;} /* -------- */
3. Затем на все страницы сайта ставим: Code
<!-- 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'><?if($USER_LOGGED_IN$)?>Профиль<?else?>Вход<?endif?></span> <?if($USER_LOGGED_IN$)?> <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> <?else?><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();'> <?endif?> </div> <!-- /User_Box -->
4. Туда, где будет ссылка для вызова окна ставим: Code
<a href="javascript://" onclick="$('#userbox').fadeIn();"><?if($USER_LOGGED_IN$)?>Профиль<?else?>Вход<?endif?></a>
Внимание! На тех страницах, где у вас будет окно авторизации, должен стоять код стандартной формы входа - $LOGIN_FORM$ (иначе авторизация не будет работать), если хотите, можете спрятать стандартную форму входа, вот так: Code
<div style='display:none;'>$LOGIN_FORM$</div>
Сообщение оставлено 29.01.2012 в 17:24:20 | Сообщение #
2
Пользователь Пользователь проекта, который не имеет никаких привилегий.
К сожалению, пользователь контактные данные не указал.
К сожалению, пользователь данные о WMID не указал.
да, красивое, но как мне кажется, оно слишком большое...а так пойдет
Сообщение оставлено 29.01.2012 в 17:24:20 | Сообщение #
2
да, красивое, но как мне кажется, оно слишком большое...а так пойдет
Сообщение оставлено 30.01.2012 в 18:55:26 | Сообщение #
3
Пользователь Пользователь проекта, который не имеет никаких привилегий.
К сожалению, пользователь данные о WMID не указал.
Отличное, мне понравилось, и цвет и размер...
подпись удалена. была реклама...
Сообщение оставлено 30.01.2012 в 18:55:26 | Сообщение #
3
Отличное, мне понравилось, и цвет и размер... Подпись пользователя:
подпись удалена. была реклама...