Регистрация    Войти
Авторизация

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

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

В Верхнюю часть сайта вставляем данный код:
<?if($USER_LOGGED_IN$)?>  
  <div class="profile_full"><div class="profile_info">  
  <img src="$USER_AVATAR_URL$" class="profile_info_avatar" width="104" height="104" />  
  <ul>  
  <li><a href="javascript://" title="Мой профиль на сайте" onclick="openLayerB('PM',0,'http://cs-ufa.net.ru/xml/profile.xml','Мой профиль',750,410,'1','','',0,'center');return false;">Профиль</a></li>  
  <li><a href="javascript://" title="Редактировать информацию" onclick="openLayerB('PM',0,'http://cs-ufa.net.ru/xml/redact.xml','Редактировать информацию',750,410,'1','','',0,'center');return false;">Изменить данные</a></li>  
  <li><a href="javascript://" title="Просмотреть личные сообщения" onclick="openLayerB('PM',0,'http://cs-ufa.net.ru/xml/pm.xml','Личные сообщения',750,410,'1','','',0,'center');return false;">Личные сообщения: $UNREAD_PM$</a></li>  
  <li><a href="javascript://" title="Выход с сайта" onclick="openLayerB('Exit',0,'http://cs-ufa.net.ru/xml/quit.xml','Выход',250,100,'1','','',1,'justify'); return false;">Выход</a></li>  
  </ul></div></div><?else?>  
  <div class="profile_full"><div class="profile_info">  
  <img src="http://cs-ufa.net.ru/img/no_avatar_mini.png" class="profile_info_avatar" width="104" height="104" />  
  <ul><br><br>  
  <li><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><div class="text">Вход</div></a></li>  
  <li><a href="/index/3"><div class="text">Регистрация</div></a></li>  

  </div></div><?endif?>


В CSS вставляем этот код:
/* Profile */  
  .profile_full {width:317px; height:170px;padding:20px 0 0 20px; right:19px; background:url(http://cs-ufa.net.ru/profile.png) no-repeat; top: 21px;}  
  .profile_full form {width:278px;}  
  .profile_full form, .profile_full form div input {padding:0; margin:0;border:0; font-family:Verdana; font-size:12px; font-style:italic;color:#5d5d5d; line-height:28px;}  
  .profile_full form div input { width:244px; height:31px; float:left; margin:80px 0 0 0;}  
  .profile_info { }  
  .profile_info_avatar {width:104px;height:104px;float:left;margin:0 1px 0 0;}  
  .profile_info ul {width:150px; margin:0; padding:0; list-style:none;display:block; float:left;background:url(http://cs-ufa.net.ru/images/profile/vertical_line.png)no-repeat 0px 0px;}  
  .profile_info ul a {display:block;margin:0 0 0 2px; padding:4px 0 4px 18px; font-size:11px;color:#959494; text-decoration:none;background:url(http://cs-ufa.net.ru/images/profile/link_on.png)repeat-y 0px 0px;}  
  .profile_info ul a:hover {text-decoration:none; background-position:-210px 0px;}  
  .link_blue:link, .link_blue:active, .link_blue:visited, .link_blue:hover { color:#5d5d5d; }  
  /* -------- */
Новые скрипты для ucoz

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: zomatsa  23-08-2011, 15:00   Просмотров: 5173   
Красивый, ucoz, профиль, шапке, сайта, мини,
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.