Сообщений в теме: 192

[Vaccina]

Скорее всего из-за названия категории в 2 строки.
Также попробуйте с main.css удалить строки с участием класса lastExpandable, например:

.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url({ASSETS_IMAGES_PATH}treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-red.gif); }
.treeview-black li { background-image: url({ASSETS_IMAGES_PATH}treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-black.gif); }
.treeview-gray li { background-image: url({ASSETS_IMAGES_PATH}treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-gray.gif); }
.treeview-famfamfam li { background-image: url({ASSETS_IMAGES_PATH}treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url({ASSETS_IMAGES_PATH}treeview-famfamfam.gif); }

меняем на:

.treeview-red li { background-image: url({ASSETS_IMAGES_PATH}treeview-red-line.gif); }
.treeview-red .hitarea{ background-image: url({ASSETS_IMAGES_PATH}treeview-red.gif); }
.treeview-black li { background-image: url({ASSETS_IMAGES_PATH}treeview-black-line.gif); }
.treeview-black .hitarea{ background-image: url({ASSETS_IMAGES_PATH}treeview-black.gif); }
.treeview-gray li { background-image: url({ASSETS_IMAGES_PATH}treeview-gray-line.gif); }
.treeview-gray .hitarea{ background-image: url({ASSETS_IMAGES_PATH}treeview-gray.gif); }
.treeview-famfamfam li { background-image: url({ASSETS_IMAGES_PATH}treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea { background-image: url({ASSETS_IMAGES_PATH}treeview-famfamfam.gif); }

[Alex11]

Получилось, спасибо))
А что насчет моего второго вопроса?))

"И еще можно ли когда мышкой водишь по подкатегориям сделать чтоб была подсветка вот как тут например  у них в меню сделано http://www.fabfable....-game-of-trones"

И еще можно чтоб то что раскладывается как то выделить допустим легким фоном другим чтоб было видно разницу вот на этом месте.

Прикрепленные изображения

• 

[Vaccina]

Подсветка у вас уже имеется в main.css:

.leftmenu li li a:hover {
	background: url("http://design.sarushop.ru/lm-bg.jpg") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}

измените значение background на цвет, например:

.leftmenu li li a:hover {
	background:#229B7C;
}

на счет подкатегорий, найдите в main.css

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

и измените значение white на другой цвет

[Alex11]

Спасибо все получилось как надо

А это меню можно немного настраивать?
1) сделать плюсики чуть дальше от заголовков.
2) Сделать эти кубики чуть больше чтоб лехче было нажимать.
3) И еще когда наводишь на пункт меню, буквы становятся красные, где настраивается этот цвет?

[Vaccina]

1. В main,css найдите:

.treeview .hitarea {
	background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
	height: 12px;
	margin-left: -5px;
	margin-top: 25px;
	width: 13px;
}

увеличьте отрицательное значение margin-left

2. В блоке с пункта 1 увеличьте значение height и width, далее загрузите свои иконки. Далее найдите:

.treeview .expandable-hitarea {
	background-position: -80px -3px;
}

замените на:

.treeview .expandable-hitarea {
	background: url('ссылка на иконку с плюсиком') no-repeat left top;
}

далее найдите:

.treeview .hitarea {
	background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
	height: 12px;
	margin-left: -5px;
	margin-top: 25px;
	width: 13px;
}

замените значение background по аналогии как с плюсом, только иконку минуса

3. В main.css найдите:

.treeview .hover {
	color: red;
	cursor: pointer;
}

измените значение стиля color

[Новичок Ю]

MikDark (18 Июль 2014 - 09:46) писал:

Здравствуйте. Вы не копируйте ссылку и вставляйте в браузер, а напрямую кликните по ней и перейдете на страницу с плагином. Ссылки обрезаются при отображении. Что касается HTML, подключается перед тэгом </head>

Здравствуйте. Я и кликаю по ссылке. Вылезает вот что

[Сake]

Попробуйте проверить ваше интернет соединение, открыть ссылку в другом браузере, отключить антивирусное приложение, открыть ссылку в другом браузере на другом компьютере.

[Alex11]

Vaccina (18 Июль 2014 - 04:30) писал:

1. В main,css найдите:

.treeview .hitarea {
background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 12px;
margin-left: -5px;
margin-top: 25px;
width: 13px;
}

увеличьте отрицательное значение margin-left

2. В блоке с пункта 1 увеличьте значение height и width, далее загрузите свои иконки. Далее найдите:

.treeview .expandable-hitarea {
background-position: -80px -3px;
}

замените на:

.treeview .expandable-hitarea {
background: url('ссылка на иконку с плюсиком') no-repeat left top;
}

далее найдите:

.treeview .hitarea {
background: url("http://design.sarushop.ru/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 12px;
margin-left: -5px;
margin-top: 25px;
width: 13px;
}

замените значение background по аналогии как с плюсом, только иконку минуса

3. В main.css найдите:

.treeview .hover {
color: red;
cursor: pointer;
}

измените значение стиля color

Спасибо, я все сделал, все прям как надо, можно только узнать возможно ли что бы когда заходишь на сайт меню уже сразу стояло, а не подгружалось, это делается быстро но прыгнуть она успевает, вот например сайт который я кидал для примера, на котором такое же меню вроде, он как бы сразу стоит http://www.fabfable....-game-of-trones , у меня такая же проблема была со слайдером но его смогли помочь тут поставить чтоб он сразу стоял, может и с меню можно так сделать?

Мой сайт http://sarushop.ru/

[Vaccina]

Тут скорее все зависит от скорости загрузки, у меня сразу загружается закрытого вида каталог с иконками, раскрытым при загрузке не видела.

[Alex11]

Vaccina (19 Июль 2014 - 02:20) писал:

Тут скорее все зависит от скорости загрузки, у меня сразу загружается закрытого вида каталог с иконками, раскрытым при загрузке не видела.

А ну тогда ок, хотя у меня 100 мб. интернет, странно)  Еще раз спасибо за всю помощь с сайтом))

[Alex11]

А можно само меню и кнопки которые я поставил соответственно немного подвинуть в право?
Чтоб крестики начинались у  начала линии под текстом и текстом, чтоб все меню было в рамках этих линий, немного тут подвинуть надо.

Прикрепленные изображения

• 

[Vaccina]

крестики должны быть над текстом, ближе к линии предыдущего пункта?

[Alex11]

Vaccina (19 Июль 2014 - 03:47) писал:

крестики должны быть над текстом, ближе к линии предыдущего пункта?

Нет не совсем, крестики по отношению к тексту уже не двигать, хочется все меню, тоесть названия разделов, немного подвинуть в право, и крестики по соотношению к ним тоже чтоб подвинулись,  меня сейчас устраивает полностью растояние крестиков от текста, но вот теперь все свместе немного в право сдвинуть, чтоб крестики с заголовками были в пределах полосок под текстом, как на втором фото

Прикрепленные изображения

• 
• 

[Vaccina]

В main.css найдите:

.leftmenu li li a {
	border-bottom: 1px solid #d6d6d6;
	color: #363636;
	display: block;
	font: 13px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding: 5px 10px;
	text-decoration: none;
}

замените на:

.leftmenu li li a {
	border-bottom: 1px solid #d6d6d6;
	color: #363636;
	display: block;
	font: 13px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
}

далее найдите:

.treeview .hitarea {
	background: url("http://st.sarushop.ru/8/1242/802/minus-.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
	height: 17px;
	margin-left: -13px;
	margin-top: 25px;
	width: 17px;
}

замените на:

.treeview .hitarea {
	background: url("http://st.sarushop.ru/8/1242/802/minus-.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
	height: 17px;
	margin-left: 0;
	margin-top: 25px;
	width: 17px;
}

[Alex11]

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

[Vaccina]

в main.css найдите:

.leftmenu li li a {
		border-bottom: 1px solid #d6d6d6;
		color: #363636;
		display: block;
		font: 13px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
		padding: 5px 10px 5px 20px;
		text-decoration: none;
}

в данной строке:

padding: 5px 10px 5px 20px;

увеличьте 20px

[Alex11]

Можно еще сделать текст который в подкатегориях что бы был чуть меньше, это настраивается где то?
И вот еще не знаю можно ли, сделать так что бы, вот сейчас у меня когда раскрываешь категорию есть подсветка, а можно что бы когда открываешь третий уровень была другая подсветка?

[batta]

Alex11 (19 Июль 2014 - 21:52) писал:

Можно еще сделать текст который в подкатегориях что бы был чуть меньше, это настраивается где то?
И вот еще не знаю можно ли, сделать так что бы, вот сейчас у меня когда раскрываешь категорию есть подсветка, а можно что бы когда открываешь третий уровень была другая подсветка?

Здравствуйте.
Уточните пожалуйста где можно найти 3 уровень

[Alex11]

batta (19 Июль 2014 - 22:04) писал:

Здравствуйте.
Уточните пожалуйста где можно найти 3 уровень

Извините я немного ошибся, я имел в виду хотя бы 2 уровень, ну и 3 по возможности еще выделить, но его пока нет на сайте, так что не совсем обязательно если трудно.

Прикрепленные изображения

• 

[MikDark]

Alex11 (19 Июль 2014 - 22:32) писал:

Извините я немного ошибся, я имел в виду хотя бы 2 уровень, ну и 3 по возможности еще выделить, но его пока нет на сайте, так что не совсем обязательно если трудно.

Добавьте в main.css строчку:

ul#navigation li ul li a:hover {
background: #000;
}

и поменяйте цвет на нужный.