Выделение или подсвечивание подменю

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

  1. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Я новичок, лазел и по гуглу и в яндексе находил но не смог всеравно разобраться:'( Проблема следующая у меня имееться например вот такое меню и подменю:
    главная
    авто
    ___тюнинг
    ___сцепление
    помидоры
    табак

    вот меню у меня выделяеться и когда по нему мышкой проводиш оно так сказать светиться серым цветом, а что сделать чтоб точно также было и с подменю ???
    Заранее спасибо:)
     
    vitalyjke, 01.01.2011
    #1

  2. Наши спонсоры

     
  3. Vamp
    Offline

    Vamp Модератор => Cпециалист <=

    Регистрация:
    30.06.2010
    Сообщения:
    282
    Симпатии:
    44
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    Найти в файле template.css(в папке шаблона) место где описано это меню и изменить стиль.

    link - стиль для не посещенных ссылок
    hover - оформление при наведении курсора мыши на ссылку (без нажатия мыши)
    active - стиль активной ссылки (при нажатии мыши)
    visited - оформление для посещенных ссылок

    Вам нужно изменить hover, прописать тот же стиль что и в основном меню
     
    Последнее редактирование: 02.01.2011
    Vamp, 02.01.2011
    #2
    vitalyjke нравится это.
  4. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    Спасибо за ответ, но я не нашел где это описание уж очень все там похоже)



    Код (CODE):
    1. /* COMMON STYLE
    2. --------------------------------------------------------- */
    3. html, body, form, fieldset {
    4.     margin: 0;
    5.     padding: 0;
    6. }
    7.  
    8. body {
    9.     color: #000000;
    10.     background: #FFFFFF;
    11.     font-family: Arial, Helvetica, sans-serif;
    12.     line-height: 150%;
    13. }
    14.  
    15. body#bd {
    16.     color: #333333;
    17.     background: #F2F2F2;
    18. }
    19.  
    20. body.contentpane {
    21.     width: auto; /* Printable Page */
    22.     margin: 1em 2em;
    23.     line-height: 1.3em;
    24.     margin: 0px 0px 0px 0px;
    25.     font-size: 12px;
    26.     color: #333;
    27. }
    28.  
    29. body.fs1 {
    30.     font-size: 10px;
    31. }
    32.  
    33. body.fs2{
    34.     font-size: 11px;
    35. }
    36.  
    37. body.fs3{
    38.     font-size: 12px;
    39. }
    40.  
    41. body.fs4{
    42.     font-size: 13px;
    43. }
    44.  
    45. body.fs5{
    46.     font-size: 14px;
    47. }
    48.  
    49. body.fs6{
    50.     font-size: 15px;
    51. }
    52.  
    53. /* Normal link */
    54. a {
    55.     color: #006699;
    56.     text-decoration: underline;
    57. }
    58.  
    59. a:hover, a:active, a:focus {
    60.     color: #333333;
    61.     text-decoration: underline;
    62. }
    63.  
    64. /* Title text */
    65. .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
    66.     font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    67. }
    68.  
    69. /* Small text */
    70. small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
    71.     color: #666666;
    72.     font-size: 92%;
    73. }
    74.  
    75. /* Heading */
    76. h1 {
    77.     font-size: 180%;
    78. }
    79.  
    80. h2 {
    81.     font-size: 150%;
    82. }
    83.  
    84. h3 {
    85.     font-size: 125%;
    86. }
    87.  
    88. h4 {
    89.     font-size: 100%;
    90.     text-transform: uppercase;
    91. }
    92.  
    93. p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
    94.     margin: 1em 0;
    95.     padding: 0;
    96. }
    97.  
    98. ul {
    99.     list-style: none;
    100. }
    101.  
    102. /*-------------------------------------Меню---*/
    103.  
    104.  /* Меню активное - зелёное*/
    105.  
    106. ul.menu li.active {background-color:#EEEEEE;}
    107. ul.menu li.active a {color: #008000;}
    108.  
    109.  
    110. /*-------Подменю неактивное---*/
    111.  
    112. ul.menu li li a {
    113.     color: #212121 !important;
    114.     border: none;
    115.     padding: 5px 5px 5px 25px !important;
    116.     text-transform: none;
    117.     font-weight: normal !important;
    118. }
    119.  
    120.  
    121. /*-------Подменю активное ---*/
    122.  
    123. ul.menu li li.active a {
    124.     font-weight: bold !important;
    125. }
    126.  
    127.  
    128. ul.menu li li.active {
    129.     background-color:#ffffff; !important;
    130. }
    131.  
    132.  
    133.  
    134. ul li {
    135.     padding-left: 30px;
    136.     background: url(../images/bullet.gif) no-repeat 18px 8px;
    137.     line-height: 180%;
    138. }
    139.  
    140. ol li {
    141.     margin-left: 35px;
    142.     line-height: 180%;
    143. }
    144.  
    145. th {
    146.     padding: 5px;
    147.     font-weight: bold;
    148.     text-align: left;
    149. }
    150.  
    151. fieldset {
    152.     border: none;
    153.     padding: 10px 5px;
    154.     background: url(../images/hdot2.gif) repeat-x top;
    155. }
    156.  
    157. fieldset a {
    158.     font-weight: bold;
    159. }
    160.  
    161. hr {
    162.     border-top: 1px solid #CCCCCC;
    163.     border-right: 0;
    164.     border-left: 0;
    165.     border-bottom: 0;
    166.     height: 1px;
    167. }
    168.  
    169. td, div {
    170.     font-size: 100%;
    171. }
    172.  
    173. img {
    174.     border: none;
    175. }
    176. /* FORM
    177. --------------------------------------------------------- */
    178. form {
    179.     margin: 0;
    180.     padding: 0;
    181. }
    182.  
    183. form label {
    184.     cursor: pointer;
    185. }
    186.  
    187. input, select, textarea, .inputbox {
    188.     padding: 3px 5px;
    189.     font-family: Tahoma, Arial, Helvetica, sans-serif;
    190.     font-size: 100%;
    191. }
    192.  
    193. .button {
    194.     padding: 3px 5px;
    195.     border: 1px solid #333333;
    196.     background: url(../images/grad1.gif) repeat-x top #333333;
    197.     color: #CCCCCC;
    198.     font-size: 85%;
    199.     text-transform: uppercase;
    200. }
    201.  
    202. .button:hover, .button:focus {
    203.     border: 1px solid #999999;
    204.     background: #333333;
    205.     color: #FFFFFF;
    206. }
    207.  
    208. * html .button {
    209.     padding: 2px 0 !important; /*IE 6*/
    210. }
    211.  
    212. *+html .button {
    213.     padding: 2px 0 !important; /*IE 7*/
    214. }
    215.  
    216. .inputbox {
    217.     border: 1px solid #CCCCCC;
    218.     background: #FFFFFF;
    219. }
    220.  
    221. .inputbox:hover, .inputbox:focus {
    222.     background: #FFFFCC;
    223. }
    224.  
    225. /* BONUS TYPOGRAPHY STYLES
    226. --------------------------------------------------------- */
    227. pre, .code {
    228.     padding: 10px 15px;
    229.     margin: 5px 0 15px;
    230.     border-left: 5px solid #999999;
    231.     background: #FFFFFF;
    232.     font: 1em/1.5 "Courier News", monospace;
    233. }
    234.  
    235. blockquote {
    236.     padding: 1em 40px 1em 15px;
    237. }
    238.  
    239. blockquote span.open {
    240.     padding: 0 0 0 20px;
    241.     background: url(../images/so-q.gif) no-repeat left top;
    242. }
    243.  
    244. blockquote span.close {
    245.     padding: 0 20px 0 0;
    246.     background: url(../images/sc-q.gif) no-repeat bottom right;
    247. }
    248.  
    249. /* Quote hilight */
    250. .quote-hilite {
    251.     padding: 10px 15px;
    252.     margin: 0;
    253.     border: 1px solid #CACACC;
    254.     background: #FFFFFF;
    255. }
    256.  
    257. /* Small quote */
    258. .small-quote {
    259.     margin: 0;
    260.     padding: 0;
    261.     background: none;
    262. }
    263.  
    264. .small-quote span.open-quote {
    265.     margin: 0;
    266.     padding-left: 20px;
    267.     background: url(../images/so-q.gif) no-repeat center left;
    268. }
    269.  
    270. .small-quote span.close-quote {
    271.     margin: 0;
    272.     padding-right: 20px;
    273.     background: url(../images/sc-q.gif) no-repeat center right;
    274. }
    275.  
    276. .small-quote span.author {
    277.     padding: 2px 5px 2px 20px;
    278.     border-top: 1px solid #DCDDE0;
    279.     margin: 0.5em 0 0;
    280.     display: block;
    281.     background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
    282.     font-size: 90%;
    283.     text-transform: uppercase;
    284. }
    285.  
    286. /* Rropcap */
    287. .dropcap {
    288.     float: left;
    289.     padding: 4px 8px 0 0;
    290.     display: block;
    291.     color: #999999;
    292.     font: 50px/40px Georgia, Times, serif;
    293. }
    294.  
    295. /* Tips, Error, Message, Hightlight*/
    296. p.error {
    297.     padding-left: 25px;
    298.     color: #BF0000;
    299.     background: url(../images/icon-error.gif) no-repeat top left;
    300. }
    301.  
    302. p.message {
    303.     padding-left: 25px;
    304.     color: #006699;
    305.     background: url(../images/icon-info.gif) no-repeat top left;
    306. }
    307.  
    308. p.tips {
    309.     padding-left: 25px;
    310.     color: #EE9600;
    311.     background: url(../images/icon-tips.gif) no-repeat top left;
    312. }
    313.  
    314. .highlight {
    315.     padding: 1px 5px;
    316.     background: #FFFFCC;
    317.     font-weight: bold;
    318. }
    319.  
    320. /* Note Style */
    321. p.stickynote {
    322.     padding: 10px 0px 10px 40px;
    323.     border: 1px solid #CACACC;
    324.     background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
    325. }
    326.  
    327. p.download {
    328.     padding: 10px 0px 10px 40px;
    329.     border: 1px solid #CACACC;
    330.     background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
    331. }
    332.  
    333. .blocknumber {
    334.     clear: both;
    335.     padding: 5px 15px 10px;
    336.     position: relative;
    337. }
    338.  
    339. /* Check list */
    340. ul.checklist {
    341.     list-style: none;
    342. }
    343.  
    344. ul.checklist li {
    345.     margin-left: 15px;
    346.     padding: 0 0 5px 20px;
    347.     background: url(../images/checklist-bg.gif) no-repeat 0 3px;
    348. }
    349.  
    350. /* Small checklist */
    351. ul.small-checklist {
    352.     list-style: none;
    353. }
    354.  
    355. ul.small-checklist li {
    356.     margin-left: 15px;
    357.     padding: 0 0 5px 20px;
    358.     background: url(../images/icon_list.gif) no-repeat 0 3px;
    359. }
    360.  
    361. /* Check list */
    362. ul.stars {
    363.     list-style: none;
    364. }
    365.  
    366. ul.stars li {
    367.     margin-left: 15px;
    368.     padding: 0px 0 5px 20px;
    369.     background: url(../images/star-bg.gif) no-repeat 0 3px;
    370. }
    371.  
    372. /* Bignumber */
    373. .bignumber {
    374.     float: left;
    375.     margin-right: 8px;
    376.     padding: 6px 7px;
    377.     display: block;
    378.     background: url(../images/ol-bg.gif) no-repeat top left;
    379.     color: #7BA566;
    380.     font: bold 20px/normal Arial, sans-serif;
    381. }
    382.  
    383. /* Talking box. Thinking box. */
    384. div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
    385.     margin: 15px 0;
    386. }
    387.  
    388. div.bubble1 span.author,
    389. div.bubble2 span.author,
    390. div.bubble3 span.author,
    391. div.bubble4 span.author {
    392.     padding-left: 15px;
    393.     margin-left: 15px;
    394.     background: url(../images/author.gif) no-repeat center left;
    395.     font-weight: bold;
    396. }
    397.  
    398. div.bubble1 div {
    399.     margin: 0;
    400.     width: 100%;
    401.     background: url(../images/bub1-br.gif) no-repeat bottom right;
    402. }
    403.  
    404. div.bubble1 div div {
    405.     background: url(../images/bub1-bl.gif) no-repeat bottom left;
    406. }
    407.  
    408. div.bubble1 div div div {
    409.     background: url(../images/bub1-tr.gif) no-repeat top right;
    410. }
    411.  
    412. div.bubble1 div div div div {
    413.     background: url(../images/bub1-tl.gif) no-repeat top left;
    414. }
    415.  
    416. div.bubble1 div div div div div {
    417.     margin: 0;
    418.     padding: 15px 15px 30px 15px;
    419.     width: auto;
    420. }
    421.  
    422. div.bubble2 div {
    423.     margin: 0;
    424.     width: 100%;
    425.     background: url(../images/bub2-br.gif) no-repeat bottom right;
    426. }
    427.  
    428. div.bubble2 div div {
    429.     background: url(../images/bub2-bl.gif) no-repeat bottom left;
    430. }
    431.  
    432. div.bubble2 div div div {
    433.     background: url(../images/bub2-tr.gif) no-repeat top right;
    434. }
    435.  
    436. div.bubble2 div div div div {
    437.     background: url(../images/bub2-tl.gif) no-repeat top left;
    438. }
    439.  
    440. div.bubble2 div div div div div {
    441.     margin: 0;
    442.     padding: 15px 15px 35px 15px;
    443.     width: auto;
    444. }
    445.  
    446. div.bubble3 div {
    447.     margin: 0;
    448.     width: 100%;
    449.     background: url(../images/bub3-br.gif) no-repeat bottom right;
    450. }
    451.  
    452. div.bubble3 div div {
    453.     background: url(../images/bub3-bl.gif) no-repeat bottom left;
    454. }
    455.  
    456. div.bubble3 div div div {
    457.     background: url(../images/bub3-tr.gif) no-repeat top right;
    458. }
    459.  
    460. div.bubble3 div div div div {
    461.     background: url(../images/bub3-tl.gif) no-repeat top left;
    462. }
    463.  
    464. div.bubble3 div div div div div {
    465.     margin: 0;
    466.     padding: 15px 15px 50px 15px;
    467.     width: auto;
    468. }
    469.  
    470. div.bubble4 div {
    471.     margin: 0;
    472.     width: 100%;
    473.     background: url(../images/bub4-br.gif) no-repeat bottom right;
    474. }
    475.  
    476. div.bubble4 div div {
    477.     background: url(../images/bub4-bl.gif) no-repeat bottom left;
    478. }
    479.  
    480. div.bubble4 div div div {
    481.     background: url(../images/bub4-tr.gif) no-repeat top right;
    482. }
    483.  
    484. div.bubble4 div div div div {
    485.     background: url(../images/bub4-tl.gif) no-repeat top left;
    486. }
    487.  
    488. div.bubble4 div div div div div {
    489.     margin: 0;
    490.     padding: 15px 15px 55px 15px;
    491.     width: auto;
    492. }
    493.  
    494. /* Legend */
    495. .legend-title {
    496.     margin: 0;
    497.     padding: 0 3px;
    498.     float: left;
    499.     display: block;
    500.     background: #F6F6F6;
    501.     font-weight: bold;
    502.     position: absolute;
    503.     top: -10px;
    504.     left: 7px;
    505. }
    506.  
    507. .legend {
    508.     margin: 20px 0;
    509.     padding: 0 10px;
    510.     border: 1px solid #CACACC;
    511.     background: #FFFFFF;
    512.     position: relative;
    513. }
    514.  
    515. /* JOOMLA STYLE
    516. --------------------------------------------------------- */
    517. table.blog {
    518. }
    519.  
    520. .article_separator {
    521.     clear: both;
    522.     display: block;
    523.     height: 20px;
    524. }
    525.  
    526. .article_column {
    527. }
    528.  
    529. .column_separator {
    530.     padding: 0 25px;
    531. }
    532.  
    533. /* content tables */
    534. td.sectiontableheader {
    535.   padding: 4px;
    536.   border-right: 1px solid #fff;
    537. }
    538.  
    539. tr.sectiontableentry0 td,
    540. tr.sectiontableentry1 td,
    541. tr.sectiontableentry2 td {
    542.   padding: 4px;
    543. }
    544.  
    545. td.sectiontableentry0,
    546. td.sectiontableentry1,
    547. td.sectiontableentry2 {
    548.   padding: 3px;
    549. }
    550.  
    551. table.contentpane {
    552.     border: none;
    553.     width: 100%;
    554. }
    555.  
    556. table.contentpaneopen {
    557.     border: none;
    558.     border-collapse: collapse;
    559.     border-spacing: 0;
    560. }
    561.  
    562. table.contenttoc {
    563.     margin: 0 0 10px 10px;
    564.     padding: 0;
    565.     width: 35%;
    566.     float: right;
    567. }
    568.  
    569. table.contenttoc a {
    570.     text-decoration: none;
    571. }
    572.  
    573. table.contenttoc td {
    574.     padding: 1px 5px 1px 25px;
    575.     background: url(../images/bullet-list.gif) no-repeat 5% 50%;
    576. }
    577.  
    578. table.contenttoc th {
    579.     padding: 0 0 3PX;
    580.     border-bottom: 1px solid #CCCCCC;
    581.     text-indent: 5px;
    582. }
    583.  
    584. table.poll {
    585.     padding: 0;
    586.     width: 100%;
    587.     border-collapse: collapse;
    588. }
    589.  
    590. table.pollstableborder {
    591.     padding: 0;
    592.     width: 100%;
    593.     border: none;
    594.     text-align: left;
    595. }
    596.  
    597. table.pollstableborder img {
    598.     vertical-align: baseline;
    599. }
    600.  
    601. table.pollstableborder td {
    602.     padding: 4px!important;
    603.     border-collapse: collapse;
    604.     border-spacing: 0;
    605. }
    606.  
    607. table.pollstableborder tr.sectiontableentry1 td {
    608.     background: #ECECEC;
    609. }
    610.  
    611. table.searchintro {
    612.     padding: 10px 0;
    613.     width: 100%;
    614. }
    615.  
    616. table.searchintro td {
    617.     padding: 5px!important;
    618. }
    619.  
    620. table.adminform {
    621. }
    622.  
    623. .adminform .inputbox {
    624. }
    625.  
    626. .blog_more {
    627.     padding: 10px 0;
    628.     background: url(../images/hdot.gif) repeat-x top;
    629. }
    630.  
    631. .blog_more strong {
    632.     margin: 0 0 5px;
    633.     display: block;
    634.     font-size: 125%;
    635. }
    636.  
    637. .blog_more ul {
    638.     margin: 0;
    639.     padding: 0;
    640. }
    641.  
    642. .blog_more ul li {
    643.     margin: 0;
    644.     padding: 0 0 0 17px;
    645.     background: url(../images/bullet.gif) no-repeat 6px 8px;
    646. }
    647.  
    648. .category {
    649.     font-weight: bold;
    650. }
    651.  
    652. h1.componentheading, .componentheading {
    653.     padding: 5px 0 15px;
    654.     margin: 0 0 10px;
    655.     background: url(../images/hdot.gif) repeat-x bottom;
    656. }
    657.  
    658. .componentheading {
    659.     font-size: 200%;
    660.     font-weight: bold;
    661. }
    662.  
    663. .contentdescription {
    664.     padding-bottom: 30px;
    665. }
    666.  
    667. h2.contentheading, .contentheading {
    668.     padding: 5px 0 8px;
    669.     margin: 0;
    670.     font-weight: normal;
    671. }
    672.  
    673. table.blog .contentheading {
    674.     font-size: 150%;
    675. }
    676.  
    677. .contentheading {
    678.     font-size: 200%;
    679. }
    680.  
    681. a.contentpagetitle,
    682. a.contentpagetitle:hover,
    683. a.contentpagetitle:active,
    684. a.contentpagetitle:focus {
    685.     text-decoration: none !important;
    686. }
    687.  
    688. a.readon {
    689.     float: left;
    690.     margin-top: 10px;
    691.     padding: 1px 5px 1px 14px;
    692.     border: 1px solid #F6F6F6;
    693.     display: block;
    694.     background: url(../images/arrow.png) no-repeat 5px 48%;
    695.     color: #006699;
    696.     font-weight: bold;
    697.     text-decoration: none;
    698.     text-transform: uppercase;
    699. }
    700.  
    701. a.readon:hover, a.readon:active, a.readon:focus {
    702.     border: 1px solid #ECECEC;
    703.     background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
    704. }
    705.  
    706. table.contentpaneopen td, table.contentpane td {
    707. }
    708.  
    709. table.contentpaneopen, table.contentpane, table.blog {
    710.     width: 100%;
    711. }
    712.  
    713. .moduletable {
    714.     padding: 0;
    715. }
    716.  
    717. ul.pagination {
    718.     margin: 15px auto;
    719.     padding: 10px 0;
    720.     background: url(../images/hdot.gif) repeat-x top;
    721. }
    722.  
    723. ul.pagination li {
    724.     margin: 0;
    725.     padding: 0;
    726.     display: inline;
    727.     background: none;
    728. }
    729.  
    730. ul.pagination li span{
    731.     padding: 2px 5px;
    732. }
    733.  
    734. ul.pagination a {
    735.     padding: 2px 5px;
    736.     border: 1px solid #F6F6F6;
    737. }
    738.  
    739. ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    740.     border: 1px solid #ECECEC;
    741.     background: #FFFFFF;
    742. }
    743.  
    744. .pagenavbar {
    745.     padding-left: 14px;
    746. }
    747.  
    748. .pagenavcounter {
    749.     padding: 8px 14px 0 14px;
    750. }
    751.  
    752. .sectiontableheader {
    753.     padding: 8px 5px;
    754.     background: #444444;
    755.     color: #FFFFFF;
    756. }
    757.  
    758. .sectiontableheader a {
    759.     color: #FFFFFF;
    760. }
    761.  
    762. tr.sectiontableentry1 td {
    763.     padding: 8px 5px;
    764.     background: url(../images/hdot2.gif) repeat-x bottom;
    765. }
    766.  
    767. tr.sectiontableentry2 td {
    768.     padding: 8px 5px;
    769.     background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
    770. }
    771.  
    772. tr.sectiontableentry1:hover td,
    773. tr.sectiontableentry2:hover td {
    774.     background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
    775. }
    776.  
    777. .smalldark {
    778.     text-align: left;
    779. }
    780.  
    781. div.syndicate div {
    782.     text-align: center;
    783. }
    784.  
    785. .pollstableborder tr.sectiontableentry1 td,
    786. .pollstableborder tr.sectiontableentry2 td {
    787.     background: none;
    788. }
    789.  
    790. /* META
    791. --------------------------------------------------------- */
    792. .article-tools {
    793.     border-top: 1px solid #DDDDDD;
    794.     width: 100%;
    795.     float: left;
    796.     clear: both;
    797.     margin-bottom: 15px;
    798.     display: block;
    799.     background: #ECECEC;
    800. }
    801.  
    802. .article-meta {
    803.     padding: 5px;
    804.     width: 80%;
    805.     float: left;
    806. }
    807.  
    808. .createby {
    809.     padding: 3px 3px 3px 20px;
    810.     background: url(../images/icon-user.gif) no-repeat 0 2px;
    811. }
    812.  
    813. .createdate {
    814.     padding: 3px 3px 3px 20px;
    815.     background: url(../images/icon-date.gif) no-repeat 0 2px;
    816. }
    817.  
    818. .modifydate {
    819.     width: 100%;
    820.     float: left;
    821. }
    822.  
    823. div.buttonheading {
    824.     float: right;
    825.     width: 15%;
    826. }
    827.  
    828. .buttonheading img {
    829.     margin: 7px 5px 0 0;
    830.     border: 0;
    831.     float: right;
    832. }
    833.  
    834. /* MAIN LAYOUT DIVS
    835. --------------------------------------------------------- */
    836. #ja-wrapper {
    837.     width: 100%;
    838.     margin: 0;
    839.     background: #F2F2F2;
    840. }
    841.  
    842. #ja-containerwrap {
    843.     background: url(../images/cw-bg1.gif) repeat-y 50% 0;
    844. }
    845.  
    846. #ja-containerwrap2 {
    847.     background: url(../images/cw-bg2.gif) no-repeat 50% 0;
    848. }
    849.  
    850. #ja-container {
    851.     background: url(../images/c-bg1.gif) repeat-y 18% 0;
    852. }
    853.  
    854. #ja-container2 {
    855.     padding: 20px 0;
    856.     background: url(../images/c-bg2.gif) no-repeat 18% 0;
    857. }
    858.  
    859. #ja-mainbody-fr #ja-col1 {
    860.     width: 20%;
    861. }
    862.  
    863. #ja-mainbody-fr #ja-contentwrap {
    864.     width: 80%;
    865. }
    866.  
    867. #ja-mainbody, #ja-mainbody-fl {
    868.     float: left;
    869.     width: 80%;
    870. }
    871.  
    872. #ja-mainbody #ja-contentwrap {
    873.     float: right;
    874.     width: 75%;
    875. }
    876.  
    877. #ja-mainbody-fl #ja-contentwrap {
    878.     float: left;
    879.     width: 100%;
    880. }
    881.  
    882. #ja-mainbody-f, #ja-mainbody-fr {
    883.     float: none;
    884.     width: 100%;
    885. }
    886.  
    887. #ja-mainbody-fr #ja-contentwrap {
    888.     width: 74.8%;
    889.     float: right;
    890. }
    891.  
    892. #ja-mainbody-fr #ja-col1 {
    893.     width: 20%;
    894.     float: left;
    895. }
    896.  
    897. #ja-mainbody-fr #ja-contentwrap {
    898.     width: 80%;
    899. }
    900.  
    901. #ja-content {
    902.     padding: 0 20px 0 40px;
    903. }
    904. #ja-contentwrap {
    905.     min-height: 300px;
    906.     height: auto;
    907. }
    908. * html #ja-contentwrap {
    909.     height: 300px;
    910. }
    911. #ja-mainbody-fl #ja-content {
    912.     padding-left: 0;
    913. }
    914.  
    915. #ja-mainbody-f #ja-content {
    916.     padding: 0;
    917. }
    918.  
    919. /* Full */
    920. #ja-containerwrap-f {
    921.     background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
    922. }
    923.  
    924. #ja-containerwrap-f #ja-containerwrap2 {
    925.     background: none;
    926. }
    927.  
    928. #ja-containerwrap-f #ja-container,
    929. #ja-containerwrap-f #ja-container2 {
    930.     background: none;
    931. }
    932.  
    933. /* Full left */
    934. #ja-containerwrap-fl {
    935.     background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
    936. }
    937.  
    938. #ja-containerwrap-fl #ja-containerwrap2,
    939. #ja-containerwrap-fl #ja-container,
    940. #ja-containerwrap-fl #ja-container2 {
    941.     background: none;
    942. }
    943.  
    944. /* Full right */
    945. #ja-containerwrap-fr {
    946.     background: url(../images/cw-bg1.gif) repeat-y 50% 0;
    947. }
    948.  
    949. #ja-containerwrap-fr #ja-containerwrap2 {
    950.     background: url(../images/cw-bg2.gif) no-repeat 50% 0;
    951. }
    952.  
    953. /* HEADER
    954. --------------------------------------------------------- */
    955. #ja-headerwrap {
    956.     background: #333333;
    957.     color: #CCCCCC;
    958.     line-height: normal;
    959.     height: 80px;
    960. }
    961.  
    962. #ja-header {
    963.     position: relative;
    964.     height: 80px;
    965. }
    966.  
    967. .ja-headermask {
    968.     width: 602px;
    969.     display: block;
    970.     background: url(../images/header-mask.png) no-repeat top right;
    971.     height: 80px;
    972.     position: absolute;
    973.     top: 0;
    974.     right: -1px;
    975. }
    976.  
    977. #ja-header a {
    978.     color: #CCCCCC;
    979. }
    980.  
    981. h1.logo, h1.logo-text {
    982.     margin: 0 0 0 5px;
    983.     padding: 0;
    984.     font-size: 180%;
    985.     text-transform: uppercase;
    986. }
    987.  
    988. h1.logo a {
    989.     width: 208px;
    990.     display: block;
    991.     background: url(../images/logo.png) no-repeat;
    992.     height: 80px;
    993.     position: relative;
    994.     z-index: 100;
    995. }
    996.  
    997. h1.logo a span {
    998.     position: absolute;
    999.     top: -1000px;
    1000. }
    1001.  
    1002. h1.logo-text a {
    1003.     color: #CCCCCC !important;
    1004.     text-decoration: none;
    1005.     outline: none;
    1006.     position: absolute;
    1007.     bottom: 40px;
    1008.     left: 5px;
    1009. }
    1010.  
    1011. p.site-slogan {
    1012.     margin: 0;
    1013.     padding: 0;
    1014.     padding: 2px 5px;
    1015.     color: #FFFFFF;
    1016.     background: #444444;
    1017.     font-size: 92%;
    1018.     position: absolute;
    1019.     bottom: 20px;
    1020.     left: 0;
    1021. }
    1022.  
    1023. /* Search */
    1024. #ja-search {
    1025.     padding-left: 20px;
    1026.     background: url(../images/icon-search.gif) no-repeat center left;
    1027.     position: absolute;
    1028.     bottom: 15px;
    1029.     right: 0;
    1030. }
    1031.  
    1032. #ja-search .inputbox {
    1033.     width: 120px;
    1034.     border: 1px solid #333333;
    1035.     padding: 3px 5px;
    1036.     color: #999999;
    1037.     background: #444444;
    1038.     font-size: 92%;
    1039. }
     
    vitalyjke, 02.01.2011
    #3
  5. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    а это продолжение)



    Код (CODE):
    1. /* MAIN NAVIGATION
    2. --------------------------------------------------------- */
    3.  
    4. #ja-pathway {
    5.     font-size: 92%;
    6. }
    7.  
    8. #ja-pathway strong {
    9.     margin-right: 5px;
    10.     font-weight: normal;
    11. }
    12.  
    13. #ja-pathway a {
    14.     text-decoration: none;
    15. }
    16.  
    17. #ja-pathway img {
    18.     margin: 1px 5px;
    19. }
    20.  
    21. /* MODULE
    22. --------------------------------------------------------- */
    23. div.moduletable,
    24. div.moduletable_menu,
    25. div.moduletable_text {
    26.     padding: 0 0 20px;
    27.     margin-bottom: 15px;
    28.     background: url(../images/hdot.gif) repeat-x bottom;
    29. }
    30.  
    31. div.moduletable h3,
    32. div.moduletable_menu h3,
    33. div.moduletable_text h3 {
    34.     padding: 0 0 8px;
    35.     margin: 0;
    36.     color: #7BA566;
    37.     font-size: 125%;
    38.     font-weight: bold;
    39.     text-transform: uppercase;
    40. }
    41.  
    42. /* Module rounded */
    43. div.module h3 {
    44.     margin: 0 -15px 10px;
    45.     padding: 8px 15px 5px;
    46.     border-bottom: 2px solid #F6F6F6;
    47.     color: #7BA566;
    48.     font-size: 125%;
    49.     font-weight: bold;
    50.     text-transform: uppercase;
    51. }
    52.  
    53. div.module_black,
    54. div.module_green,
    55. div.module_blue,
    56. div.module_red,
    57. div.module {
    58.     margin-bottom: 20px;
    59.     float: left;
    60.     clear: both;
    61.     width: 100%;
    62.     background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
    63. }
    64.  
    65. div.module div {
    66.     background: url(../images/b-bl.gif) no-repeat bottom left;
    67. }
    68.  
    69. div.module div div {
    70.     background: url(../images/b-tr.gif) no-repeat top right;
    71. }
    72.  
    73. div.module div div div {
    74.     padding: 0 15px 10px;
    75.     background: url(../images/b-tl.gif) no-repeat top left;
    76. }
    77.  
    78. div.module_black div div div div,
    79. div.module_green div div div div,
    80. div.module_blue div div div div,
    81. div.module_red div div div div,
    82. div.module_text div div div div,
    83. div.module div div div div {
    84.     margin: 0;
    85.     padding: 0;
    86.     float: none;
    87.     width: 99%;
    88.     background: none;
    89. }
    90.  
    91. div.module_text h3 {
    92.     margin: 0 0 10px;
    93.     width: 100%;
    94.     clear: both;
    95.     display: block;
    96.     overflow: hidden;
    97. }
    98.  
    99. div.module_text span {
    100.     padding: 0 3px 0 0;
    101.     float: left;
    102.     clear: both;
    103.     display: block;
    104.     background: #F6F6F6;
    105.     font-weight: bold;
    106. }
    107.  
    108. div.module_text {
    109.     margin-bottom: 20px;
    110.     padding: 0;
    111.     float: left;
    112.     clear: both;
    113.     width: 100%;
    114.     background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
    115. }
    116.  
    117. div.module_text div {
    118.     background: url(../images/bt-bl.gif) no-repeat bottom left;
    119. }
    120.  
    121. div.module_text div div {
    122.     background: url(../images/bt-tr.gif) no-repeat top right;
    123. }
    124.  
    125. div.module_text div div div {
    126.     padding: 0 15px 10px;
    127.     display: block;
    128.     background: url(../images/bt-tl.gif) no-repeat top left;
    129. }
    130.  
    131. div.banneritem_text {
    132.     padding: 5px 0 !important;
    133. }
    134.  
    135. /* red */
    136. div.module_black h3,
    137. div.module_green h3,
    138. div.module_blue h3,
    139. div.module_red h3 {
    140.     margin: 0 -15px 10px;
    141.     padding: 8px 15px 5px;
    142.     border-bottom: 1px solid #F6F6F6;
    143.     color: #FFFFFF;
    144.     font-size: 125%;
    145.     font-weight: bold;
    146.     text-transform: uppercase;
    147. }
    148.  
    149. div.module_red {
    150.     background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
    151.     color: #FFFFFF;
    152. }
    153.  
    154. div.module_red div {
    155.     background: url(../images/br-bl.gif) no-repeat bottom left;
    156. }
    157.  
    158. div.module_red div div {
    159.     background: url(../images/br-tr.gif) no-repeat top right;
    160. }
    161.  
    162. div.module_red div div div {
    163.     padding: 0 15px 10px;
    164.     background: url(../images/br-tl.gif) no-repeat top left;
    165. }
    166.  
    167. /* blue */
    168. div.module_blue {
    169.     background: url(../images/bb-br.gif) no-repeat bottom right #006699;
    170.     color: #FFFFFF;
    171. }
    172.  
    173. div.module_blue div {
    174.     background: url(../images/bb-bl.gif) no-repeat bottom left;
    175. }
    176.  
    177. div.module_blue div div {
    178.     background: url(../images/bb-tr.gif) no-repeat top right;
    179. }
    180.  
    181. div.module_blue div div div {
    182.     padding: 0 15px 10px;
    183.     background: url(../images/bb-tl.gif) no-repeat top left;
    184. }
    185.  
    186. /* green */
    187. div.module_green {
    188.     background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
    189.     color: #FFFFFF;
    190. }
    191.  
    192. div.module_green div {
    193.     background: url(../images/bg-bl.gif) no-repeat bottom left;
    194. }
    195.  
    196. div.module_green div div {
    197.     background: url(../images/bg-tr.gif) no-repeat top right;
    198. }
    199.  
    200. div.module_green div div div {
    201.     padding: 0 15px 10px;
    202.     background: url(../images/bg-tl.gif) no-repeat top left;
    203. }
    204.  
    205. /* black */
    206. div.module_black {
    207.     background: url(../images/bl-br.gif) no-repeat bottom right #333333;
    208.     color: #FFFFFF;
    209. }
    210.  
    211. div.module_black div {
    212.     background: url(../images/bl-bl.gif) no-repeat bottom left;
    213. }
    214.  
    215. div.module_black div div {
    216.     background: url(../images/bl-tr.gif) no-repeat top right;
    217. }
    218.  
    219. div.module_black div div div {
    220.     padding: 0 15px 10px;
    221.     background: url(../images/bl-tl.gif) no-repeat top left;
    222. }
    223.  
    224. div.module_blue ul,
    225. div.module_blue ol,
    226. div.module_red ul,
    227. div.module_red ol,
    228. div.module_black ul,
    229. div.module_black ol,
    230. div.module_green ul,
    231. div.module_green ol {
    232.     margin: 0;
    233.     padding: 0;
    234. }
    235.  
    236. div.module_blue li,
    237. div.module_red li,
    238. div.module_black li,
    239. div.module_green li {
    240.     margin-left: 20px;
    241.     padding: 0;
    242.     line-height: 150%;
    243. }
    244.  
    245. div.module_blue a,
    246. div.module_red a,
    247. div.module_black a,
    248. div.module_green a {
    249.     color: #FFFFFF;
    250. }
    251.  
    252. div.advs {
    253.     float: left;
    254.     width: 100%;
    255.     clear: both;
    256.     display: block;
    257. }
    258.  
    259. /* LEFT COLUMN + RIGHT COLUMN
    260. --------------------------------------------------------- */
    261. #ja-col1 {
    262.     float: left;
    263.     width: 24.99%;
    264.     padding-top: 10px;
    265.     overflow: hidden;
    266. }
    267.  
    268. #ja-col2 {
    269.     float: right;
    270.     width: 20%;
    271.     overflow: hidden;
    272. }
    273.  
    274. #ja-col1 table,
    275. #ja-col2 table {
    276.     border-collapse: collapse;
    277.     border-spacing: 0;
    278. }
    279.  
    280. #ja-col1 ul li,
    281. #ja-col2 ul li {
    282.     padding-left: 15px;
    283.     margin: 0;
    284.     background: url(../images/bullet.gif) no-repeat 5px 50%;
    285. }
    286.  
    287. #ja-col1 ul, #ja-col2 ul {
    288.     margin: 0;
    289. }
    290.  
    291. #ja-col1 ol, #ja-col2 ol {
    292.     margin-left: 5px;
    293. }
    294.  
    295. #ja-col1 .article_separator,
    296. #ja-col2 .article_separator {
    297.     display: none;
    298. }
    299.  
    300. /* SPOTLIGHT
    301. --------------------------------------------------------- */
    302. /* Spotlight Box Style */
    303. .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
    304.     float: left;
    305.     overflow: hidden;
    306. }
    307.  
    308. .ja-box-left div.moduletable,
    309. .ja-box-full div.moduletable {
    310.     padding-right: 30px;
    311.     background: none;
    312. }
    313.  
    314. .ja-box-right div.moduletable {
    315.     padding-left: 30px;
    316.     background: url(../images/vdot2.gif) repeat-y left;
    317. }
    318.  
    319. .ja-box-center div.moduletable {
    320.     padding: 0 30px;
    321.     background: url(../images/vdot2.gif) repeat-y left;
    322. }
    323.  
    324. #ja-botsl h3 {
    325.     background: none;
    326. }
    327.  
    328. #ja-botslwrap {
    329.     border-top: 5px solid #CCCCCC;
    330.     background: #444444;
    331.     color: #CCCCCC;
    332. }
    333.  
    334. #ja-botsl {
    335.     padding: 15px 0;
    336. }
    337.  
    338. #ja-botsl div.moduletable {
    339.     padding-top: 0;
    340.     padding-bottom: 0;
    341.     margin: 0;
    342. }
    343.  
    344. #ja-botsl h3 {
    345.     margin: 0 0 12px;
    346.     padding: 0;
    347.     color: #FFFFFF;
    348. }
    349.  
    350. #ja-botsl a {
    351.     color: #CCCCCC;
    352. }
    353.  
    354. #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
    355.     color: #FFFFFF;
    356. }
    357.  
    358. #ja-botsl ul, #ja-botsl p, #ja-botsl ol {
    359.     padding: 0;
    360.     margin: 0 !important;
    361. }
    362.  
    363. #ja-botsl ul li {
    364.     padding: 0 0 0 15px;
    365.     margin: 0;
    366.     background: url(../images/bullet2.gif) no-repeat 3px 8px;
    367. }
    368.  
    369. #ja-botsl ol li {
    370.     margin-left: 25px;
    371.     padding: 0 !important;
    372. }
    373.  
    374. #ja-botsl td {
    375.     padding: 0;
    376. }
    377.  
    378. #ja-botsl .article_separator {
    379.     display: none;
    380. }
    381.  
    382. #ja-botsl table {
    383.     border-spacing: 0;
    384.     border-collapse: collapse;
    385. }
    386.  
    387. /* FOOTER
    388. --------------------------------------------------------- */
    389. #ja-footerwrap {
    390.     border-top: 5px solid #CCCCCC;
    391.     padding: 20px 0 30px;
    392.     clear: both;
    393.     background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
    394. }
    395.  
    396. #ja-footer {
    397.     padding: 0;
    398.     color: #666666;
    399.     background: url(../images/vdot.gif) repeat-y 22% 0;
    400.     position: relative;
    401. }
    402.  
    403. #ja-footer .copyright {
    404.     clear: both;
    405.     display: block;
    406.     padding-left: 25%;
    407.     color: #666666;
    408.     font-style: normal;
    409.     font-size: 92%;
    410. }
    411.  
    412. #ja-footnav {
    413.     padding-left: 25%;
    414. }
    415.  
    416. #ja-footer ul {
    417.     margin: 0 0 5px;
    418.     padding: 0;
    419. }
    420.  
    421. #ja-footer li {
    422.     margin: 0;
    423.     padding: 0;
    424.     display: inline;
    425.     background: none;
    426. }
    427.  
    428. #ja-footer li a {
    429.     padding: 0 15px 0 0;
    430.     display: inline;
    431.     color: #666666;
    432.     font-weight: bold;
    433.     font-size: 92%;
    434.     line-height: normal;
    435.     text-decoration: none;
    436.     text-transform: uppercase;
    437. }
    438.  
    439. #ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
    440.     color: #333333;
    441.     text-decoration: none;
    442. }
    443.  
    444. .ja-cert {
    445.     font-size: 92%;
    446.     position: absolute;
    447.     right: 0;
    448.     top: 18px;
    449. }
    450.  
    451. .ja-cert a {
    452.     margin: 0 0 0 5px;
    453.     padding: 0;
    454.     border: none;
    455.     border: none;
    456.     text-decoration: none;
    457. }
    458.  
    459. .ja-cert a span {
    460.     display: none;
    461. }
    462.  
    463. .ja-cert a img {
    464.     border: none;
    465. }
    466.  
    467. .banneritem {
    468.     display: block;
    469.     margin-top: 15px;
    470. }
    471.  
    472. /* MISCELLANOUS
    473. ----------------------------------------------------------- */
    474. ul.accessibility {
    475.     position: absolute;
    476.     top: -100%;
    477. }
    478.  
    479. /*usertool*/
    480. ul.ja-usertools-font {
    481.     font-size: 11px;
    482.     position: absolute;
    483.     top: 8px;
    484.     right: 70px;
    485. }
    486.  
    487. ul.ja-usertools-font li {
    488.     padding: 0;
    489.     margin: 0;
    490.     display: inline;
    491.     background: none;
    492. }
    493.  
    494. /*collapsible h3*/
    495. h3.show {
    496.     background: url(../images/arrow2.png) no-repeat 90% 60%;
    497.     cursor: pointer;
    498. }
    499.  
    500. h3.hide {
    501.     background: url(../images/arrow3.png) no-repeat 90% 60%;
    502.     cursor: pointer;
    503. }
    504.  
    505. /*others*/
    506. #ja-banner {
    507.     margin: 15px 0;
    508.     text-align: center;
    509. }
    510.  
    511. div.back_button a,
    512. div.back_button a:hover,
    513. div.back_button a:active {
    514.     margin: 10px 0;
    515.     display: block;
    516.     background: none!important;
    517.     text-decoration: none!important;
    518. }
    519.  
    520. #form-login p {
    521.     margin: 0 0 5px;
    522. }
    523.  
    524. #form-login ul {
    525.     margin: 10px 0 0;
    526. }
    527.  
    528. #form-login .inputbox {
    529.     width: 90%;
    530. }
    531.  
    532. .clr {
    533.     clear: both;
    534. }
    535.  
    536. .hasTip img {
    537.     margin: 10px 5px 0 0;
    538.     border: none;
    539. }
    540.  
    541. /* Tooltips */
    542. .tool-tip {
    543.     float: left;
    544.     border: 1px solid #D4D5AA;
    545.     padding: 5px;
    546.     background: #FFFFCC;
    547.     max-width: 200px;
    548. }
    549.  
    550. .tool-title {
    551.     padding: 0;
    552.     margin: 0;
    553.     margin-top: -15px;
    554.     padding-top: 15px;
    555.     padding-bottom: 5px;
    556.     background: url(../../system/images/selector-arrow.png) no-repeat;
    557.     font-size: 100%;
    558.     font-weight: bold;
    559. }
    560.  
    561. .tool-text {
    562.     margin: 0;
    563.     font-size: 100%;
    564. }
    565.  
    566. #system-message dd.message ul,
    567. #system-message dd.error ul,
    568. #system-message dd.notice ul {
    569.     padding: 0;
    570.     margin: 0;
    571. }
    572.  
    573. #system-message dd.message ul li,
    574. #system-message dd.error ul li,
    575. #system-message dd.notice ul li {
    576.     background: none;
    577.     padding: 5px;
    578.     margin: 0;
    579.     color: #FFFFFF;
    580. }
    581.  
    582. /* System Standard Messages */
    583. #system-message dd.message ul {
    584.     background: #006699;
    585.     border: none;
    586. }
    587.  
    588. /* System Error Messages */
    589. #system-message dd.error ul {
    590.     background: #BF0000;
    591.     border: none;
    592. }
    593.  
    594. /* System Notice Messages */
    595. #system-message dd.notice ul {
    596.     background: #EE9600;
    597.     border: none;
    598. }
    599.  
    600. /* Clearfix */
    601. .clearfix:after {
    602.     clear: both;
    603.     display: block;
    604.     content: ".";
    605.     height: 0;
    606.     visibility: hidden;
    607. }
    608.  
    609. * html > body .clearfix {
    610.     width: 100%;
    611.     display: block;
    612. }
    613.  
    614. * html .clearfix {
    615.     height: 1%;
    616. }
    617.  
    618. /* Firefox Scrollbar Hack - Do not remove */
    619. html {
    620.     margin-bottom: 1px;
    621.     height: 100%!important;
    622.     height: auto;
    623. }
     
    vitalyjke, 02.01.2011
    #4
  6. Vamp
    Offline

    Vamp Модератор => Cпециалист <=

    Регистрация:
    30.06.2010
    Сообщения:
    282
    Симпатии:
    44
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    Так сложно вслепую говорить... Оно не зеленое у вас?

    Код (CODE):
    1. /*-------------------------------------Меню---*/
    2.  
    3.  /* Меню активное - зелёное*/
    4.  
    5. ul.menu li.active {background-color:#EEEEEE;}
    6. ul.menu li.active a {color: #008000;}
    7.  
    8.  
    9. /*-------Подменю неактивное---*/
    10.  
    11. ul.menu li li a {
    12.     color: #212121 !important;
    13.     border: none;
    14.     padding: 5px 5px 5px 25px !important;
    15.     text-transform: none;
    16.     font-weight: normal !important;
    17. }
    18.  
    19.  
    20. /*-------Подменю активное ---*/
    21.  
    22. ul.menu li li.active a {
    23.     font-weight: bold !important;
    24. }
    25.  
    26.  
    27. ul.menu li li.active {
    28.     background-color:#ffffff; !important;
    29. }
    30.  
    31.  
    32.  
    33. ul li {
    34.     padding-left: 30px;
    35.     background: url(../images/bullet.gif) no-repeat 18px 8px;
    36.     line-height: 180%;
    37. }
    38.  
    39. ol li {
    40.     margin-left: 35px;
    41.     line-height: 180%;
    42. }
    43.  
    44. th {
    45.     padding: 5px;
    46.     font-weight: bold;
    47.     text-align: left;
    48. }
    49.  
    50. fieldset {
    51.     border: none;
    52.     padding: 10px 5px;
    53.     background: url(../images/hdot2.gif) repeat-x top;
    54. }
    55.  
    56. fieldset a {
    57.     font-weight: bold;
    58. }
    59.  
    60. hr {
    61.     border-top: 1px solid #CCCCCC;
    62.     border-right: 0;
    63.     border-left: 0;
    64.     border-bottom: 0;
    65.     height: 1px;
    66. }
    67.  
    68. td, div {
    69.     font-size: 100%;
    70. }
    71.  
    72. img {
    73.     border: none;


    С 102 строки начинается
     
    Vamp, 02.01.2011
    #5
    vitalyjke нравится это.
  7. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    нет вот зайдите news-3d.ru

    я если честно ничего не понимаю где там hover ?

    вы не моглиб составить как нужно я вам за это 2 плюса с двух акков поставлю))
     
    vitalyjke, 02.01.2011
    #6
  8. Vamp
    Offline

    Vamp Модератор => Cпециалист <=

    Регистрация:
    30.06.2010
    Сообщения:
    282
    Симпатии:
    44
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    Вот посмотрите Посмотреть вложение menu.zip файл menu.css вставьте его вместо своего и посмотрите.
     
    Последнее редактирование: 03.01.2011
    Vamp, 03.01.2011
    #7
    vitalyjke нравится это.
  9. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    вставил помойму изменений нет (
     
    vitalyjke, 03.01.2011
    #8
    Vamp нравится это.
  10. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    Вауууу спасибо огромное тебе получилось я кэш почистил и заработало ура))
     
    vitalyjke, 03.01.2011
    #9
  11. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    только одно смущает, вот зайди ко мне плз www.news-3d.ru нажми в меню на windows потом CD/DVD диски вот эта категория у меня выделяеться черным а можно сделать так чтоб она еще и выступала как раздел тоесть windows ? и еще как сделать чтобы выделялось то где ты находишся например я нахожусь в разделе windows и оно чтоб выделялось.
     
    vitalyjke, 03.01.2011
    #10
  12. Offline

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

    Регистрация:
    01.01.2011
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Re: хеллп проблемы с выделением подменю !!!

    елки палки я готов тебе дать хоть 6 плюсов мне не трудно зарегать акки)
     
    vitalyjke, 03.01.2011
    #11
< позиции в шаблонах. | Как добавить футер к сайту внизу страницы с сайта >

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

Загрузка...