Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Модули uCoz Интернет-магазин Управление и настройка дизайна (Модуль Интернет-магазин) |
| Управление и настройка дизайна |
|
В данной теме вы можете задать вопрос относительно настройки дизайна модуля Интернет-магазин.
Настраивается дизайн модуля привычным для пользователей системы образом. Вы можете отредактировать дизайн всех страниц модуля: главная и все прочие страницы. Более тонкие настройки дизайна - вид материалов, сообщение "Заказ оформлен". Важный момент, на который мы вас просим обратить внимание, ТАБЛИЦА СТИЛЕЙ CSS для данного модуля настраивается отдельно от общих стилей css. Нажмите "Таблица стилей css" для настройки.   В связи с тем, что на большое количество вопросов о модуле Интернет магазина уже даны ответы, прежде чем задать свой вопрос, посмотрите, не присутствует ли он в этой теме. Прикрепления:
1627898.png
(4.0 Kb)
|
|
vektorcam, Попробуй поиграться в shop.css "ПУ-Управление дизайном » Редактирование шаблонов-Таблица стилей CSS магазина"
10 строка Code .cat-blocks div { cursor: pointer; font-size: 11px !important; height: auto !important; margin-bottom: 1px; overflow: hidden; padding: 0 5px !important; --- изменяй первое значение text-align: left !important; } Потом отпишись!!! Сообщение отредактировал SKAZIS - Суббота, 10 Ноя 2012, 16:12:07
|
|
Здравствуйте! Помогите с таблицей стилей интернет магазина. Хочу сделать чтобы при наведении на изображение категории, накладывалось прозрачное
изображение сверху него. Сейчас:  Нужно чтобы изображение выводилось поверх изображения категории:  Я написал так. Изображение выводится, но только под картинкой категории. Code table.catalog img { float:left; margin:0; border:0; width:183px; height:165px; z-index: 1; } table.catalog img:hover { background: url(http://kidsmax.com.ua/images/toys.png); z-index: 2; } Подскажите пожалуйста. СПС |
|
SKAZIS,
1) У Вас не хватает и там, и там position:absolute 2) Что-то я оооочень сильно сомневаюсь, что вот это: Quote img:hover {background: Code HTML: <div class="Img"><img src="" class="1" /><img src="" class="2" /></div> CSS: .Img {position:relative; width:183px; height:165px; float:left} .1 {position:absolute; z-index:1; width:183px; height:165px; padding:0px; margin:0px} .2 {display:none} div.Img:hover .2 {position:absolute; z-index:10; width:183px; height:165px; padding:0px; margin:0px; display:block} Сообщение отредактировал KaiLee - Воскресенье, 11 Ноя 2012, 00:25:55
|
|
KaiLee, Сайт kidsmax.com.ua. На главной, в нижней категории, я картинку не добавлял. Там видно что фон появляется, только снизу.
|
|
SKAZIS,
Я, наверно, чего-то не понимаю... У Вас это все - одна картинка.  Объясните подробно, чего Вы хотите. В общем, если я правильно поняла, то можно попробовать использовать для этого h3, которое у Вас скрыто. Концепция остается той же - общий блок (td вместо div), a как 1, h3 как 2. Ячейке таблицы стили div можно писать без существенных изменений, только добавить overflow:hidden, a\img в целом тоже оставить как есть. С h3 придется пошаманить - совсем убрать текст не получится, насколько я помню. Не скрывать, а, пользуясь св-вом position:absolute, сдигать текст за границу блока - спрячется он сам, и добавлять картинку. Вот. Прикрепления:
4211504.png
(55.0 Kb)
Сообщение отредактировал KaiLee - Воскресенье, 11 Ноя 2012, 01:00:41
|
|
KaiLee, Мне нужно, чтобы поверх картинок категорий на главной, при наведении курсора, накладывалось вот это изображение:
 Как бы идет эффект выделения. Прикрепления:
2720361.png
(9.3 Kb)
Сообщение отредактировал SKAZIS - Воскресенье, 11 Ноя 2012, 01:00:12
|
|
SKAZIS,
Ответ в сообщении выше: Quote (KaiLee) В общем, если я правильно поняла, то можно попробовать использовать для этого h3, которое у Вас скрыто. Концепция остается той же - общий блок (td вместо div), a как 1, h3 как 2. Ячейке таблицы стили div можно писать без существенных изменений, только добавить overflow:hidden, a\img в целом тоже оставить как есть. С h3 придется пошаманить - совсем убрать текст не получится, насколько я помню. Не скрывать, а, пользуясь св-вом position:absolute, сдигать текст за границу блока - спрячется он сам, и добавлять картинку. Вот. |
|
SKAZIS,
То, что Вы хотите так, как Вы хотите - невозможно. У того сайта, что Вы дали, структура каталога отличается. Если Вам нужно выделение, используйте св-ва box-shadow или border. Для простого выделения этого хватит. |
|
Хочу сделать чтобы все товары из прайс-листа выводились на 1 странице (их больше 300), так как сейчас переключатели. Как это сделать? Спасибо!
Сделайте шаг навстречу здоровью amrita.club
|
| |||