выделение пункта меню хелп

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем spik, 23.04.2010.

  1. Offline

    spik Недавно здесь

    Регистрация:
    23.04.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Никак не могу справиться с выделением пункта меню на котором нахожусь.
    понимаю что в CSS надо вставить
    Код (CODE):
    1. a.mainlevel-bot:link#active_menu, a.mainlevel-bot:visited#active_menu{
    2.    font-family:Arial;
    3.    font-size: 13px;
    4.    color:#000099;
    5.    font-weight: bold;
    6.    text-decoration: none;
    7. }

    но куда его вставлять в моём случае мне непонятно бьюсь неделю хелп.
    положу на тел 300рублей тому кто поможет или так помогите...
    Код (CODE):
    1. /* begin Menu */
    2. /* menu structure */
    3.  
    4. .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover, .artmenu a:active
    5. {
    6.   text-align:left;
    7.   text-decoration:none;
    8.   outline:none;
    9.   letter-spacing:normal;
    10.   word-spacing:normal;
    11. }
    12.  
    13. ul ul li a:hover, ul ul li#current a  {
    14. color:#D40303;
    15. text-decoration:none;
    16. }
    17. .artmenu, .artmenu ul
    18. {
    19.   margin: 0;
    20.   padding: 0;
    21.   border: 0;
    22.   list-style-type: none;
    23.   display: block;
    24. }
    25.  
    26. .artmenu li
    27. {
    28.   margin: 0;
    29.   padding: 0;
    30.   border: 0;
    31.   display: block;
    32.   float: left;
    33.   position: relative;
    34.   z-index: 5;
    35.   background:none;
    36. }
    37.  
    38. .artmenu li:hover
    39. {
    40.   z-index: 10000;
    41.   white-space: normal;
    42. }
    43.  
    44. .artmenu li li
    45. {
    46.   float: none;
    47. }
    48.  
    49. .artmenu ul
    50. {
    51.   visibility: hidden;
    52.   position: absolute;
    53.   z-index: 10;
    54.   left: 0;
    55.   top: 0;
    56.   background:none;
    57. }
    58.  
    59. .artmenu li:hover>ul
    60. {
    61.   visibility: visible;
    62.   top: 100%;
    63. }
    64.  
    65. .artmenu li li:hover>ul
    66. {
    67.   top: 0;
    68.   left: 100%;
    69. }
    70.  
    71. .artmenu:after, .artmenu ul:after
    72. {
    73.   content: ".";
    74.   height: 0;
    75.   display: block;
    76.   visibility: hidden;
    77.   overflow: hidden;
    78.   clear: both;
    79. }
    80. .artmenu, .artmenu ul
    81. {
    82.   min-height: 0;
    83. }
    84.  
    85. .artmenu ul
    86. {
    87.   background-image: url(../images/spacer.gif);
    88.   padding: 10px 30px 30px 30px;
    89.   margin: -10px 0 0 -30px;
    90. }
    91.  
    92. .artmenu ul ul
    93. {
    94.   padding: 30px 30px 30px 10px;
    95.   margin: -30px 0 0 -10px;
    96. }
    97.  
    98.  
    99. /* menu structure */
    100.  
    101. .nav
    102. {
    103.   position: relative;
    104.   margin: 0  auto;
    105.   width: 886px;
    106.   height: 29px;
    107.   z-index: 100;
    108. }
    109.  
    110. .artmenu
    111. {
    112.   padding: 2px 2px 2px 2px;
    113. }
    114.  
    115.  
    116. .nav .l, .nav .r, .nav .r div
    117. {
    118.   top: 0;
    119.   position: absolute;
    120.   z-index: -1;
    121.   overflow: hidden;
    122.   height: 29px;
    123. }
    124.  
    125. .nav .l
    126. {
    127.   left: 0;
    128.   right: 0px;
    129. }
    130.  
    131.  
    132. .nav .r
    133. {
    134.   right: 0;
    135.   width: 0px;
    136. }
    137.  
    138.  
    139. .nav .r div
    140. {
    141.   width: 886px;
    142.   right: 0;
    143. }
    144.  
    145.  
    146. .nav .l, .nav .r div
    147. {
    148.   background-position: left top;
    149.   background-repeat: no-repeat;
    150.   background-image: url('../images/nav.png');
    151. }
    152.  
    153. /* end Menu */
    154.  
    155. /* begin MenuItem */
    156. .artmenu ul li
    157. {
    158.   clear: both;
    159. }
    160. .artmenu a , .artmenu a span
    161. {
    162.   height: 25px;
    163.   display: block;
    164. }
    165.  
    166.  
    167. .artmenu a
    168. {
    169.   cursor: pointer;
    170.   text-decoration: none;
    171.   margin-right: 2px;
    172.   margin-left: 2px;
    173.  
    174. }
    175. .artmenu a
    176. {
    177.   background-image: url('../images/item-left.png');
    178.   background-position: left top;
    179.   background-repeat: no-repeat;
    180. }
    181.  
    182. .artmenu a span
    183. {
    184.   background-image: url('../images/item-right.png');
    185.   background-position: right top;
    186.   background-repeat: no-repeat;
    187. }
    188. .artmenu a span span
    189. {
    190.   font-family: Arial, Helvetica, Sans-Serif;
    191.   font-size: 30px;
    192.   font-style: normal;
    193.   font-weight: bold;
    194.   letter-spacing: 1px;
    195.   text-transform: uppercase;
    196.   color: #CCCCCC;
    197.   padding: 0 7px;
    198.   margin: 0 6px;
    199.   line-height: 25px;
    200.   text-align: center;
    201.   background-image: url('../images/item-center.png');
    202.   background-position: left top;
    203.   background-repeat: repeat-x;
    204.  
    205. }
    206.  
    207.  
    208. .artmenu a:hover
    209. {
    210.   background-position: left -25px;
    211. }
    212.  
    213. .artmenu li:hover>a
    214. {
    215.   background-position: left -25px;
    216. }
    217. .artmenu li:hover a span
    218. {
    219.   background-position: right -25px;
    220. }
    221.  
    222. .artmenu a:hover span
    223. {
    224.   background-position: right -25px;
    225. }
    226.  
    227.  
    228. .artmenu a:hover span span
    229. {
    230.   color: #000000;
    231.   background-position: left -25px;
    232. }
    233.  
    234. .artmenu li:hover a span span
    235. {
    236.   color: #000000;
    237.   background-position: left -25px;
    238. }
    239. .artmenu a.active
    240. {
    241.   background-position: left -50px;
    242. }
    243. .artmenu a.active span
    244. {
    245.   background-position: right -50px;
    246. }
    247.  
    248. .artmenu a.active span span
    249. {
    250.   color: #FFFFFF;
    251.   background-position: left -50px;
    252. }
    253.  
    254. /* end MenuItem */
     
  2.  
  3. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    Первый код ваще неправильный.
    Дайте ссылку на сайт
     
  4. Offline

    spik Недавно здесь

    Регистрация:
    23.04.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    7d-project.ru
     
  5. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    li#current a { font-family:Arial; font-size: 13px; color:#000099; font-weight: bold; text-decoration: underline; } - для просматриваемого пункта
    соответственно
    .menu a:hover - отображение при наведение
    .menu a:visited - отображение после нажатия
     
    n13 нравится это.

Поделиться этой страницей

Загрузка...