none
css для навигации RRS feed

Ответы

  • Ну например вы добавляете программно стиль в пункт меню- что-то вроде этого (это псевдокод в серверной части):

    foreach (LI in UL.ITEMS) {
    
      if( IsCurrentPageLink(LI) ) {
    
       LI.Attributes["class"] = LI.Attributes["class"]+ " active-item";
    
      }
    
    }
    
    


    потом в CSS определяете стиль 'active-item' (например делаем его красным текстом на синем фоне):

    div.menu ul li.active-item
    {
     color: Red;
     background-color: Blue;
    }

    /* чтобы переопределить стиль ссылок для активного элемента пишется такой примерно селектор */

    div.menu ul li.active-item a {
    font-family: Arial; color: Green; }
    div.menu ul li.active-item a:hover {
    color: Yellow; }


     

     


    Don't forget to vote for useful replies and/or mark answers for your questions - that helps other guys to find the answer faster.
    • Предложено в качестве ответа Dmitry Pavlov 14 июня 2011 г. 16:33
    • Помечено в качестве ответа Abolmasov DmitryModerator 16 июня 2011 г. 15:19
    14 июня 2011 г. 16:32

Все ответы

  • я обычно где-то в серверном коде где собирается меню сайта - добавляю дополнительный CSS класс для текущего раздела. ну и потом определяю в CSS файле отличный от остальных стиль
    Don't forget to vote for useful replies and/or mark answers for your questions - that helps other guys to find the answer faster.
    • Предложено в качестве ответа Dmitry Pavlov 13 июня 2011 г. 15:33
    • Отменено предложение в качестве ответа Dmitry Pavlov 14 июня 2011 г. 16:33
    13 июня 2011 г. 15:31
  • етсь еще всякие JQuery menu-хи. но обычно времени на их "причесывание" уходит столько же :)

    Don't forget to vote for useful replies and/or mark answers for your questions - that helps other guys to find the answer faster.
    13 июня 2011 г. 15:32
  • А можно кусочек CSS, отвечающий за стиль активной вкладки?

    У меня CSS для навигации такой:

    div.hideSkiplink
    {
      display: block;
      background-image: url('../Resources/навигация.png');
      position: fixed;
      z-index: auto;
      width: 100%;
      background-repeat: no-repeat;
      height: 33px;
    }
    
    div.menu
    {
      padding: 0px 0px 0px 8px;
    }
    
    div.menu ul
    {
      margin: 0px 0px 0px 8px;
      padding: 0px;
      width: auto;
      height: auto;
      list-style-type: none;
      font-size: large;
      font-family: Calibri;
    }
    div.menu ul li a, div.menu ul li a:visited
    {
      background-position: center;
      display: block;
      padding: 4px 10px 4px 10px;
      text-decoration: none;
      white-space: nowrap;
      color: #FF0000;
    }
    
    div.menu ul li a:hover
    {
      text-decoration: none;
      color: #FFFFFF;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url('../Resources/навигация.png');
      background-color: #FF0000;
    }
    
    div.menu ul li a:active
    {
      color: #FF6666;
    }
    

     


    Sergey
    13 июня 2011 г. 17:48
  • Ну например вы добавляете программно стиль в пункт меню- что-то вроде этого (это псевдокод в серверной части):

    foreach (LI in UL.ITEMS) {
    
      if( IsCurrentPageLink(LI) ) {
    
       LI.Attributes["class"] = LI.Attributes["class"]+ " active-item";
    
      }
    
    }
    
    


    потом в CSS определяете стиль 'active-item' (например делаем его красным текстом на синем фоне):

    div.menu ul li.active-item
    {
     color: Red;
     background-color: Blue;
    }

    /* чтобы переопределить стиль ссылок для активного элемента пишется такой примерно селектор */

    div.menu ul li.active-item a {
    font-family: Arial; color: Green; }
    div.menu ul li.active-item a:hover {
    color: Yellow; }


     

     


    Don't forget to vote for useful replies and/or mark answers for your questions - that helps other guys to find the answer faster.
    • Предложено в качестве ответа Dmitry Pavlov 14 июня 2011 г. 16:33
    • Помечено в качестве ответа Abolmasov DmitryModerator 16 июня 2011 г. 15:19
    14 июня 2011 г. 16:32