Изменение цвета меню в шаблоне Ja Purity

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем CrazyPerson, 11.03.2010.

  1. Offline

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

    Регистрация:
    25.05.2009
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Всем добрый день,необходима Ваша помощь. не знаю css совсем, и не могу найти как поменть цвет текста меню (возможно и самих кнопок)в шаблоне Ja Purity.. перекопал css шаблона так и не понял где менять.

    Помогите пожалуйста.
    тестовый сайт: tba.stroiweb.co.cc
     
  2.  
  3. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    menu.css (строка 15)
     
  4. Offline

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

    Регистрация:
    25.05.2009
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    спасибо большое в основном разобрался..

    а еще не подскажите когда нажимаешь на меню чтобы при нажатой (активной) кнопке текст был тоже другого цвета это где делается?

    мне казалось здесь:

    #ja-container2 ul.menu li.active a {
    background: url(../images/hdot2.gif) repeat-x bottom #e4891e; /*- а это отвечает за фон при нажатой кнопке*/
    color: #ffffff; /*вроде здесь, поменял но не работает. как был черным цвет текста так и остался*/
    font-weight: bold;
    text-decoration: none;


    в данный момент работаю на локалке, кеш чистил все равно цвет не меняется(
     
  5. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    Это вроде в стиль цсс, строка 24, 37 menu css строка это активное меню bold
     
  6. Offline

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

    Регистрация:
    25.05.2009
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    то есть в другом файле? в template.css ?
     
  7. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    Поставь FireBug
     
  8. Offline

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

    Регистрация:
    25.05.2009
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    поставил, с html все там понятно.. а как найти где править css я не понял.. подскажите плиз!!!!
     
  9. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 573
    Симпатии:
    152
    Пол:
    Мужской
    Окно справа
    [​IMG]
     
  10. antoha487
    Offline

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

    Регистрация:
    23.05.2010
    Сообщения:
    28
    Симпатии:
    0
    Пол:
    Мужской
    а где вообще находится эти : строка 15 или строка 155? Что - то у себя в шаблоне в CSS никаких строк не вижу.
    Подскажите плз
     
  11. GarikHG
    Offline

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

    Регистрация:
    14.06.2010
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    мой друг это надо знать CSS вот так выглядит меню


    /*##################### NAVIGATION SECTION #####################*/
    /* Pathway Breadcrumbs is Module*/
    a.breadcrumbs pathway{}
    .pathway {}
    a.pathway:link {}
    a.pathway:visited {}
    a.pathway:active {}
    a.pathway:hover {}



    /* Menu J1.5 new menu */
    /* level 1 or Top Level*/
    .mainlevel {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    /*border-right: 10px solid #393939;*/
    /*padding: 0 0 0 5px;*/
    }

    ul.mainlevel {
    background-color: #686868;
    list-style: none;
    display: inherit;
    }

    .mainlevel a{
    color: White;
    display: block;
    }

    .mainlevel a:hover{
    color: #F0FFFF;
    background-color: #627DAA;
    display: block;
    }
    /* end of Level 1 */

    /* Level 2 Grey */
    .mainlevel ul {
    color:white;
    background-color: transparent;
    list-style: none;
    padding: 0px;
    display: inherit;
    }

    .mainlevel ul a{
    color:white;
    background-color: #D8D5DC;
    display: block;
    text-indent: 1em;
    }

    .mainlevel ul li a:hover{
    color:white;
    background-color: #A4B9CE;
    white-space: normal;
    display: inherit;
    }
    /* End of Level 2 */

    /* Level 3 Black yellow*/
    .mainlevel ul ul {
    list-style: none;
    background-color: transparent;
    }

    /* */
    .mainlevel ul ul a {
    color:white;
    background-color: Black;
    display: block;
    text-indent: 2em;
    }
    /* */
    .mainlevel ul li ul li a:hover{
    color: White;
    background-color: #FFD700;
    }
    /* End of Level 3 */


    /* Level 4 Green */
    .mainlevel ul li ul li ul li {
    list-style: none;
    color: White;
    background-color: transparent;
    }
    .mainlevel ul li ul li ul li a{
    color: White;
    background-color: #B1CD32;
    display: block;
    text-indent: 3em;
    }
    .mainlevel ul li ul li ul li a:hover{
    color: White;
    background-color: #677620;
    }
    /* End of Level 4 */

    /* Level 5 Maroon */
    .mainlevel ul li ul li ul li ul li{
    list-style: none;
    color: White;
    background-color: transparent;
    }
    .mainlevel ul li ul li ul li ul li a{
    color: White;
    background-color: #660000;
    display: block;
    text-indent: 4em;
    }
    .mainlevel ul li ul li ul li ul li a:hover{
    color: White;
    background-color: #990000;
    }
    /* End of Level 5 Maroon */

    /* Current highlighted link Icon Arrow */
    #current li {
    margin: 0px;
    padding: 0px;
    }

    #current {
    /* list-style: disc url(../images/mw_readon.png);*/
    /* image issue with the rollover need to be add to others href link */
    }

    /* */
    /* Legacy
    Mainlevel mainlevel */
    .mainlevel {}
    a.mainlevel {}
    a.mainlevel:hover {}
    /* End Mainlevel mainlevel */
    /* Sub mainlevel */
    .sublevel{}
    a.sublevel{}
    a.sublevel:hover {}
    /* End Legacy Sub mainlevel */

    а эти строки просто показывает a href тоисть ссылки
     
    Последнее редактирование: 22.06.2010
  12. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    Используйте нормальный редактор. Dreamweaver, например... Сразу поймете какие строки имеются ввиду.
     
  13. GarikHG
    Offline

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

    Регистрация:
    14.06.2010
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    да я тоже на Adobe Dreamweaver CS 5
     
  14. antoha487
    Offline

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

    Регистрация:
    23.05.2010
    Сообщения:
    28
    Симпатии:
    0
    Пол:
    Мужской
    Я не о том как выглядит меню. Как мне найти конкретную строку в шаблоне чтобы изменить, допустим подсветил я ее фаербагом, а она например template.css строка 15 , захожу в template.css, но номеров строк нет. как найти номера строк?
     
  15. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    Я же Вам написал: "Используйте нормальный редактор. Dreamweaver, например..." В нем открываете свой CSS, слева увидите нумерацию строк. Ищете нужную и правите код.
     
  16. GarikHG
    Offline

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

    Регистрация:
    14.06.2010
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    попробуй найти и изменить такой код

    /* Sub mainlevel */
    .sublevel{}
    a.sublevel{}
    a.sublevel:hover {}
     
  17. antoha487
    Offline

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

    Регистрация:
    23.05.2010
    Сообщения:
    28
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо, понял.
    Тока надо еще разобраться с ним ппц.
     
  18. Offline

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

    Регистрация:
    13.11.2010
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Женский
    а я в фотошопе перекрашивала )))
    не в смысле, что я не ищу простых решений.. просто оттенок оранжевого не понравился... взяла и перекрасила..
    скопировала всю паgre шаблона... каждый открывала отдельно и перекрашивала...
    B)
    а как менять в css цвета ... я пользовалась какой-то утилитой определения цвета - там тыкаешь пипеткой по палитре и тебе выдается цифровой код этого цвета... и через поиск ищешь этот цвет в шаблоне... не всегда помогает, конечно .. у того же серого пятнадцать кодов.. блин... :)
     

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

Загрузка...