Красивая форма входа и профиль в окне - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.144.31.163

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Красивая форма входа и профиль в окне

AdWise

Сообщение оставлено 25.06.2011 в 14:05:56 | Сообщение #1

17715

Прекрасная форма входа и профиль в окне.

Установка:
1. И даже не надо и говорить о том, что пу \ Управление дизайном \ Юзеры \ Форма входа юзеров

удаляем весь код и вставляем

Code

<?if($PAGE_ID$="login")?><div style="width:180px;"><?endif?>
   <table border="0" cellspacing="1" cellpadding="0" width="100%">
   <?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?>
   <tr><td><input class="loginField" type="text" name="user" value="E-mail" onfocus="if(this.value=='E-mail')this.value=''" onblur="if(this.value=='')this.value='E-mail'" size="20" style="width:100%;" maxlength="50"/></td></tr>
   <tr><td><input class="loginField" type="password" name="password" value="E-mail" onfocus="if(this.value=='E-mail')this.value=''" onblur="if(this.value=='')this.value='E-mail'" size="20" style="width:100%" maxlength="15"/></td></tr>
   </table>
   <table border="0" cellspacing="1" cellpadding="0" width="100%">
   <tr><td nowrap><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label> <?if($PAGE_ID$="login" && $HIDDEN_ALLOWED$)?>
<input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label><?endif?></td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"/></td></tr>
   <tr><td colspan="2"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr>
   </table>
   <?if($PAGE_ID$="login")?></div><?endif?>

   <style>
   .loginField {background: #f4f4f4; font-weight:bold; font-size: 11pt; padding:3px; margin: 1px; color: #ccc; text-shadow: 0.1em 0.1em 0.05em #FFF; border: 2px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
   .loginField:focus {border:3px solid #eee; background:#fff; color:#45638a; font-weight:bold; font-size:12px; padding:3px; margin: 1px; color: #3d3d3d; font-weight:bold; font-size: 12pt; text-shadow: 0.1em 0.1em 0.05em #FFF; }
   .loginButton {background: #f4f4f4; border: 2px solid #f4f4f4; border: 2px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
   #remmain {font-weight:bold; color: #ff0000; background: #fff; border: 2px solid #f4f4f4;}
   </style>

далее размещаем код где хотим видеть форму входа

Code

<?if($USER_LOGGED_IN$)?>
   <a href="javascript://" onclick="$('#webo4ka_user_vxod').fadeIn();">Профиль</a>
   <?else?>
   <a href="javascript://" onclick="$('#webo4ka_user_vxod').fadeIn();">Вход</a>
   <?endif?>

   <div id="webo4ka_user_vxod" style="display:none;"><div id="webo4ka_border">
   <span style="color:#bbb; margin-top:-2px;"><?if($USER_LOGGED_IN$)?>Профиль<?else?>Форма входа<?endif?></span> <?if($USER_AGENT$='opera')?><?else?><img onclick="$('#webo4ka_user_vxod').fadeOut();" id="webo4ka_close" src="http://webo4ka.ru/Ucoz3/webo4ka_profil_user_close.png" border="0" /><?endif?>
   <div id="webo4ka_fon">

   <?if($USER_LOGGED_IN$)?>

   <table border="0" cellspacing="1" cellpadding="0" width="100%">
   <td width="10px" id="webo4ka_avatar">
   <?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="" /><?else?><img src="http://webo4ka.ru/webo4ka/images/net_avatara.png" border=0 style="padding:2px; border:1px solid #e4e4e4; background-color:white;"><?endif?>
   </td>
   <td width="300px">
   <div id="webo4ka_profil_dannii">Здравствуйте, <b>$USERNAME$</b>!</div>
   <div id="webo4ka_profil_dannii">Вы <b>$USER_GROUP$</b></div>
   <div id="webo4ka_profil_dannii"><a href="$PM_URL$" title="Читать ЛС" style="text-decoration:none;">Личные сообщения <u>$UNREAD_PM$</u></a></div>
   <div id="webo4ka_profil_dannii"><a href="$HOME_PAGE_LINK$/index/11" style="text-decoration:none;">Редактировать данные</a></div>
   <div id="webo4ka_profil_dannii">Ваш IP: $IP_ADDRESS$</div>
   <div id="webo4ka_profil_dannii">Вы на сайте: <b>$USER_REG_DAYS$ д<?if($USER_REG_DAYS$%10=0||$USER_REG_DAYS$%10>4||$USER_REG_DAYS$%100>10&&$CUR_USER_REG_DAYS$%100<15)?>ней<?else?><?if($USER_REG_DAYS$%10=1)?>ень<?else?>ня<?endif?><?endif?></b></div>
   <div id="webo4ka_profil_dannii">У вас: $USER_AGENT$</div>
   <div id="webo4ka_profil_dannii"><a href="$LOGOUT_LINK$" title="Выйти из профиля" style="text-decoration:none;"><s>Выйти из профиля</s></a></div>
   </td>
   </table>

   <?else?>

   <div style="font-size:20px;color:#fff;text-shadow:1px 1px 1px #666;" align="center"><b><?if($USER_LOGGED_IN$)?>Профиль<?else?>Форма входа<?endif?></b></div>
   <h1 align="center" style="color:#fff;text-shadow:1px 1px 1px #666;">$SITE_NAME$</h1>
   $LOGIN_FORM$

   <?endif?>

   </div>
   <?if($USER_AGENT$='opera')?><img onclick="$('#webo4ka_user_vxod').fadeOut();" id="webo4ka_close" src="http://webo4ka.ru/Ucoz3/webo4ka_profil_user_close.png" border="0" /><?endif?>
   </div></div></div>

   <style type="text/css">
   #webo4ka_user_vxod {width:100%; position:fixed; top:20%;}
   #webo4ka_border {background:#fff; border:1px solid #fff; font-weight:bold; font-size:12px; color:#45638a; text-align:left; padding:75px; width: 460px; padding:5px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
   #webo4ka_fon {background:#ddd; color:#fff; padding:8px 8px 8px 8px; margin:8px -7px 8px -7px; }
   #webo4ka_close {float:right; margin-top: 0px; cursor:pointer;}

   #webo4ka_avatar img {background:#cccccc; border:1px solid #a8a8a8; float:right;width:150px; margin:10px;padding:2px;}
   #webo4ka_profil_dannii {padding:2px 4px; border: 1px solid #fff; background: #f4f4f4; margin: 1px; color: #363636; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   #webo4ka_profil_dannii:hover {border: 1px solid #cccccc; background: white; color: #0998d4; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}
   </style>

Увидимся...

AdWise	Сообщение оставлено 25.06.2011 в 14:05:56 \| Сообщение #1
Пользователь o bojeeeee Сообщения: 5532 17715	Прекрасная форма входа и профиль в окне. Установка: 1. И даже не надо и говорить о том, что пу \ Управление дизайном \ Юзеры \ Форма входа юзеров удаляем весь код и вставляем Code <?if($PAGE_ID$="login")?><div style="width:180px;"><?endif?> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?> <tr><td><input class="loginField" type="text" name="user" value="E-mail" onfocus="if(this.value=='E-mail')this.value=''" onblur="if(this.value=='')this.value='E-mail'" size="20" style="width:100%;" maxlength="50"/></td></tr> <tr><td><input class="loginField" type="password" name="password" value="E-mail" onfocus="if(this.value=='E-mail')this.value=''" onblur="if(this.value=='')this.value='E-mail'" size="20" style="width:100%" maxlength="15"/></td></tr> </table> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <tr><td nowrap><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label> <?if($PAGE_ID$="login" && $HIDDEN_ALLOWED$)?> <input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label><?endif?></td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"/></td></tr> <tr><td colspan="2"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> \| <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr> </table> <?if($PAGE_ID$="login")?></div><?endif?> <style> .loginField {background: #f4f4f4; font-weight:bold; font-size: 11pt; padding:3px; margin: 1px; color: #ccc; text-shadow: 0.1em 0.1em 0.05em #FFF; border: 2px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;} .loginField:focus {border:3px solid #eee; background:#fff; color:#45638a; font-weight:bold; font-size:12px; padding:3px; margin: 1px; color: #3d3d3d; font-weight:bold; font-size: 12pt; text-shadow: 0.1em 0.1em 0.05em #FFF; } .loginButton {background: #f4f4f4; border: 2px solid #f4f4f4; border: 2px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;} #remmain {font-weight:bold; color: #ff0000; background: #fff; border: 2px solid #f4f4f4;} </style> далее размещаем код где хотим видеть форму входа Code <?if($USER_LOGGED_IN$)?> <a href="javascript://" onclick="$('#webo4ka_user_vxod').fadeIn();">Профиль</a> <?else?> <a href="javascript://" onclick="$('#webo4ka_user_vxod').fadeIn();">Вход</a> <?endif?> <div id="webo4ka_user_vxod" style="display:none;"><div id="webo4ka_border"> <span style="color:#bbb; margin-top:-2px;"><?if($USER_LOGGED_IN$)?>Профиль<?else?>Форма входа<?endif?></span> <?if($USER_AGENT$='opera')?><?else?><img onclick="$('#webo4ka_user_vxod').fadeOut();" id="webo4ka_close" src="http://webo4ka.ru/Ucoz3/webo4ka_profil_user_close.png" border="0" /><?endif?> <div id="webo4ka_fon"> <?if($USER_LOGGED_IN$)?> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <td width="10px" id="webo4ka_avatar"> <?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="" /><?else?><img src="http://webo4ka.ru/webo4ka/images/net_avatara.png" border=0 style="padding:2px; border:1px solid #e4e4e4; background-color:white;"><?endif?> </td> <td width="300px"> <div id="webo4ka_profil_dannii">Здравствуйте, <b>$USERNAME$</b>!</div> <div id="webo4ka_profil_dannii">Вы <b>$USER_GROUP$</b></div> <div id="webo4ka_profil_dannii"><a href="$PM_URL$" title="Читать ЛС" style="text-decoration:none;">Личные сообщения <u>$UNREAD_PM$</u></a></div> <div id="webo4ka_profil_dannii"><a href="$HOME_PAGE_LINK$/index/11" style="text-decoration:none;">Редактировать данные</a></div> <div id="webo4ka_profil_dannii">Ваш IP: $IP_ADDRESS$</div> <div id="webo4ka_profil_dannii">Вы на сайте: <b>$USER_REG_DAYS$ д<?if($USER_REG_DAYS$%10=0\|\|$USER_REG_DAYS$%10>4\|\|$USER_REG_DAYS$%100>10&&$CUR_USER_REG_DAYS$%100<15)?>ней<?else?><?if($USER_REG_DAYS$%10=1)?>ень<?else?>ня<?endif?><?endif?></b></div> <div id="webo4ka_profil_dannii">У вас: $USER_AGENT$</div> <div id="webo4ka_profil_dannii"><a href="$LOGOUT_LINK$" title="Выйти из профиля" style="text-decoration:none;"><s>Выйти из профиля</s></a></div> </td> </table> <?else?> <div style="font-size:20px;color:#fff;text-shadow:1px 1px 1px #666;" align="center"><b><?if($USER_LOGGED_IN$)?>Профиль<?else?>Форма входа<?endif?></b></div> <h1 align="center" style="color:#fff;text-shadow:1px 1px 1px #666;">$SITE_NAME$</h1> $LOGIN_FORM$ <?endif?> </div> <?if($USER_AGENT$='opera')?><img onclick="$('#webo4ka_user_vxod').fadeOut();" id="webo4ka_close" src="http://webo4ka.ru/Ucoz3/webo4ka_profil_user_close.png" border="0" /><?endif?> </div></div></div> <style type="text/css"> #webo4ka_user_vxod {width:100%; position:fixed; top:20%;} #webo4ka_border {background:#fff; border:1px solid #fff; font-weight:bold; font-size:12px; color:#45638a; text-align:left; padding:75px; width: 460px; padding:5px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #webo4ka_fon {background:#ddd; color:#fff; padding:8px 8px 8px 8px; margin:8px -7px 8px -7px; } #webo4ka_close {float:right; margin-top: 0px; cursor:pointer;} #webo4ka_avatar img {background:#cccccc; border:1px solid #a8a8a8; float:right;width:150px; margin:10px;padding:2px;} #webo4ka_profil_dannii {padding:2px 4px; border: 1px solid #fff; background: #f4f4f4; margin: 1px; color: #363636; text-shadow: 0.1em 0.1em 0.05em #FFF;} #webo4ka_profil_dannii:hover {border: 1px solid #cccccc; background: white; color: #0998d4; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;} </style> Подпись пользователя: Увидимся...
	Профиль Блог Цитата Вверх