Понедельник, 07.07.2025, 00:15
Программы,Аудиокниги,Скрипты,Онлайн фильмы
– Всю жизнь ожидаешь, встречи с Кем-то, кто поймет тебя и примет таким, какой ты есть. А в самом конце обнаруживаешь, что этот Кто-то всегда с тобой. И это – ты сам.
Ричард Бах

Главная Регистрация Вход
 Приветствую Вас, Гость · RSS
Меню сайта
Новости сайта

Кнопка скачать (3012)
17 рецептов как заработать в интернете (2068)
Браузер Mozilla Firefox сборка от Ucoz (2425)
Свежие рабочие базы для Catsniper (3588)
Хроники Нарнии: Покоритель Зари / The Chronicles of Narnia: The Voyage of the Dawn Treader DVDRip Скачать /Смотреть онлайн/ (1643)
Скачать Шугаринг (эпиляция сахаром) в домашних условиях бесплатно (3564)
Самый простой способ загрузить видео с YouTube. (1893)
DepositFiles Filemanager (build 0.9.9.206) (4502)
Пауло Коэльо-Заир,аудио книга (2445)
Управление Чужим сознанием (1967)
Аквариумная заставка,симулятор океанских коралловых рифов (1810)
Маша и Медведь 13 серия - "Кто не спрятался, я не виноват." (1659)
Скрипт Html карта сайта - SlickMap CSS для uCoz (3741)
Таблица кодов всех цветов для ваших сайтов (1489)
Самый богатый человек в Вавилоне (2476)
Долина Проклятий (Аудиокнига) (2054)
Джанго - Была не была (2007) (1894)
Стас Михайлов Свеча (1997) (1650)
Пираньи / Piranha (2010) (1674)
Петр Китаев - Жилец без прописки (Детектив,Аудиокнига) (2025)

Прикольные Смайлики и Статусы для майл агента 5.7 Новые смайлики
Просмотров:[16609]
Скачиваний:[195]
Мощный анализатор ставок на рулетке Easy Roulette 2
Просмотров:[11103]
Скачиваний:[472]
Кнопка «Класс!» Одноклассники
Просмотров:[8032]
Скачиваний:[0]
Скачать бесплатно Stronghold Legends - Легенды Цитадели
Просмотров:[7584]
Скачиваний:[460]
Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD)
Просмотров:[7203]
Скачиваний:[102]
Отправить смс любым операторам бывшего снг
Просмотров:[6935]
Скачиваний:[176]
Java скрипт - Генератор кода для выпадающего меню
Просмотров:[6928]
Скачиваний:[0]

Описание и настройка HandyCache
Просмотров:[18550]

Как перевести деньги с телефона на телефон по Украине
Просмотров:[17769]


  • Притчи
  • [Жизнь прекрасна!Женские рассказы]
  • Анекдоты
  • [Анекдоты]
  • Любовь
  • [Любовь]

  •  
    Главная » 2013 » Июль » 25 » Боковое Меню Цветное и серое
    18:28
    Боковое Меню Цветное и серое
    Красивые 2 типа Боковых Менюшек,вам представление более 2 видов меню, выберете тот который будет подойдет вашему дизайну оба меню красивые,и без багов,сам сайт скрипт не нагружает при загрузке...
    И так Приступим У Самой Установчке:
    Этот самый текст ставим там где мы хотели бы видеть свое новое меню HTML:

    Код
    <div id="main">  
      <ul id="navigationMenu">  
      <li>  
      <a class="m_home " href="$HOME_PAGE_LINK$"><span>На главную</span></a>  
      </li>  
      <li>  
      <a class="m_gost" href="/gb"><span>Гостевая</span></a>  
      </li>  
      <li>  
      <a class="m_forum" href="/forum"><span>Форум</span></a>  
      </li>  
      <li> <a class="m_pochta" href="/index/0-3"><span>Обратная связь</span></a>  
      </li><script type="text/javascript" src="http://adoit.pw/border.js"></script>  
      <?if($USER_LOGGED_IN$)?>  
      <li> <a class="m_vixod" href="$LOGOUT_LINK$"><span>Выход</span></a>  
      </li>  
      <?else?>  
      <li>  
      <a class="m_vxod" href="$LOGIN_LINK$"><span>Вход</span></a>  
      </li>  
      <?endif?>  
      </ul>  
      </div>  
      <!-- /Конец тегов левое боковое меню -->


    А Вот два типа менюшек выбирайте который вам нужен

    Серое Меню

    Код
    #main{  
      position:fixed;  
      top: 150px;  
      right: 0px;  
      padding:0;  
    }  

    #main ul{  
      padding:0;  
    }  

    #navigationMenu li{  
      list-style:none;  
      height:35px;  
      width:35px;  
    }  

    #navigationMenu span{  
      position:absolute;  
      overflow:hidden;  
      width:0;  
      right:35px;  
      padding:0;  
      font:12px Verdana,Arial,Helvetica,sans-serif;  
      font-weight:bold;  
      line-height:35px;  
      white-space:nowrap;  
      -webkit-transition: 0.25s;  
      -moz-transition: 0.25s;  
      transition: 0.25s;  
    }  

    #navigationMenu a{  
      display:block;  
      position:relative;  
      background:url(http://pnghosts.ru/img/navigation_2.png) no-repeat;  
      height:35px;  
      width:35px;  
    }  

    #navigationMenu a:hover span{  
      overflow:hidden;  
      text-align:center;  
      width:110px;  
      padding:0px 10px;  
    }  

    #navigationMenu a:hover{  
      text-decoration:none;  
    }  

    #navigationMenu .m_home {background-position:0 0;}  
    #navigationMenu .m_home :hover {background-position:0 -35px;}  

    #navigationMenu .m_gost {background-position:-35px 0;}  
    #navigationMenu .m_gost:hover {background-position:-35px -35px;}  

    #navigationMenu .m_forum {background-position:-70px 0;}  
    #navigationMenu .m_forum:hover {background-position:-70px -35px;}  

    #navigationMenu .m_pochta { background-position:-105px 0;}  
    #navigationMenu .m_pochta:hover{ background-position:-105px -35px;}  

    #navigationMenu .m_vxod { background-position:-140px 0;}  
    #navigationMenu .m_vxod:hover { background-position:-140px -35px;}  

    #navigationMenu .m_vixod { background-position:-175px 0;}  
    #navigationMenu .m_vixod:hover { background-position:-175px -35px;}  

    #navigationMenu .m_gost span,  
    #navigationMenu .m_forum span,  
    #navigationMenu .m_pochta span,  
    #navigationMenu .m_vxod span,  
    #navigationMenu .m_vixod span,  
    #navigationMenu .m_home span {  
      background:#444;  
      color:#777;  
      text-shadow:1px 1px 0 #333;  
    }


    Цветное меню

    Код
    #main{  
      position:fixed;  
      top: 150px;  
      left: 0px;  
      padding:0;  
      }  

      #main ul{  
      padding:0;  
      }  

      #navigationMenu li{  
      list-style:none;  
      height:35px;  
      width:35px;  
      }  

      #navigationMenu span{  
      position:absolute;  
      overflow:hidden;  
      width:0;  
      left:35px;  
      padding:0;  
      font:12px Verdana,Arial,Helvetica,sans-serif;  
      font-weight:bold;  
      line-height:35px;  
      white-space:nowrap;  
      -webkit-transition: 0.25s;  
      -moz-transition: 0.25s;  
      transition: 0.25s;  
      }  

      #navigationMenu a{  
      display:block;  
      position:relative;  
      background:url(http://pnghosts.ru/img/navigation_1.png) no-repeat;  
      height:35px;  
      width:35px;  
      }  

      #navigationMenu a:hover span{  
      overflow:hidden;  
      text-align:center;  
      width:110px;  
      padding:0px 10px;  
      }  

      #navigationMenu a:hover{  
      text-decoration:none;  
      }  

      #navigationMenu .m_home {background-position:0 0;}  
      #navigationMenu .m_home :hover {background-position:0 -35px;}  
      #navigationMenu .m_home span{  
      background:#7da315;  
      color:#3d4f0c;  
      text-shadow:1px 1px 0 #99bf31;  
      }  

      #navigationMenu .m_gost {background-position:-35px 0;}  
      #navigationMenu .m_gost:hover {background-position:-35px -35px;}  
      #navigationMenu .m_gost span{  
      background:#1e8bb4;  
      color:#223a44;  
      text-shadow:1px 1px 0 #44a8d0;  
      }  

      #navigationMenu .m_forum {background-position:-70px 0;}  
      #navigationMenu .m_forum:hover {background-position:-70px -35px;}  
      #navigationMenu .m_forum span{  
      background:#c86c1f;  
      color:#5a3517;  
      text-shadow:1px 1px 0 #d28344;  
      }  

      #navigationMenu .m_pochta { background-position:-105px 0;}  
      #navigationMenu .m_pochta:hover{ background-position:-105px -35px;}  
      #navigationMenu .m_pochta span{  
      background-color:#d0a525;  
      color:#604e18;  
      text-shadow:1px 1px 0 #d8b54b;  
      }  

      #navigationMenu .m_vxod { background-position:-140px 0;}  
      #navigationMenu .m_vxod:hover { background-position:-140px -35px;}  
      #navigationMenu .m_vxod span{  
      background-color:#af1e83;  
      color:#460f35;  
      text-shadow:1px 1px 0 #d244a6;  
      }  

      #navigationMenu .m_vixod { background-position:-175px 0;}  
      #navigationMenu .m_vixod:hover { background-position:-175px -35px;}  
      #navigationMenu .m_vixod span{  
      background-color:#27ddbf;  
      color:#097863;  
      text-shadow:1px 1px 0 #87ffe7;  
      }

    Просмотров: 933 | Добавил: DoG | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2025

    Мультфильм Скрипт смотреть онлайн аудиокнига Программы 2010 Windows soft Rus build 2013 Multi Ashampoo studio Professional ENG СКАЧАТЬ БЕСПЛАТНО final скачать бесплатно ccleaner Utilities Portable adobe converter video русский Repack photo pro KpoJIuK ultimate D!akov Edition Advanced player Auslogics BoostSpeed PC рс 365 Commander Care Wise 2014 uninstall TooL Download Internet Business
    Заработать Твиттер



    Поиск
    Услуги
    Бесплатный Хостинг
    Посоветовать страницу

    Аудиокнига случайная
    Харуки Мураками. "Послемрак" (2028)
    Скачать бесплатно Stronghold Legends - Легенды Цитадели (7584)
    Аудиокнига На берегу Рио-Пьедра села я и заплакала (2300)
    Ольга Степнова - Уж замуж невтерпеж (Аудиокнига,Детектив) (2074)
    Аудиокнига Левиафан Борис Акунин (1867)
    Агния Барто - Стихи и песни (2269)
    Зигмунд Фрейд. Толкование сновидений /аудиокнига/ (2270)
    Борис Акунин (1774)
    Пауло Коэльо. Ведьма с Портобелло (5278)
    Сергей Кузнецов - Живые и взрослые ( Мистика,аудиокнига) (1759)
    Аудио Книга: Ричард Бах - "Иллюзии" (3361)
    Дарья Донцова - Любительница частного сыска Даша Васильева 3. Дама с коготками (Аудиокнига,Детектив) (1949)
    Аудиокнига :: Малыш и Карлсон, который живет на крыше (2780)
    mp3, скачать, Юмористическая, аудиокнига, Алекс Экслер, литература, слушать, кота Шашлыка, Записки, юмор (4537)
    Михаил Булгаков. "Мастер и Маргарита" (1920)
    Вход
    Статистика

    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0

    Copyright MyCorp © 2025
    Яндекс.Метрика
    |