Топ юзеров
На сайте уже 192 , зарегистрировано 15 и оставлено 1 .
Шаблон Cs-play4you д...
Мгновенное оповещени...
Авторизация через со...
Верстка OREL-CS + Вс...
Контакты для связи
Шаблоны uCoz
Скрипты uCoz
Главная » Файлы » Скрипты uCoz » Пользователи
Красивый мини профиль
  • Добавил: group
  • Дата: 26.02.2014
  • Комментариев: 0
  • Просмотров: 375
Скриншот материала «Красивый мини профиль»
Красивый мини профиль
Описание:
Очень красивый мини-профиль для сайтов Ucoz.

Установка:
1) Добавляем блок через конструктор
2) Жмём на значок шестерёнки в правом верхнем углу блока
3) В открывшемся окне жмём на вкладку "HTML"
4) Удаляем там всё и вставляем код:
Код
<?if($USER_LOGGED_IN$)?>  
  <center><li class="cat">Здравствуйте, <font color="#02b702"><b>$USERNAME$!</b></font></li><br></center>  
  <div id="avatar">  
  <center><a href="javascript://" rel="nofollow" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350')  
  ;return false;"><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"></a></center>  
  </p></div>  
  <center><div class="readon">  
  <input href="javascript://" class="button" style="border:0px;" onclick="$('#obshee').toggle('slow'); "value="Информация" type="submit">  
  </div>  
  </center>  
  <div id="obshee" style="display:none;">  
  <li class="cat1"><span style="font-weight:normal"><a href="#" title="Ваша группа: $USER_GROUP$">>Группа: $USER_GROUP$</a></span></li>  
  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/8','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Профиль $USERNAME$</a></span></li>  
  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"">>Изменение данных</a></span></li>  
  <li class="cat1"><span style="font-weight:normal"><a href="#">>Вы с нами: $USER_REG_DAYS$ дней</a></span></li>  
  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Читать ЛС ($UNREAD_PM$)</a></span></li>  
  <li class="cat1"><span style="font-weight:normal"><a href="javascript://" title="Выход" onclick="if (confirm('Вы действительно хотите выйти?')) {location.href='$LOGOUT_LINK$'} else {alert('Спасибо что остались с нами!')};">>Выход</a></span></li>  
  </ul></div>  
  <center><div class="readon">  
  <input href="javascript://" class="button" style="border:0px;" a onclick="$('#dobavit').toggle('slow'); "value="Добавить материал" type="submit">  
  </div>  
  </center>  
  <div id="dobavit" style="display:none;">  
  <li class="cat1"><span style="font-weight:normal"><a href="/photo/0-0-0-1">>Обои</a></span></li>  
  <li class="cat1"><span style="font-weight:normal"><a href="/publ/0-0-0-0-1">>Статью</a></span></li>  
  <li class="cat1"><span style="font-weight:normal"><a href="/load/0-0-0-0-1">>Файл</a></span></li>  
  </ul></div>  
  <?endif?>$LOGIN_FORM$<br>

5) В CSS ставим:
Код
/* Profile */  
  li.cat1 { list-style:none; margin:0px 0px 2px 0px; padding:0px;}  
  li.cat1 a:link { display:block; text-decoration:none; solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;}  
  li.cat1 a:visited { display:block; text-decoration:none; solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;}  
  li.cat1 a:hover { display:block; text-decoration:none; solid #00fcff; text-align:left; height:13px; color:#00fcff; font-family:Century Gothic; font-size:10px; }  
  li.cat1 a: { display:block; text-decoration:none; solid #3D3D3D; text-align:left; height:13px; color:#808080; font-family:Century Gothic; font-size:10px; }  
  li.cat1_bottom a:link { display:block; text-decoration:none; solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}  
  li.cat1_bottom a:visited { display:block; text-decoration:none; solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}  
  li.cat1_bottom a:hover { display:block; text-decoration:none; soalid #131313; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }  
  li.cat1_bottom a:active { display:block; text-decoration:none; solid #131313; border-bottom:3px solid #3D3D3D; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }  
  li.cat { display:block; text-decoration:none; border:0px solid #3D3D3D; color:#808080; padding-right:5px; padding-top:3px; height:13px; width:180px; font-weight:normal; font-family:Century Gothic; font-size:10px; }  
  /* ------------- */

Готово !
Внимание! Материал «Красивый мини профиль» из категории «Пользователи» является уникальным, поэтому, при копировании просим указывать гиперссылку на источник.
Похожие материалы
Материал «Красивый мини профиль» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]