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

[taro]

Добрый вечер, подскажите пожалуйста, как:
1) двигать меню
2) как сделать подсветку, после наведения курсором на меню, как на этом сайте http://www.butik-top.ru/
спасибо

[Vaccina]

Цитата

1) двигать меню

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

Цитата

2) как сделать подсветку, после наведения курсором на меню, как на этом сайте http://www.butik-top.ru/

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

[taro]

Vaccina (28 Октябрь 2011 - 19:17) писал:

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

http://fitproduct.ru/ сейчас горизонтальное меню расположено вверху и не по центру (хочется сместить его под шапку и расположить по центру)

Vaccina (28 Октябрь 2011 - 19:17) писал:

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

с подсветкой после наведения курсора разобрался сам

Еще вопросы возникли:
1) как сместить вертикальное меню, сейчас оно заезжает на шапку, т.е. строка "каталог товаров" надо опустить
2) как сместить строку "Вы здесь: Главная..." чуть ниже
3) как сузить подвал, сейчас он широковат
спасибо

[taro]

поставил корзину из шаблона лайт, как изменить иконку корзины?

[Vaccina]

Цитата

http://fitproduct.ru/ сейчас горизонтальное меню расположено вверху и не по центру (хочется сместить его под шапку и расположить по центру)

Попробуйте сделать следующее: в файл стилей main.css добавить класс

#top-menu {
	left: 170px;
	padding: 0;
	position: absolute;
	top: 175px;
	width: 65%;
}

далее найти класс

#contentWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/contentWrap_bg.jpg") repeat-x scroll left bottom transparent;
	clear: both;
}

заменить на

#contentWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/contentWrap_bg.jpg") repeat-x scroll left bottom transparent;
	clear: both;
	margin-top: 35px;
}

Цитата

поставил корзину из шаблона лайт, как изменить иконку корзины?

Это можно сделать через стили. За корзину отвечает следующий класс. В нем вам нужно изменить свойство background

.orderIcon {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/orderIcons.png") no-repeat scroll -1px -3px transparent;
	display: block;
	height: 36px;
	width: 36px;
}

Для изменения подвала вам нужно найти класс

#footer {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/botfade.jpg") repeat-x scroll 50% 100% transparent;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #999999;
	font-family: verdana;
	height: 139px;
	padding: 0;
	text-align: center;
}

далее заменить его на

#footer {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/botfade.jpg") repeat-x scroll 50% 100% transparent;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #999999;
	font-family: verdana;
	height: 139px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 960px;
}

[taro]

надписи в подвале теперь уехали влево, как сделать их по центру?
И черта, которая отделяла подвал, теперь не видна, как сделать ее видимой?
Опять опустилось вниз левое меню, как поднять повыше?
Как опустить строку "Вы здесь: Главная >..." под "интересные предложения", можно ли убрать это вообще с главной страницы?
как сделать разделения между кнопками меню, чтобы была видна граница между соседними пунктами меню?
как создать личный кабинет пользователей?
Спасибо

[Vaccina]

У вас исчезли все стили подвала. Попробуйте добавить в файл стилей main.css

#footer {
 background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;
 border-top: 1px solid #CCC;
 clear: both;color: #999;
 font-family: verdana;
 height: 139px;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#footer a {color:#666 !important}
#footer a.selected {color:#D0431D !important}

Цитата

Опять опустилось вниз левое меню, как поднять повыше?

в файле стилей найдите

#contentWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/contentWrap_bg.jpg") repeat-x scroll left bottom transparent;
	clear: both;
	margin-top: 35px;
}

замените на

#contentWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/contentWrap_bg.jpg") repeat-x scroll left bottom transparent;
	clear: both;
}

В шаблоне "Страница" найдите

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>{PAGE_NAME}</strong></p>

замените на

{%IFNOT index_page%}
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>{PAGE_NAME}</strong></p>
{%ENDIF%}

Цитата

как создать личный кабинет пользователей?

Не совсем вас понимаю. Пожалуйста, объясните по подробнее.

Цитата

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

Можно попробовать сделать следующее - в файле стилей найдите

#top-menu {
	left: 145px;
	padding: 0;
	position: absolute;
	top: 175px;
	width: 75%;
}

замените на

#top-menu {
	left: 145px;
	padding: 0;
	position: absolute;
	top: 173px;
	width: 75%;
}

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

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/knopka1.png") repeat-x scroll 0 0 transparent;
	color: #000000;
	display: block;
	float: left;
	font: 17px/25px italic;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}

замените на

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/22/21590/knopka1.png") repeat-x scroll 0 0 transparent;
	color: #000000;
	display: block;
	float: left;
	font: 17px/25px italic;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	outline: 1px solid #CCCCCC;
}

[taro]

Vaccina (31 Октябрь 2011 - 20:39) писал:

У вас исчезли все стили подвала. Попробуйте добавить в файл стилей main.css

#footer {
 background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;
 border-top: 1px solid #CCC;
 clear: both;color: #999;
 font-family: verdana;
 height: 139px;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#footer a {color:#666 !important}
#footer a.selected {color:#D0431D !important}

хм, ничего не изменилось

По поводу личного кабинета - кабинет покупателя, куда он мог бы заходить под своим логином

[Корица]

Подскажите, как сделать, такое меню.
Я уже изменила код Html. В результате получилось вот что. Теперь надо причесать : убрать пробелы, подогнать размер. Если про нажатии кнопки картинка будет меняться (темнеть, например) какой код мне нужно вставить?
Также хочу поменять горизонтальное меню.Где это сделать? Какой код использовать?
Как можно изменить значок корзины?
И еще вопрос, может не в тему. Как можно вынести строку поиска за пределы тела сайта? В правый или левый блок. Все, что мне удалось - подвигать ее в пределах шапки.

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

• 
• 

[taro]

открыл сайт IE, меню почему-то отображается лесенкой

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

• 

[Vaccina]

Напишите адрес своего магазина, чтобы я могла найти причины проблем.

[Корица]

http://shopkorica.ru
я в него постоянно вношу изменения, и некоторые коды, соответственно меняются. Но пока обозначенные вопросы все актуальны.

[taro]

Vaccina (01 Ноябрь 2011 - 17:59) писал:

Напишите адрес своего магазина, чтобы я могла найти причины проблем.

fitproduct.ru

еще прошу помочь с слайдером. Наверное это часто задаваемый вопрос, но поиск особо ничего не дал.
Допустим есть слайдер http://workshop.rs/2...unique-effects/
Скачиваю, загружаю js файлы, копирую то, что было в coin-slider-styles...что делать дальше? На странице, указанной выше, есть еще 5 отдельных кодов, куда их девать? Пробовал разные варианты, ничего не получается

[Vaccina]

Дальше нужно загрузить и подключить файлы JS

<script type="text/javascript" src="coin-slider.min.js"></script>

с указанием правильных путей до файла.

После разместить разметку например в шаблоне "Страница"

<div id='coin-slider'>
	<a href="img01_url" target="_blank">
		<img src='img01.jpg' >
		<span>
			Description for img01
		</span>
	</a>
	......
	......
	<a href="imgN_url">
		<img src='imgN.jpg' >
		<span>
			Description for imgN
		</span>
	</a>
</div>

В этой разметке вставить ссылки на изображения.

И последнее вставить в файл main.js (редактора тем) в самый конец файла блок

$(document).ready(function() {
		$('#coin-slider').coinslider();
	});

[taro]

Vaccina (02 Ноябрь 2011 - 20:08) писал:

Дальше нужно загрузить и подключить файлы JS

<script type="text/javascript" src="coin-slider.min.js"></script>

с указанием правильных путей до файла.

После разместить разметку например в шаблоне "Страница"

<div id='coin-slider'>
	<a href="img01_url" target="_blank">
		<img src='img01.jpg' >
		<span>
			Description for img01
		</span>
	</a>
	......
	......
	<a href="imgN_url">
		<img src='imgN.jpg' >
		<span>
			Description for imgN
		</span>
	</a>
</div>

В этой разметке вставить ссылки на изображения.

И последнее вставить в файл main.js (редактора тем) в самый конец файла блок

$(document).ready(function() {
		$('#coin-slider').coinslider();
	});

если можно напишите по шагам от первого действия, до последнего, с указанием мест, куда вставлять. Сейчас вместо слайдера получилась строка "Description for img01 ...... ...... Description for imgN"
И подскажите по поводу меню, почему в интернет эксплорере оно видится лесенкой?

[taro]

немного переделал меню, теперь лесенки в интернет эксплорере нет, но отображается меню там все равно иначе/
активная кнопка должна быть чуть больше неактивных, но в IE все кнопки получаются одинаковые. Как решить эту проблему, или это особенность IE? Скриншоты из firefox и IE соответственно

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

• 
• 

[Vaccina]

Цитата

если можно напишите по шагам от первого действия, до последнего, с указанием мест, куда вставлять. Сейчас вместо слайдера получилась строка "Description for img01 ...... ...... Description for imgN"

По идее то что я описала - это и есть все шаги. Проверьте правильно ли вы заменили ссылки на изображения

<a href="imgN_url">
				<img src='imgN.jpg' >
				<span>
						Description for imgN
				</span>
		</a>

а именно тут

img src='imgN.jpg'

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

Цитата

немного переделал меню, теперь лесенки в интернет эксплорере нет, но отображается меню там все равно иначе/
активная кнопка должна быть чуть больше неактивных, но в IE все кнопки получаются одинаковые. Как решить эту проблему, или это особенность IE? Скриншоты из firefox и IE соответственно

с IE8-IE9 меню отображается нормально, и только в IE7 имеется данная проблема - и это проблема особенность IE7.

[taro]

картинки появились, но переключения нет, они все в куче. Где не то сделал, посмотрите )
и еще хотелось бы, чтобы слайдер был только на главной странице, где подправить?
подскажите как поменять цвет основного шрифта, сейчас он серый, весь maincss перерыл http://forum.storela...61635_thumb.png
спасибо

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

• 

[Vaccina]

По поводу слайдера почитайте тут:

http://forum.storela...ch__1#entry8410

http://forum.storela...ndpost__p__8173

По поводу основного текста - Редактор тем - main.css - за него отвечает сл.блок:

p {
	font-size: 1em;
	margin: 0.8333em 0;
}

добавьте в него свойство color  с нужным Вам значением.

[taro]

Vaccina (07 Ноябрь 2011 - 17:42) писал:

p {
	font-size: 1em;
	margin: 0.8333em 0;
}

добавьте в него свойство color  с нужным Вам значением.

не помогло
получилось поставить Easy Slider, но есть еще несколько вопросов =)

1) появился почему-то красный квадратик из левого меню, как его убрать?
2) как переместить Next b Previous в правый нижний угол и в левый нижний угол соответственно?
3) после последнего слайда, на какое-то мгновение, вместо вновь первого изображения - белая пустота, можно ее убрать?
4) как увеличить время, между переключениями?
5) можно ли под слайдером, на главной, разместить несколько товаров из каталога?
6) как изменить цвет "руб." после надписи "в корзине товаров на 0"?
спасибо

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

•