Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Мини-профиль для uCoz
17.11.2018
Мини-профиль для uCoz
  • 464 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 1)
Описание:
Новенький мини-профиль для вашего сайта. Выполнен в светлых тонах и присутствует Аватар, ник, группа, ещё 3 кнопки Профиль, ЛС, Выход. Всё это выглядит очень элегантно и просто красиво.

Установка:

1. В Блок вставляем:

Код
<div class="b_prof">
<div class="b_prof_ava"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt=""><?else?><img src="http://7old.ru/ucoz-files/noava.png" alt=""><?endif?></div>
<div class="b_prof_vid">» Ник: <b>$USERNAME$</b></div>
<div class="b_prof_vid">» Группа: <b>$USER_GROUP$</b></div>
<div class="hidden" style="margin:0 0 5px 0;">
<a href="/index/8" class="b_prof_b"></a>
<a href="/index/14" class="b_prof_b_in"></a>
<a href="/index/10" class="b_prof_b_ins"></a>
</div>
</div>


2. В Таблицу стилей CSS:

Код
.b_prof {width:188px; margin:0 auto;}
.b_prof .b_prof_ava {background:url(http://7old.ru/ucoz-files/1/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://7old.ru/ucoz-files/1/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://7old.ru/ucoz-files/1/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://7old.ru/ucoz-files/1/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://7old.ru/ucoz-files/1/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;}


На этом всё.
Мини-профиль для uCoz" title="Скачать Мини-профиль для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7OLD.RU
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]