» »

Мини-профиль в синих тонах для сайта


Мини-профиль в синих тонах для сайта

Представляю вашему вниманию не плохой Мини-профиль в синих тонах для сайта + форма входа для Ucoz. Avarat стоит в синей рамке, красиво выделяется кнопка выход. Так же у мини профиля выход на ЛС и на ваш профиль. Создан он под светлый шаблон сайта. По своему по дизайну он смотрится оригинальным.
Установка:
Начнем с CSS, туда надо прописать этот стиль.

Код
.b_prof {width:188px; margin:0 auto;}  
.b_prof .b_prof_ava {background:url(http://zornet.ru/ZORNET-RU/b_prof_ava.png) no-repeat; width:156px; height:156px; margin:0 auto 5px auto;}  
.b_prof .b_prof_ava img {width:150px; height:150px; padding:3px 0 0 3px;}  
.b_prof .b_prof_vid {background:url(http://zornet.ru/Ajaxoskrip/Forma_skriptov/tygsa/b_prof_vid.png) no-repeat; width:177px; height:23px; line-height:23px; margin:0 auto 3px auto; text-align:center; color:#fff;}  
.b_prof .b_prof_b {background:url(http://zornet.ru/ZORNET-RU/b_prof_button.png) no-repeat 0 0; width:61px; height:23px; float:left; margin:0 0 0 1px;}  
.b_prof .b_prof_b_in {background:url(http://zornet.ru/ZORNET-RU/b_prof_button.png) no-repeat -62px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;}  
.b_prof .b_prof_b_ins {background:url(http://zornet.ru/ZORNET-RU/b_prof_button.png) no-repeat -124px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;}  
.b_prof .b_prof_b:hover {background-position:0 -23px;}  
.b_prof .b_prof_b_in:hover {background-position:-62px -23px;}  
.b_prof .b_prof_b_ins:hover {background-position:-124px -23px;}

Этот код пихаем в блок сайта:

Код
<?if($USER_LOGGED_IN$)?>  
<div class="b_prof">  
<div class="b_prof_ava"><?if($USER_AVATAR_URL$)?>  
<img src="$USER_AVATAR_URL$" /><?endif?></div>  
<div class="b_prof_vid">» Ник: <b>$USERNAME$</b></div>  
<div class="b_prof_vid">» Вы с нами: <b>$USER_REG_DAYS$</b></div>  
<div class="b_prof_vid">» Группа: <b>$USER_GROUP$</b></div>  
<div class="b_prof_vid">» Ваш IP: <b>$IP_ADDRESS$</b></div>  
<div class="hidden" style="margin:0 0 5px 0;">  
<a href="$PERSONAL_PAGE_LINK$" class="b_prof_b"></a>  
<a href="$PM_URL$" class="b_prof_b_in"></a>  
<a href="$LOGOUT_LINK$" class="b_prof_b_ins"></a>  
</div>  
</div>  
<?else?><div class="b_prof">  
<div class="b_prof_ava"></div>  
<div class="hidden" style="margin:0 0 5px 0;">$LOGIN_FORM$</div>  
</div><?endif?>
15.04.2013 Просмотров: 1835 Комментарий: (29)

Поделиться в социальных сетях

Материал разместил

Комментарий: 29
Delete
Delete 16.04.2013 08:181
0
Comdiv значит dry Kosten, скинь его сайт в лс
Kosten
Kosten 16.04.2013 09:432
0
N_O_O_B, просто тупа не знаю мыло, забыл епть от первого акка.
Delete
Delete 16.04.2013 11:423
0
так это ты ?
Kosten
Kosten 16.04.2013 11:454
0
Да, что не видно по аварату))) biggrin
Delete
Delete 16.04.2013 13:215
0
ты где ксс брал ? я вылаживал не такой
Kosten
Kosten 16.04.2013 13:266
0
У тебя брал!
Kosten
Kosten 16.04.2013 13:337
0
Исправил CSS. N_O_O_B почему то, хром принимает твой сайт как буржуйский и переводит его автоматом. wacko
Delete
Delete 16.04.2013 16:098
0
да хрен его знает...
Kosten
Kosten 16.04.2013 17:039
0
N_O_O_B, надеюсь скоро закончиться жду не с терпением, но ты в курсе за что я теру. cool
Delete
Delete 16.04.2013 17:0610
0
Kosten, да в курсе...
1 2 »
avatar