Изменение вида меню beez3

  • 15 Ответов
  • 605 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Изменение вида меню beez3
« : 07.12.2015, 17:24:55 »
Всем привет! Подскажите пожалуйста как убрать в меню  боковые ограничители (даже не знаю как их назвать). Скрин прилагается. Спасибо всем откликнувшимся!
Помогу с Яндекс.Директ

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Изменение вида меню beez3
« Ответ #1 : 07.12.2015, 17:31:32 »
Дайте ссылку на сайт. У меня в beez3 такого меню нет.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Изменение вида меню beez3
« Ответ #2 : 07.12.2015, 17:33:33 »
Это похоже border-right
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #3 : 07.12.2015, 17:35:45 »
Дайте ссылку на сайт. У меня в beez3 такого меню нет.
Я ковыряю его на денвере. Это стандартное меню, которое идет с шаблоном. Изначально оно выглядело как на скрине. Я его решил изменить. Все меняется, кроме боковых
Помогу с Яндекс.Директ

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #4 : 07.12.2015, 17:36:13 »
Это похоже border-right
Удаляю везде где можно, не удаляется
Помогу с Яндекс.Директ

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Изменение вида меню beez3
« Ответ #5 : 07.12.2015, 17:38:25 »
и еще
box-shadow
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #6 : 07.12.2015, 17:49:19 »
и еще
box-shadow
И его удалял, не меняется ничего
Помогу с Яндекс.Директ

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #7 : 07.12.2015, 17:50:40 »
Я ковыряю его на денвере. Это стандартное меню, которое идет с шаблоном. Изначально оно выглядело как на скрине. Я его решил изменить. Все меняется, кроме боковых
В неизмененном виде меню на этом сайте i-slabotochnik.ru
Помогу с Яндекс.Директ

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Изменение вида меню beez3
« Ответ #8 : 07.12.2015, 17:54:44 »
#header ul.menu li a:link, #header ul.menu li a:visited, #header ul.menu li:last-child a {
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    padding: 12px 15px;
    position: relative;
    border-right: 1px solid #DDD;
    box-shadow: 1px 0px 0px #F5F5F5;
}

#header ul.menu a:link, #header ul.menu a:visited {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    padding: 12px 15px;
    position: relative;
    border-right: 1px solid #DDD;
    box-shadow: 1px 0px 0px #F5F5F5;
}
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #9 : 07.12.2015, 17:55:11 »
И убрать хотелось бы конечно задний фон, чтобы не выделялся синим цветом
Помогу с Яндекс.Директ

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #10 : 07.12.2015, 17:58:42 »
#header ul.menu li a:link, #header ul.menu li a:visited, #header ul.menu li:last-child a {
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    padding: 12px 15px;
    position: relative;
    border-right: 1px solid #DDD;
    box-shadow: 1px 0px 0px #F5F5F5;
}

#header ul.menu a:link, #header ul.menu a:visited {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    padding: 12px 15px;
    position: relative;
    border-right: 1px solid #DDD;
    box-shadow: 1px 0px 0px #F5F5F5;
}
Это в layout.css строка 739?
Помогу с Яндекс.Директ

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #11 : 07.12.2015, 18:04:16 »
Это в layout.css строка 739?
Если да, то удалял я эти строки ничего не менялось
Помогу с Яндекс.Директ

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: Изменение вида меню beez3
« Ответ #12 : 07.12.2015, 18:13:17 »
Если да, то удалял я эти строки ничего не менялось
и еще в
beez3/css/personal.css
строка 70
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #13 : 07.12.2015, 18:21:39 »
и еще в
beez3/css/personal.css
строка 70
Тоже ни фига. Удалил полностью все, что после строки, ничего не поменялось.
Помогу с Яндекс.Директ

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #14 : 07.12.2015, 18:24:57 »
Ради интереса удалил полностью весь этот текст:
/* +++++++++++++++  menus ++++++++++++++++++++++++ */
#header ul.menu {
   padding: 0;
   width: auto;
   text-align: right;
   display: block;
   -webkit-border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
   margin: 0 10px
}

#header ul.menu li {
   display: inline;
   padding: 0;
   margin: 0;
}

#header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a
   {
   font-weight: bold;
   text-decoration: none;
   padding: 0px 10px;
   margin: 0;
   display: inline-block;
   margin: 0 0 0;
   padding: 12px 15px;
   position: relative;
   border-right: 1px solid #ddd;
   box-shadow: 1px 0px 0px #f5f5f5;
}

#header ul.menu li:first-child a {
   border-radius: 4px 0 0 0;
   margin-left: -1px
}

.moduletable_menu {
   border: solid 1px #ddd;
   background: #f9f9f9;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 20px;
   margin-bottom: 20px
}

ul.menu {
   margin: 0 0 20px 0;
   padding: 0;
}

ul.menu,ul.menu ul {
   list-style-type: none;
}

ul.menu a {
   display: block;
   margin: 0;
   text-decoration: none;
   padding: 5px 0px;
   border-bottom: solid 1px #ddd;
}

ul.menu li:last-child a {
   border: 0;
   box-shadow: none
}

ul.menu ul {
   margin: 0;
   padding: 0
}

ul.menu ul a {
   padding-left: 20px
}

ul.menu ul ul a {
   padding-left: 30px
}

ul.menu ul ul ul a {
   padding-left: 40px
}

ul.menu ul ul ul ul a {
   padding-left: 45px

Изменилось только горизонтальное положение меню
Помогу с Яндекс.Директ

*

denchik82

  • Осваиваюсь на форуме
  • ***
  • 105
  • 0
Re: Изменение вида меню beez3
« Ответ #15 : 07.12.2015, 19:18:14 »
И вот еще. При удалении строки
 139 #header ul.menu a:hover, в position.css задний синий фон убирается, но при наведении курсора, появляется теперь стрелка
Помогу с Яндекс.Директ