Как изменить css меню, скрыть элементы after и before?

голоса: +2

Я взял css меню стороние, а на нём вылазиет крестик со стандартного меню как его убрать?

Адрес сайта http://avon-reg.at.ua/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Меню сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: +2

перейти в таблицу стилей CSS найти строку номер 89:

.sidebox li a:before, .sidebox .catsTable td a:before {
content: "\25fe";
padding: 0 5px 0 0;
color: #dadddf;
font-size: 12px;
}

Заменить на:
.sidebox li a:before, .sidebox .catsTable td a:before {
content: "\25fe";
padding: 0 5px 0 0;
color: #dadddf;
display: none;
font-size: 12px;
}

Вроде все!

| Автор:

да всё убралось но теперь не работает в том меню что я поставил там при наведение выезжать должно под меню а оно не срабатывает вот css

#menu-block {
  padding: 0;
  margin: 0;
}
/*стили всего блока меню, пунктов и ссылок*/
.vertical-menu {
  display: block;
  background: #3D0066;
  border: solid 1px #B84DFF;
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 200px; /*ширина меню и выпадающих блоков*/
}
.vertical-menu li {
  position: relative;
  list-style: none;
  outline: none;
  background: #7339BA;
  background: -moz-linear-gradient(top, #6323b2 0%, #b685f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6323b2), color-stop(100%,#b685f7));
  background: -webkit-linear-gradient(top, #6323b2 0%,#b685f7 100%);
  background: -o-linear-gradient(top, #6323b2 0%,#b685f7 100%);
  background: -ms-linear-gradient(top, #6323b2 0%,#b685f7 100%);
  background: linear-gradient(to bottom, #6323b2 0%,#b685f7 100%);
  border: solid 1px #D6C2FF;
  border-radius: 5px;
  padding: 0;
  margin: 2px;
/*анимация для пунктов*/
  -webkit-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  -moz-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  -o-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
}
.vertical-menu li:hover {
  background: #ccf;
  border: solid 1px transparent;
  border-radius: 5px;
  box-shadow: inset 0 0 8px #fff;
  margin: 2px 10px;
}
.vertical-menu a {
  display: block;
  text-decoration: none;
  text-align: left;
  font: normal normal 14px Verdana; /*шрифт всех пунктов*/
  color: #E6E6FF;
  text-shadow: 1px 0 4px #000, 2px 0 7px #d91cd9;
  box-shadow: none;
  padding: 7px; /*регулируем выоту всех кнопок меню*/
  margin: 0;
}
.vertical-menu a:hover {
  color: #3D1F4C;
  text-shadow: 1px 0 4px #fff, 2px 0 7px #290052;
}
/*стиль пункта с подменю*/
.drop-link > a {
  margin: 0;
  -webkit-transition: margin 0.5s ease;
  -moz-transition: margin 0.5s ease;
  -o-transition: margin 0.5s ease;
  transition: margin 0.5s ease;
}
.drop-link > a:hover {
  margin: 0 0 0 10px;
}
.drop-link:hover {
  background: #ccf; /*выделяем ссылку родитель выпадающего блока*/
}
/*стили для уголков*/
.drop-link:after,
.drop-link:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
.drop-link:before {
  border: solid 14px;
  border-color: #D6ADFF transparent transparent transparent;
  margin: 0 12px 0 0;
}
.drop-link:after {
  border: solid 10px;
  border-color: #4C1A80 transparent transparent transparent;
  margin: 0 15px 0 0;
}
.drop-link:hover:before {
  border: solid 16px;
  border-color: transparent #6323b2 transparent transparent;
  margin: -3px 0 0 0;
}
.drop-link:hover:after {
  border: solid 12px;
  border-color: transparent #b685f7 transparent transparent;
  margin-right: 0;
}
.drop-block {
  display: block;
  position: absolute;
  z-index: 1000;
  left: 100%; /*если меню справа - right: 100%;*/
  top: -9999em; /*скрываем выпадающие блоки*/
  background: #3D0066;
  border: solid 1px #B84DFF;
  border-radius: 10px;
  box-shadow: 0.5em 1em 1em #666; /*если меню справа - box-shadow: -0.5em 1em 1em #666;*/
/*анимация для выпадающих блоков*/
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 0;
  padding: 0;
  margin: -10px -20px 0 0; /*если меню справа - margin: -10px -10px 0 0;*/
  min-width: 250px; /*обычная ширина*/
  width: auto; /*ширина если строка без пробелов и переносов*/
}
.drop-link:hover > .drop-block {
  top: 0; /*показываем выпадающие блоки*/
  opacity: 1;
}

Хотя только с строки 93 удалите, а в 89 оставьте.

нет всё равно не срабатывает подменю и это почемуто только в стандартных шаблонах в других всё работает вот ссылка на это меню

Как я говорил со строки 93 удалите -  display: none; - Сохранить, после обновите главную нажмите комбинацию клавиш CTRL+F5

удалил но появился тот крестик чтоб открыть подменю надо нажимать на него, а надо просто чтоб при наведение курсора открывалось подменю
Таков принцип работы данного меню и крестик для того и стоит чтобы по нему нажать и открываются другие подпункты. Системное меню работает вполне отлично и ставить что-то сторонее не нужно.

Если вы все же хотите это меню, а не другое, обратитесь на - http://upartner.pro/ за доработкой
ну хорошо а как поменять хотя бы цвет того крестика а то его и не видно там вообще

В той же строке номер 93 добавить параметр color и прописать нужный цвет, как пример:

.sidebox li.uWithSubmenu em, .sidebox li.parent-li em {
position: absolute;
top: 2px;
right: 0;
width: 24px;
height: 24px;
line-height: 24px;
font-style: normal;
font-size: 14px;
text-align: center;
z-index: 10;
cursor: pointer;
color: red;
}

вот я прописал красный цвет - color: red; цвет можете установить любой другой, код цвета подбираем вот здесь - http://www.color-hex.com/

большое спасибо! получилось!
...