Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Корзина

Автор Wolfceil, 13 окт. 2011 15:39

Назад

Вперед

Авторизуйтесь для ответа в теме

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

#21 Wolfceil

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

Пользователи
27 сообщений

Отправлено 28 Октябрь 2011 - 04:59

Цитата

Vaccina

1. Спасибо за помощь, но как сделать чтобы вид шапки не искажался и все картинки были сопоставимы своему тексту. К примеру (взять тот же сайт http://doorse.ru/), в его шапку уже встроена строка поиска + иконки корзины, телефона и прочее. Так вот я страницу увеличиваю/отдаляю и всё норм, каждая иконка так и стоит напротив своего текста и ничего не прыгает. А если брать мой пример, то при увеличении/отдалении у меня "вход/регистрация" прыгают буквы так и другие картинки съезжают. Вот у меня вопрос и возник, как сделать так, чтобы надписи стояли рядом со своими иконками и не бегали туда суда

Я вот хочу все кнопки нарисовать в шапке и чтобы они у меня совпали с кнопками меню на сайте. А получается, что при малейшем изменении масштаба страницы, кнопки съезжают - возможно исправить данную проблему?

Только что попробовал вставить кнопки отдельно от шапки вот в этот код:

#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}knopki.gif") no-repeat bottom left;}

Сделал их фонов и всё равно при увеличении/уменьшении масштаба текст "главная, корзина и тп" прыгает (выходит за границы кнопок) и не стоит на месте, в результате получается очень некрасиво

Уже не знаю как быть и как заставить всё хорошо отображаться :angry:

Можете посмотреть проблему на моём сайте, я не стал удалять этот код и оставил всё как есть для наглядного примера.

2.

Цитата

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

Сделал изменения, всё оставляю как есть пока Вы не посмотрите

Думаю теперь сможете помочь. Вот мой код:

.contentTbodyCatalogHeader {margin:0 1em 0.33em 0.7em;padding-bottom:0.2em; background: url("{ASSETS_IMAGES_PATH}zagolovok.png") no-repeat; bottom left;}

Сообщение отредактировал Wolfceil: 28 Октябрь 2011 - 10:18

Наверх

#22 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 28 Октябрь 2011 - 19:33

В данный момент в браузерах Opera и FireFox не заметила что бы при изменении масштаба прыгали кнопки. Они стоят нормально и не бегают. Проверьте, быть может это просто у вас страница закешировалась.

Попробуйте заменить

.contentTbodyCatalogHeader {
	background: url("http://img.storeland.ru/web/upload/assets/images/20/19622/zagolovok.png") no-repeat scroll 0 0 transparent;
	margin: 0 1em 0.33em 0.7em;
	padding-bottom: 0.2em;
}

на

.contentTbodyCatalogHeader {
	background: url("http://img.storeland.ru/web/upload/assets/images/20/19622/zagolovok.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF !important;
	height: 55px;
	margin: 0 1em 0.33em 0.7em;
	padding-bottom: 0.2em;
	text-align: center;
	width: 235px;
	margin-left:-15px;
}

только думаю вам нужно будет немного уменьшить данное изображение.

Наверх

#23 Wolfceil

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

Пользователи
27 сообщений

Отправлено 29 Октябрь 2011 - 03:05

Цитата

В данный момент в браузерах Opera и FireFox не заметила что бы при изменении масштаба прыгали кнопки. Они стоят нормально и не бегают. Проверьте, быть может это просто у вас страница закешировалась.

Возможно я неправильно выразился, кнопки то стоят на месте, а вот сами надписи меню при отдалении смещаются вправо и это очень портит картину всю в целом. Они выходят за пределы кнопок и это дело не в кеше, ни у одного меня так, у многих знакомых. Просмотрите ещё раз пожалуйста. Прилагаю 2 скрина, на одном обычный вид, на втором отдалённый - на них явно видно смещение надписей в правую сторону.

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

Наверх

#24 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 29 Октябрь 2011 - 16:52

В данный момент вижу что вы отказались от данных кнопок, и вернули обычные от Мокко. В данном случае вам нужно будет править стили в файле main.css

#mainNav {
	background: url("http://img.storeland.ru/web/upload/assets/images/20/19622/nav_bg.jpg") no-repeat scroll 0 0 transparent;
	bottom: 0;
	height: 35px;
	left: 5px;
	position: absolute;
}
#mainNav table {
	border-collapse: collapse;
	border-spacing: 0;
	float: left;
	height: 30px;
	margin: auto;
	padding: 5px 5px 0 0;
}
#mainNav table td {
	padding: 5px 0 0 2px;
}
#mainNav table td.first {
	padding-left: 5px;
}
#mainNav table td.last {
	padding-right: 5px;
}
#mainNav table td div {
	background: url("http://img.storeland.ru/web/upload/assets/images/20/19622/nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF;
	float: left;
	font-size: 1.25em;
	height: 30px;
	line-height: 1.3333em;
}
#mainNav table td div a:link, #mainNav table td div a:visited {
	background: url("http://img.storeland.ru/web/upload/assets/images/20/19622/nav_item_bg.gif") repeat-x scroll left bottom transparent;
	color: #666666;
	display: block;
	height: 26px;
	padding: 4px 10px 0;
}
#mainNav table td div a.selected, #mainNav table td div a:hover, #mainNav table td div a:active {
	background-position: right bottom;
	color: #FFBA00;
	text-decoration: none;
}

По идее это все стили которые отвечают за данную навигацию. Вам нужно поменять эти классы - например изменить изображения, или же убрать их.

Наверх

#25 Wolfceil

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

Пользователи
27 сообщений

Отправлено 30 Октябрь 2011 - 15:40

Vaccina (29 Октябрь 2011 - 16:52) писал:

В данный момент вижу что вы отказались от данных кнопок, и вернули обычные от Мокко. В данном случае вам нужно будет править стили в файле main.css

1.Блин, ну чтож такое. Давайте я щас поставлю всё как было и вы глянете. Ну проблема так и не разрешилась, надписи скачут при отдалении и УЖАСНО просто выглядит всё. ХЭЛП МИ! Справа "вход/регистрация" тоже скачет!!! Уже аж бесит всё :angry:

Как заставить стоять на месте "слова"?
2.У меня в Internet Explorer некорректно отображается сайт, текст контента ушёл почему-то вправо. Подскажите пожалуйста как это исправить.
3. Подскажите куда нужно вставить данный код:

$("#mainmenu li > div").hover(function(){
	$(this).addClass("bg_middle");
  }, function(){
	if(!$(this).find("a").hasClass("selected")){
	  $(this).removeClass("bg_middle");
	}
  })
  
	
	if ($.browser.msie || $.browser.opera) {
	  $('.content_page').css('margin-left', '1px').css('margin-right', '-1px'); 
	}
});

4. Есть где-нибудь манул по создания меню как на этом сайте - http://doorse.ru/. Описание необходимых css кодов, чтобы так получилось, хотя бы на примере одного слова.

Наверх

#26 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 31 Октябрь 2011 - 21:20

Цитата

1.Блин, ну чтож такое. Давайте я щас поставлю всё как было и вы глянете. Ну проблема так и не разрешилась, надписи скачут при отдалении и УЖАСНО просто выглядит всё. ХЭЛП МИ! Справа "вход/регистрация" тоже скачет!!! Уже аж бесит всё Как заставить стоять на месте "слова"?

Для этого зайдите Сайт - Редактор тем - main.css - найдите сл.блок

body {
	background: url("http://img.storeland.ru/web/upload/assets/images/20/19622/asphalt.jpg") repeat scroll left bottom transparent;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
}

и замените на этот

body {
	background: url("http://img.storeland.ru/web/upload/assets/images/20/19622/asphalt.jpg") repeat scroll left bottom transparent;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
	min-width: 1015px;
}

Цитата

2.У меня в Internet Explorer некорректно отображается сайт, текст контента ушёл почему-то вправо. Подскажите пожалуйста как это исправить.

Данный баг обнаруживается в IE ниже 8 версии. Зайдите Сайт - Редактор тем - main.css - найдите сл.класс

.contentTbodyCatalogHeader

и удалите в нем сл.строку:

width:235px;

Цитата

3. Подскажите куда нужно вставить данный код

Сайт - Редактор тем - main.js

Цитата

4. Есть где-нибудь манул по создания меню как на этом сайте - http://doorse.ru/. Описание необходимых css кодов, чтобы так получилось, хотя бы на примере одного слова.

Нет. Люди создают подобное либо сами, либо сделав заказ у компании или частного лица на дизайн сайта.

Наверх

#27 Wolfceil

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

Пользователи
27 сообщений

Отправлено 01 Ноябрь 2011 - 03:40

Цитата

Vaccina

1. Благодарю за оказанную помощь. Вот только по поводу текста не помог Ваш код, я просто задал в стиле див ширину навигации и надписи перестали растягиваться.

#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px; width: 85px;}

Вот в этот код добавил ширину. Надеюсь так можно сделать и это не навредит в дальнейшем? Теперь надписи "главная и тп" стоят на месте при масштабировании.
2. Помогите с сортировкой. Хочу чтобы стрелочки были только в том случае, когда активна та или иная ссылка, а сейчас получается, что стрелочки рядом со всеми ссылками.
3. Когда нахожу в поиске товар, далее уже сортирую товар через поиск, то получается, что товар пропадает! В общем Вы наверное ничего из сказанного не поняли :rolleyes:

Вбейте на моём сайте любой товар в поиск, когда он найдётся нажмите на сортировку и поймёте моё проблему. При сортировке пропадает товар из поиска.

Наверх

#28 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 01 Ноябрь 2011 - 18:44

Цитата

Надеюсь так можно сделать и это не навредит в дальнейшем

Да, думаю что не навредит.

Цитата

Помогите с сортировкой. Хочу чтобы стрелочки были только в том случае, когда активна та или иная ссылка, а сейчас получается, что стрелочки рядом со всеми ссылками
Когда нахожу в поиске товар, далее уже сортирую товар через поиск, то получается, что товар пропадает! В общем Вы наверное ничего из сказанного не поняли :rolleyes:

Вбейте на моём сайте любой товар в поиск, когда он найдётся нажмите на сортировку и поймёте моё проблему. При сортировке пропадает товар из поиска

Попробуйте заменить

<!-- Поле выбора сортировки -->
		  {% IF goods_show_order_fields %}
			Сортировать по:
		   {% FOR goods_order_fields %}
			{%IF goods_order_fields.ID=1%}
			 {% IF goods_order_fields.SELECTED %}
			<a title="Отсортировать товары по цене" href="?goods_search_field_id=2" style="color:red;" class="asc select">цене</a>
			 {%ELSE%}
			  <a title="Отсортировать товары по цене" href="?goods_search_field_id=1" class="desc" {% IF GOODS_SEARCH_FIELD_ID=2%}style="color:red;"{% ENDIF %}>цене</a>
			 {% ENDIF %}
			{% ENDIF %}
		  
			{%IF goods_order_fields.ID=3%}
			 {% IF goods_order_fields.SELECTED %}
			 <a title="Отсортировать товары по имени" href="?goods_search_field_id=4" class="asc select" style="color:red;">имени</a>
			 {%ELSE%}
			 <a title="Отсортировать товары по имени" href="?goods_search_field_id=3" class="desc"  {% IF GOODS_SEARCH_FIELD_ID=4%}style="color:red;"{% ENDIF %}>имени</a>
			 {% ENDIF %}
			{% ENDIF %}
		  
			{%IF goods_order_fields.ID=7%}
			 {% IF goods_order_fields.SELECTED %}
			 <a title="Отсортировать товары по дате" href="?goods_search_field_id=8" class="asc select" style="color:red;">дате</a>
			 {%ELSE%}
			 <a title="Отсортировать товары по дате" href="?goods_search_field_id=7" class="desc" {% IF GOODS_SEARCH_FIELD_ID=8%}style="color:red;"{% ENDIF %}>дате</a>
			 {% ENDIF %}
			{% ENDIF %}
		  {% ENDFOR %}
		  {% ENDIF %}

на

<!-- Поле выбора сортировки -->
		  {% IF goods_show_order_fields %}
			Сортировать по:
		   {% FOR goods_order_fields %}
			{%IF goods_order_fields.ID=1%}
			 {% IF goods_order_fields.SELECTED %}
			<a title="Отсортировать товары по цене" href="{%IF MOD_LNAME=search%}{GOODS_PAGINATE_URL}&{%ELSE%}?{%ENDIF%}goods_search_field_id=2" style="color:red;" class="asc select">цене</a>
			 {%ELSE%}
			  <a title="Отсортировать товары по цене" href="{%IF MOD_LNAME=search%}{GOODS_PAGINATE_URL}&{%ELSE%}?{%ENDIF%}goods_search_field_id=1" class="desc {% IF GOODS_SEARCH_FIELD_ID=2%}select{% ENDIF %}" {% IF GOODS_SEARCH_FIELD_ID=2%}style="color:red;"{% ENDIF %}>цене</a>
			 {% ENDIF %}
			{% ENDIF %}
		  
			{%IF goods_order_fields.ID=3%}
			 {% IF goods_order_fields.SELECTED %}
			 <a title="Отсортировать товары по имени" href="{%IF MOD_LNAME=search%}{GOODS_PAGINATE_URL}&{%ELSE%}?{%ENDIF%}goods_search_field_id=4" class="asc select" style="color:red;">имени</a>
			 {%ELSE%}
			 <a title="Отсортировать товары по имени" href="{%IF MOD_LNAME=search%}{GOODS_PAGINATE_URL}&{%ELSE%}?{%ENDIF%}goods_search_field_id=3" class="desc {% IF GOODS_SEARCH_FIELD_ID=4%}select{% ENDIF %}"  {% IF GOODS_SEARCH_FIELD_ID=4%}style="color:red;"{% ENDIF %}>имени</a>
			 {% ENDIF %}
			{% ENDIF %}
		  
			{%IF goods_order_fields.ID=7%}
			 {% IF goods_order_fields.SELECTED %}
			 <a title="Отсортировать товары по дате" href="{%IF MOD_LNAME=search%}{GOODS_PAGINATE_URL}&{%ELSE%}?{%ENDIF%}goods_search_field_id=8" class="asc select" style="color:red;">дате</a>
			 {%ELSE%}
			 <a title="Отсортировать товары по дате" href="{%IF MOD_LNAME=search%}{GOODS_PAGINATE_URL}&{%ELSE%}?{%ENDIF%}goods_search_field_id=7" class="desc {% IF GOODS_SEARCH_FIELD_ID=8%}select{% ENDIF %}" {% IF GOODS_SEARCH_FIELD_ID=8%}style="color:red;"{% ENDIF %}>дате</a>
			 {% ENDIF %}
			{% ENDIF %}
		  {% ENDFOR %}
		  {% ENDIF %}

далее заменить стили

a.asc {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_desc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
}

a.desc {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_asc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
}

на

a.asc.select {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_desc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}

a.desc.select {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_asc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}

Наверх

#29 Wolfceil

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

Пользователи
27 сообщений

Отправлено 02 Ноябрь 2011 - 07:58

Цитата

Vaccina

Спасибо, всё получилось.
Теперь подскажите как сделать расстояние между словами сортировки (имя, цена,дата) больше, а то они сливаются. Хотелось бы их друг от друга отдалить. И как сделать цвет ссылок подчёркнутыми и светло-чёрными, как текст тела, а то у меня что-то не получается, не хочет с красного на светло-чёрный меняться. Спасибо за внимание. :rolleyes:

П.С. Создал для них блок, изменения помогите суда внести:

/* !Сортировать по */
#sortirovka a:link {color: #000000; text-decoration: underline;}
#sortirovka a:hover {text-decoration: none;}

Наверх

#30 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 02 Ноябрь 2011 - 19:38

Это будет выглядеть так

/* !Сортировать по */
#sortirovka a:link {color: #666666; text-decoration: underline; padding: 0 10px;}
#sortirovka a:hover {text-decoration: none;}

Наверх

#31 pushistik87

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

Пользователи
40 сообщений

Отправлено 08 Ноябрь 2011 - 12:35

Требуется передвинуть корзину в верх http://ringsteel.ru/ как это сделать?

Наверх

#32 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 08 Ноябрь 2011 - 17:01

редактор тем - main.css - находим сл.блок:

#cartInfo {
	bottom: 6px;
	font-size: 13px;
	position: absolute;
	right: 10px;
	white-space: nowrap;
}

и увеличиваем значение у свойства bottom

Наверх

#33 pushistik87

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

Пользователи
40 сообщений

Отправлено 08 Ноябрь 2011 - 19:39

СПАСИБО!

Всё получилось. Вопрос ещё такой, а если поменяю на другую корзину значение опять вернется в исходное положение?

Наверх

#34 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 09 Ноябрь 2011 - 19:26

в смысле на другую корзину??? не совсем ясно о чем Вы говорите.

Наверх

#35 pushistik87

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

Пользователи
40 сообщений

Отправлено 09 Ноябрь 2011 - 20:37

А вот к примеру как на этом сайте http://xenon27.ru/

Наверх

#36 Wolfceil

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

Пользователи
27 сообщений

Отправлено 21 Ноябрь 2011 - 13:13

pushistik87 (09 Ноябрь 2011 - 20:37) писал:

А вот к примеру как на этом сайте http://xenon27.ru/

Нет, значение останется как прежде, то есть куда вы её поставили, там она и будет. Это обычная замена картинки

Наверх

#37 kotom

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

Пользователи
43 сообщений

Отправлено 14 Май 2012 - 22:17

Vaccina, здравствуйте!

1. Как сделать, чтобы при втором нажатие на имя сортировки, появлялась стрелка вверх, как на рисунке, т.е. сортировка идет в обратную сторону?

			<!-- Поле выбора сортировки -->
			 Сортировать по:
				 {% FOR goods_order_fields %}
				  {%IF goods_order_fields.ID=1%}
				   {% IF goods_order_fields.SELECTED %}
					 <a title="Отсортировать товары по цене" href="?goods_search_field_id=2" class="asc select" style="color:black;" >цене</a>
				   {%ELSE%}
					 <a title="Отсортировать товары по цене" href="?goods_search_field_id=1" class="desc" {% IF GOODS_SEARCH_FIELD_ID=2%}style="color:black;"{% ENDIF %}>цене</a>
				   {% ENDIF %}
				  {% ENDIF %}
		  
				  {%IF goods_order_fields.ID=3%}
				   {% IF goods_order_fields.SELECTED %}
					 <a title="Отсортировать товары по имени" href="?goods_search_field_id=4" class="asc select" style="color:black;">имени</a>
				   {%ELSE%}
					 <a title="Отсортировать товары по имени" href="?goods_search_field_id=3" class="desc"  {% IF GOODS_SEARCH_FIELD_ID=4%}style="color:black;"{% ENDIF %}>имени</a>
				   {% ENDIF %}
				  {% ENDIF %}

2. Как увеличить расстояние между "цене" и "имени" ?

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

Наверх

#38 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 15 Май 2012 - 21:55

Вам необходимы классы

a.asc.select {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_desc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}

a.desc.select {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_asc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}

которые описаны в сообщении http://forum.storela...ndpost__p__8782

В данный момент у вас нет класса для a.desc

Для отступа используйте класс

a.asc, a.desc {
  padding-left: 5px;
}

Наверх

#39 kotom

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

Пользователи
43 сообщений

Отправлено 15 Май 2012 - 22:19

Vaccina (15 Май 2012 - 21:55) писал:

Вам необходимы классы

a.asc.select {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_desc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}

a.desc.select {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_asc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}

Данные классы у меня есть. При нажатие на "имя" или "цене", появляется стрелка. При повторном нажатие, пропадает. Нужно чтобы при повторном нажатие, появлялась обратная стрелка. Нужно что-то в шаблоне править. Я попробовал, но у меня после перехода на соседнюю сортировку, остается стрелка на предыдущей. Vaccina, выручайте!

Наверх

#40 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 16 Май 2012 - 21:26

Попробуйте использовать классы

a.asc.select, a.asc {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_desc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}

a.desc.select, a.desc {
	background: url("http://img.mir-sigaret.ru/web/upload/assets/images/3/2901/i_asc_arrow.gif") no-repeat scroll right center transparent;
	color: #000000;
	padding-right: 10px;
}