Мини профиль by Webing | Стильный мини профиль
|
[
· Скриншот ]
| 12.10.2011, 23:34 |
Создаем новый блок и ставим туда код:
<div class="mpava"><img src="$USER_AVATAR_URL$"><img src="http://rip-ucoz-test.ucoz.ru/noavatar.png"> </div>
<div class="opatb"><div class="mpname"><b>$USERNAME$</b></div></div>
<div class="mpin"><img src="http://rip-ucoz-test.ucoz.ru/profile.png" class="mpimstr"><div class="mpstr"><a href="/index/8">Мой профиль</a></div></div>
<div class="mpin"><img src="http://rip-ucoz-test.ucoz.ru/email.png" class="mpimstr"><div class="mpstrls"><a href="/index/14">Мои сообщения </a></div> <div class="unread"><a title="Количество новых сообщении">$UNREAD_PM$</a></div></div>
<div class="mpin"><img src="http://rip-ucoz-test.ucoz.ru/gnome-settings.png" class="mpimstr"><div class="mpstr"><a href="/index/11">Мои настройки</a></div></div>
<div class="mpin" ><img src="http://rip-ucoz-test.ucoz.ru/exit.png" style="border-bottom:1px solid #ccc" class="mpimstr"><div class="mpstr" style="border-bottom:1px solid #ccc"><a href="/index/10">Выход</a></div></div>
$LOGIN_FORM$
В Таблица стилей CSS:
/* ====== Мини профиль by Rip-uCoz.Ru ====== */
.opatb {background:#fff;border:1px solid #ccc;border-left:none;height:63px;}
.mpava img {width:63px;height:63px;float:left;border:1px solid #d2d2d2;margin-bottom:4px;}
.mpname {float:left;padding-left:27px;font-size:16px;color: rgb(8, 99, 151);padding-top:20px;display:inline-block}
.mpin {text-align:left; padding:0px; clear:both; }
.mpimstr {float:left;background:#f7f7f7;padding:3px;border:1px solid
#ccc;border-right:1px dotted
#ccc;border-bottom:none;display:inline-block}
.mpstr
{background:#fff;float:left;width:165px;height:17px;display:inline-block;padding-top:5px;border:1px
solid #ccc;border-left:none;border-bottom:none;}
.mpstr a {text-decoration:none;color: rgb(8, 99, 151);margin-left:4px;}
.mpstr a:hover {text-decoration:underline;}
.mpstrls
{background:#fff;float:left;width:147px;height:17px;display:inline-block;padding-top:5px;border:1px
solid #ccc;border-left:none;border-bottom:none;border-right:1px dotted
#ccc;}
.mpstrls a {text-decoration:none;color: rgb(8, 99, 151);margin-left:4px;}
.mpstrls a:hover {text-decoration:underline;}
.unread {background:#f7f7f7;border:1px solid
#ccc;border-bottom:none;height:19px;text-align:center;font-weight:bold;padding:3px
2px 0 0;}
/* ====== Мини профиль by Rip-uCoz.Ru ====== */
|
|
Категория: Скрипты | Добавил: Phoenix^pro
| Теги:
|
| Просмотров: 425 | Загрузок: 0
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
Статистика
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|