Форум русской поддержки Joomla!® CMS
11.12.2016, 12:05:52 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 313 раз)
0 Пользователей и 1 Гость смотрят эту тему.
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« : 07.12.2015, 16:24:55 »

Всем привет! Подскажите пожалуйста как убрать в меню  боковые ограничители (даже не знаю как их назвать). Скрин прилагается. Спасибо всем откликнувшимся!


* 1.jpg (65.22 Кб, 1049x396 - просмотрено 78 раз.)
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #1 : 07.12.2015, 16:31:32 »

Дайте ссылку на сайт. У меня в beez3 такого меню нет.
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #2 : 07.12.2015, 16:33:33 »

Это похоже border-right
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #3 : 07.12.2015, 16:35:45 »

Дайте ссылку на сайт. У меня в beez3 такого меню нет.
Я ковыряю его на денвере. Это стандартное меню, которое идет с шаблоном. Изначально оно выглядело как на скрине. Я его решил изменить. Все меняется, кроме боковых


* 2.jpg (38.05 Кб, 1047x150 - просмотрено 69 раз.)
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #4 : 07.12.2015, 16:36:13 »

Это похоже border-right
Удаляю везде где можно, не удаляется
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #5 : 07.12.2015, 16:38:25 »

и еще
box-shadow
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #6 : 07.12.2015, 16:49:19 »

и еще
box-shadow
И его удалял, не меняется ничего
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #7 : 07.12.2015, 16:50:40 »

Я ковыряю его на денвере. Это стандартное меню, которое идет с шаблоном. Изначально оно выглядело как на скрине. Я его решил изменить. Все меняется, кроме боковых
В неизмененном виде меню на этом сайте i-slabotochnik.ru
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #8 : 07.12.2015, 16: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;
}
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #9 : 07.12.2015, 16:55:11 »

И убрать хотелось бы конечно задний фон, чтобы не выделялся синим цветом
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #10 : 07.12.2015, 16: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
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #11 : 07.12.2015, 17:04:16 »

Это в layout.css строка 739?
Если да, то удалял я эти строки ничего не менялось
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #12 : 07.12.2015, 17:13:17 »

Если да, то удалял я эти строки ничего не менялось
и еще в
beez3/css/personal.css
строка 70
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #13 : 07.12.2015, 17:21:39 »

и еще в
beez3/css/personal.css
строка 70
Тоже ни фига. Удалил полностью все, что после строки, ничего не поменялось.
Записан
denchik82
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #14 : 07.12.2015, 17: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
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 120



« Ответ #15 : 07.12.2015, 18:18:14 »

И вот еще. При удалении строки
 139 #header ul.menu a:hover, в position.css задний синий фон убирается, но при наведении курсора, появляется теперь стрелка
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet