Помощь Навести красоту в подменю

Тема в разделе "Opencart", создана пользователем wwizard, 27 май 2013.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    419
    Симпатии:
    12
    Подскажите, как навести красоту в подменю? Увеличил чуть шрифт, стали надписи залазить друг на друга. Хочется чтобы фон голубой был не с острыми краями а чуть закругленными, и типа чуть выступал над страничкой. и текст там делился не на четыре - пять колонки а скажем на три.
     

    Вложения:

    • 567.png
      567.png
      Размер файла:
      160,7 КБ
      Просмотров:
      65
  2. sitecreator

    sitecreator

    Регистр.:
    1 май 2013
    Сообщения:
    209
    Симпатии:
    17
    Это все делается версткой.
    давайте адрес сайта - подскажу.
     
  3. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    419
    Симпатии:
    12
  4. Yuriy_Z

    Yuriy_Z Доработка+ OpenCart

    Регистр.:
    22 июл 2012
    Сообщения:
    159
    Симпатии:
    91
    catalog/view/theme/palioxis/stylesheet/stylesheet.css
    находим
    Код:
    .category-list ul {
        float: left;
        width: 10%;
    }
    и меняем на ето
    Код:
    .category-list ul {
        float: left;
        width: 26%;
    }
    Округляем
    Вместо
    Код:
    .category-list {
        background: none repeat scroll 0 0 #B9D5F3;
        margin-bottom: 20px;
        overflow: auto;
    }
    вставляем ето
    Код:
    .category-list {
        background: none repeat scroll 0 0 #B9D5F3;
        margin-bottom: 20px;
        overflow: auto;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }
     
    Izrael и wwizard нравится это.
  5. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    419
    Симпатии:
    12
    Что можно еще сдлать, чтобы фон свтлосиний был как бы над самой страничко, такой приподнятый? удобоваримый7
     
  6. Yuriy_Z

    Yuriy_Z Доработка+ OpenCart

    Регистр.:
    22 июл 2012
    Сообщения:
    159
    Симпатии:
    91
    Код:
    .category-list {
        background: none repeat scroll 0 0 #B9D5F3;
        margin-bottom: 20px;
        overflow: auto;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }
    в етой строке
    background: none repeat scroll 0 0 #B9D5F3;

    вместо #B9D5F3 вставте свой хеш код нужного цвета
     
    Izrael нравится это.
  7. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    419
    Симпатии:
    12
    Вставил - ничего не изменилось
     
  8. DreamFish

    DreamFish Постоялец

    Регистр.:
    7 май 2010
    Сообщения:
    60
    Симпатии:
    22
    Попробуйте почистить кэш.
     
  9. GrinGoO

    GrinGoO Постоялец

    Регистр.:
    29 апр 2010
    Сообщения:
    86
    Симпатии:
    22
    Кстати неплохо было бы еще добавить


     
    wwizard нравится это.
  10. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    419
    Симпатии:
    12
    Супер, спасибо большое, очень красиво получилось.