Пара Вопросов К Модераторам
#1
Отправлено 05 Август 2013 - 19:26
1. Как сделать выпадающее меню как на этом сайте
2. Как переместить столбец с категориями с правой стороны на левую
3. Как сделать так, чтоб при наведении на категорию курсором, надпись немного смещалось вправо и меняла цвет
( Это после решения 2-го пункта)
4. Как убрать надпись ,,powered by StoreLand.Ru" в подвале
Заранее спасибо за вашу помощь.
#2
Отправлено 06 Август 2013 - 02:57
2) Используйте следующий код шаблона "HTML"
Далее в файле стилей main.css найдите
.content_page { background: url("http://tvshop42.storeland.net/content-page-br.gif") no-repeat scroll 710px 68px transparent; overflow: hidden; padding-bottom: 2em; }
и замените на
.content_page { background: url("http://tvshop42.storeland.net/content-page-br.gif") no-repeat scroll 230px 68px transparent; overflow: hidden; padding-bottom: 2em; }
3) Добавьте в ваш файл стилей main.css
.cat-item:hover a { color: #3D3D3D !important; padding-left: 18px !important; }
4) В разделе Настройки -> Основные включите опцию "Удалить ссылку на StoreLand с витрины магазина".
#3
Отправлено 06 Август 2013 - 07:16
1. Теперь когда я навожу на категорию она сдвигается вправо( хотелось бы более заметного сдвига), но не меняет цвет и одна из категорий,а именно ,,Товары для отдыха на воде" при сдвиге вправо надпись переноситься ниже, что очень не удобно, а самое главное, НЕКРАСИВО.
2. Вообще хотелось бы чуть увеличить колонку с категориями и сами категории.
Заранее спасибо за вашу помощь.
#4
Отправлено 06 Август 2013 - 08:13
Анастасия777 (06 Август 2013 - 07:16) писал:
1. Теперь когда я навожу на категорию она сдвигается вправо( хотелось бы более заметного сдвига), но не меняет цвет, а одна из категорий, а именно ,,Товары для отдыха на воде" при сдвиге вправо надпись переноситься ниже, что очень не удобно, а самое главное, НЕКРАСИВО.
2. Вообще хотелось бы чуть увеличить колонку с категориями и сами категории.
Заранее спасибо за вашу помощь.
2) Добавьте в конце main.css код -
.categories { width: 200px; }Найдите там же код -
ul.leftmenu { margin-right: 20px; margin-left: 20px; }и замените на -
ul.leftmenu { margin-right: 20px; margin-left: 10px; }
1) Найдите примерно следующий код в шаблоне HTML -
<!-- Каталог --> <div class="pad-box"> <ul class="leftmenu"> <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul><br /> </li>Строку -
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}замените на -
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("25")}px"{% ENDIF %}
#5
Отправлено 06 Август 2013 - 10:27
#6
Отправлено 06 Август 2013 - 10:43
#7
Отправлено 06 Август 2013 - 12:54
Анастасия777 (06 Август 2013 - 10:27) писал:
В файле main.css найдите код (при наведении)-
.leftmenu li li a:hover { background: url({ASSETS_IMAGES_PATH}lm-bg.jpg) repeat-x left bottom; }Замените изображение - lm-bg.jpg на Ваше
Далее найдите код -
.leftmenu li li a{ display: block; padding: 5px 10px; border-bottom: 1px solid #D6D6D6; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; }и замените на -
.leftmenu li li a{ display: block; padding: 5px 10px; border-bottom: 1px solid #D6D6D6; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; background: red; }red замените на Ваш
#8
Отправлено 06 Август 2013 - 13:03
Анастасия777 (06 Август 2013 - 10:43) писал:
Изображения можете добавить через Сайт - Файлы, скопировав путь до изображений.
В коде слайдера
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> Измените пути до изображений - <img src="путь до изображения 1" alt="" /> <a href="/"><img src="путь до изображения 2" alt="" /></a> <img src="путь до изображения 3" alt="" title="Пример картинки с заголовком" /> <img src="путь до изображения 4" alt="" /> <img src="путь до изображения 5" alt="" />
Передвигаем точки на слайдер -
Найдите код в nyvo.css -
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; }и замените на -
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; margin-top: -95px; z-index: 999; position: relative; }
#9
Отправлено 06 Август 2013 - 14:18
И ещё после некоторыми эксперементами с кодами, у меня на сайте сверху появилась тёмная строчка с чёрной буквой F. Как её убрать?
#10
Отправлено 06 Август 2013 - 17:21
Анастасия777 (06 Август 2013 - 14:18) писал:
И ещё после некоторыми эксперементами с кодами, у меня на сайте сверху появилась тёмная строчка с чёрной буквой F. Как её убрать?
найдите в HTML этот код
<img src="путь до изображения 1" alt="" /> <a href="/"><img src="путь до изображения 2" alt="" /></a> <img src="путь до изображения 3" alt="" title="Пример картинки с заголовком" /> <img src="путь до изображения 4" alt="" /> <img src="путь до изображения 5" alt="" />измените его на
<a href="#"> <img src="путь до изображения" alt="" title="Пример картинки с заголовком" /></a> <a href="#"> <img src="путь до изображения" alt="" title="Пример картинки с заголовком"/></a> <a href="#"> <img src="путь до изображения" alt="" title="Пример картинки с заголовком" /></a> <a href="#"> <img src="путь до изображения" alt="" title="Пример картинки с заголовком"/></a> <a href="#"> <img src="путь до изображения" alt="" title="Пример картинки с заголовком"/></a>
вместо # - ссылку на страницу, куда должно переходить при клике на изображение
вместо путь до изображения - ссылку на изображение
вместо Пример картинки с заголовком - текст под картинкой. Для того, чтобы его убрать, в коде найдите и удалите
title="Пример картинки с заголовком"
найдите в main,css блок
.leftmenu li li a{ display: block; padding: 5px 10px; border-bottom: 1px solid #D6D6D6; font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; background: wight; }color: #999999; - цвет пунктов левого меню. Вместо #999999 можете написать #5A7ABE
В шаблоне HTML после <body> найдите и удалите F
#11
Отправлено 08 Август 2013 - 10:13
#13
Отправлено 09 Август 2013 - 15:43
#14
Отправлено 14 Август 2013 - 13:13
1. Лента Новинок и Хитов продаж к примеру как вот здесь
2. Хотелось бы сделать боковое выпадающее меню с несколькими ярусами, зависящими от количества подкатегорий
3. Надо убрать категорию ,,Вы смотрели"
4. И ещё хотелось бы сделать меню товара похожим на меню вот этого сайта. А именно Разделы ,,Отзывы", ,,Характеристики", ,,Описание", чтоб было как на изображении ниже
Пока всё. Заранее спасибо за вашу помощь.
#15
Отправлено 14 Август 2013 - 18:06
Анастасия777 (14 Август 2013 - 13:13) писал:
1. Лента Новинок и Хитов продаж к примеру как вот здесь
2. Хотелось бы сделать боковое выпадающее меню с несколькими ярусами, зависящими от количества подкатегорий
3. Надо убрать категорию ,,Вы смотрели"
4. И ещё хотелось бы сделать меню товара похожим на меню вот этого сайта. А именно Разделы ,,Отзывы", ,,Характеристики", ,,Описание", чтоб было как на изображении ниже
Пока всё. Заранее спасибо за вашу помощь.
Добавить хиты и новинки Вы можете в разделе товары -> товары. Далее сделать из них галере Вы можете с помощью этой инструкции или этой
Темы с аналогичным тегами Выпадающее меня, Цвет и шрифт, Подвал, Дизайн
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных