Перейти к содержимому


Пара Вопросов К Модераторам

Выпадающее меня Цвет и шрифт Подвал Дизайн

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 05 Август 2013 - 19:26

У меня есть несколько вопросов.
1. Как сделать выпадающее меню как на этом сайте
2. Как переместить столбец с категориями с правой стороны на левую
3. Как сделать так, чтоб при наведении на категорию курсором, надпись немного смещалось вправо и меняла цвет
( Это после решения 2-го пункта)
4. Как убрать надпись ,,powered by StoreLand.Ru" в подвале
Заранее спасибо за вашу помощь.

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 22 289 сообщений

Отправлено 06 Август 2013 - 02:57

1) Данный вопрос рассматривался в следующей теме форума http://forum.storela...еста/#entry2072 а так же тут http://forum.storela...еню/#entry36821

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 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 06 Август 2013 - 07:16

Спасибо огромное, большую часть моих проблем вы решили, но у меня есть ещё пара вопросов.
1. Теперь когда я навожу на категорию она сдвигается вправо( хотелось бы более заметного сдвига), но не меняет цвет и одна из категорий,а именно ,,Товары для отдыха на воде" при сдвиге вправо надпись переноситься ниже, что очень не удобно, а самое главное, НЕКРАСИВО.
2. Вообще хотелось бы чуть увеличить колонку с категориями и сами категории.
Заранее спасибо за вашу помощь.

#4 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 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 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 06 Август 2013 - 10:27

Спасибо. А как поменять цвета категории до навода и после.

#6 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 06 Август 2013 - 10:43

Ещё не могу разобраться со слайдером. Хотелось бы чтоб точки ( Те которые под слайдером), были на слайдере ( на изображениях). И вообщем установить сами изображения. Заранее спасибо.

#7 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 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 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 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 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 06 Август 2013 - 14:18

Спасибо, со слайдером разобралась, только некоторые картинки охота кликабельными сделать. А что на счёт цвета категорий, я имела в виду цвет текста а не его фона.

И ещё после некоторыми эксперементами с кодами, у меня на сайте сверху появилась тёмная строчка с чёрной буквой F. Как её убрать?

#10 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 901 сообщений

Отправлено 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 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 08 Август 2013 - 10:13

Извините, но мне не удалось найти F в коде HTML. А что на счёт цвета, спасибо вам огромное, всё получилось.

#12 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 901 сообщений

Отправлено 08 Август 2013 - 16:17

Просмотр сообщенияАнастасия777 (08 Август 2013 - 10:13) писал:

Извините, но мне не удалось найти F в коде HTML. А что на счёт цвета, спасибо вам огромное, всё получилось.

в HTML найдите строчку
<meta http-equiv="Content-Language" content="ru" />F
и уберите в конце ту букву

#13 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 09 Август 2013 - 15:43

Спасибо, убрала.

#14 Анастасия777

Анастасия777

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 14 Август 2013 - 13:13

Мне бы хотелось сделать несколько нововведений на своём сайте
1. Лента Новинок и Хитов продаж к примеру как вот здесь
Изображение
2. Хотелось бы сделать боковое выпадающее меню с несколькими ярусами, зависящими от количества подкатегорий
3. Надо убрать категорию ,,Вы смотрели"
4. И ещё хотелось бы сделать меню товара похожим на меню вот этого сайта. А именно Разделы ,,Отзывы", ,,Характеристики", ,,Описание", чтоб было как на изображении ниже
Изображение
Пока всё. Заранее спасибо за вашу помощь.

#15 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 901 сообщений

Отправлено 14 Август 2013 - 18:06

Просмотр сообщенияАнастасия777 (14 Август 2013 - 13:13) писал:

Мне бы хотелось сделать несколько нововведений на своём сайте
1. Лента Новинок и Хитов продаж к примеру как вот здесь
Изображение
2. Хотелось бы сделать боковое выпадающее меню с несколькими ярусами, зависящими от количества подкатегорий
3. Надо убрать категорию ,,Вы смотрели"
4. И ещё хотелось бы сделать меню товара похожим на меню вот этого сайта. А именно Разделы ,,Отзывы", ,,Характеристики", ,,Описание", чтоб было как на изображении ниже
Изображение
Пока всё. Заранее спасибо за вашу помощь.

Добавить хиты и новинки Вы можете в разделе товары -> товары. Далее сделать из них галере Вы можете с помощью этой инструкции или этой





Темы с аналогичным тегами Выпадающее меня, Цвет и шрифт, Подвал, Дизайн

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных