Отключен JavaScript

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

0

Расположение Элементов

Автор arver, 16 апр. 2014 20:56

Назад

Вперед

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

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

#21 MikDark

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

Модераторы
6 468 сообщений

Отправлено 14 Май 2014 - 16:03

Оно не затронет все ссылки на сайте.

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

Наверх

#22 arver

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

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

Отправлено 14 Май 2014 - 16:08

Вы меня не так поняли,я хотел это блок(новинки-карусель)наоборот уменьшить,так чтобы по ширине он был в одну линию с остальными блоками.
Сделал бэкап поскольку после предыдущих изменений результат не изменился и перестала работать карусель как я уже выше написал

Наверх

#23 MikDark

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

Модераторы
6 468 сообщений

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

arver (14 Май 2014 - 16:08) писал:

Вы меня не так поняли,я хотел это блок(новинки-карусель)наоборот уменьшить,так чтобы по ширине он был в одну линию с остальными блоками.
Сделал бэкап поскольку после предыдущих изменений результат не изменился и перестала работать карусель как я уже выше написал

Теперь понятно о чем речь, найдите в style.css код:

.container {
width: 1200px;
margin: 0 auto;
}

и замените на:

.container {
width: 908px;
margin: 0 auto;
}

что касается прокрутки, у Вас сейчас 4 товара в карусели. Попробуйте добавить 5-й, и стрелки должны заработать.

Наверх

#24 arver

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

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

Отправлено 14 Май 2014 - 19:31

не помогло,картинку прилагаю

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

Наверх

#25 MikDark

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

Модераторы
6 468 сообщений

Отправлено 14 Май 2014 - 19:45

arver (14 Май 2014 - 19:31) писал:

не помогло,картинку прилагаю

В добавок к изменениям выше нужно найти:

.full {
width: 100%;
}

и заменить на:

.full {
width: auto;
}

Наверх

#26 arver

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

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

Отправлено 14 Май 2014 - 20:48

не везде выровнялось,картинку прилагаю

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

Наверх

#27 MikDark

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

Модераторы
6 468 сообщений

Отправлено 14 Май 2014 - 20:50

arver (14 Май 2014 - 20:48) писал:

не везде выровнялось,картинку прилагаю

У вас стоит:

.container {
width: 1200px;
margin: 0 auto;
}

нужно поменять.

Наверх

#28 arver

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

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

Отправлено 14 Май 2014 - 21:49

да я помню,только в шапке теперь все элементы сдвинулись в кучу(((

Наверх

#29 MikDark

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

Модераторы
6 468 сообщений

Отправлено 14 Май 2014 - 21:56

arver (14 Май 2014 - 21:49) писал:

да я помню,только в шапке теперь все элементы сдвинулись в кучу(((

Потому что у Вас ширина шапки и основной контент зоны разная. Лучше оставить так и отредактировать элементы в шапке, но если надо вернуть ее, то в шаблоне HTML ищем:

<div class="container">

и меняем на:

<div class="container cont1">

Далее в style.css дописываем:
.cont1 {width: 1200px;}

Наверх

#30 arver

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

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

Отправлено 14 Май 2014 - 23:43

Спасибо,теперь все ровно!
остался еще вопрос со стрелками в карусели,как их переместить как на рисунке

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

Наверх

#31 Сake

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

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

Отправлено 15 Май 2014 - 02:25

Найдите в вашем шаблоне "HTML" следующий код

<!-- Список новинок на главной -->
			{% IFNOT index_page_new_goods_empty %}
			  <div class="autumnshowcase_block group new_products" style="background:#fff;">
				<div class="title_block group">
<div style="text-align: center;font-size:38px;padding-top: 19px;">-Новинки-</div>
<div class="carousel_controls"> 
														<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
														<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
												</div>
										</div>
										<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
												<ul> 
					{% FOR index_page_new_goods %}
																<li class="ajax_block_product item">
																		<a class="image_link" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}">
																				<span class="new">New</span>
																				<img class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}">
																		</a>
																		<div class="product_details">
																				<h5><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_new_goods.NAME}</a></h5>
																				<div class="price_container">
							<span class="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
							{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span>
							{% ENDIF %} 
						  </div>
																		</div>
						<div class="rating">
						  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
						  {% IF index_page_new_goods.OPINION_RATING_VALUE %}
							<img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" />
						  {% ENDIF %}
						  {% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %}
							<a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a>
						  {% ELSE %}
							<a href="{index_page_new_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						  {% ENDIF %}
						</div>
						<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
						  <input type="hidden" name="hash" value="{HASH}" />
						  <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
						  <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
						  <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a-->
						  <a class="exclusive" href=""  onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
						</form>
																</li>
					{% ENDFOR index_page_new_goods %}
												</ul>
										</div>
								</div>
			{% ENDIF %}
			<!-- /Список новинок на главной -->

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

<!-- Список новинок на главной -->
			{% IFNOT index_page_new_goods_empty %}
			  <div class="autumnshowcase_block group new_products" style="background:#fff;">
				<div class="title_block group">
<div style="text-align: center;font-size:38px;padding-top: 19px;">-Новинки-</div>
										</div>
										<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
<div class="carousel_controls"> 
														<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
														<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
												</div>
												<ul> 
					{% FOR index_page_new_goods %}
																<li class="ajax_block_product item">
																		<a class="image_link" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}">
																				<span class="new">New</span>
																				<img class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}">
																		</a>
																		<div class="product_details">
																				<h5><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_new_goods.NAME}</a></h5>
																				<div class="price_container">
							<span class="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
							{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span>
							{% ENDIF %} 
						  </div>
																		</div>
						<div class="rating">
						  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
						  {% IF index_page_new_goods.OPINION_RATING_VALUE %}
							<img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" />
						  {% ENDIF %}
						  {% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %}
							<a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a>
						  {% ELSE %}
							<a href="{index_page_new_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						  {% ENDIF %}
						</div>
						<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
						  <input type="hidden" name="hash" value="{HASH}" />
						  <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
						  <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
						  <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a-->
						  <a class="exclusive" href=""  onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
						</form>
																</li>
					{% ENDFOR index_page_new_goods %}
												</ul>
										</div>
								</div>
			{% ENDIF %}
			<!-- /Список новинок на главной -->

по сути необходимо просто перенести навигацию

<div class="carousel_controls"> 
														<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
														<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
												</div>

вставив её после строки

<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">

Эти же изменения вы можете проделать и для других блоков товаров. Далее в конец файла стилей style.css добавьте следующий код

.autumnshowcase_block .carousel_prev,
.autumnshowcase_block .carousel_next {
  background-position: center center;
  top: 80px;
  z-index: 10;
  position: absolute;
  padding: 10px;
}
.autumnshowcase_block .carousel_prev {
  background-position: center center;
  left: 0;
}
.autumnshowcase_block .carousel_next {
  right: 0;
}

Наверх

#32 arver

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

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

Отправлено 15 Май 2014 - 11:44

Добрый день,стрелки навигации теперь по бокам,однако теперь они не активны,нужна помощь!

Наверх

#33 arver

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

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

Отправлено 15 Май 2014 - 12:33

up

Наверх

#34 arver

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

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

Отправлено 15 Май 2014 - 13:57

up

Наверх

#35 arver

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

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

Отправлено 15 Май 2014 - 16:17

up

Наверх

#36 sengun

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

Модератоpы
1 139 сообщений

ГородНижний Новгород

Отправлено 15 Май 2014 - 17:31

arver (15 Май 2014 - 11:44) писал:

Добрый день,стрелки навигации теперь по бокам,однако теперь они не активны,нужна помощь!

Здравствуйте.
Все же блок кнопок навигации должен быть снаружи карусели. А перенести их нужно простым позиционированием.
В шаблоне HTML код

<div class="carousel_controls">
																												<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
																												<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
																								</div>

поставьте перед строкой, которая идет перед этим кодом, т.е. перед

<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">

А в style.css замените строку

.autumnshowcase_block .carousel_controls{display:block;float:right;line-height:24px}

на такую

.autumnshowcase_block .carousel_controls{display:block;float:right;line-height:24px; position: relative; width: 99%;}

Наверх

#37 arver

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

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

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

Отлично спасибо

Наверх

#38 arver

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

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

Отправлено 19 Май 2014 - 11:52

Добрый день,помогите выравнять 3 столбца с текстом внизу на главной странице,так чтобы не применять 100 раз* свойство </br> .
Иными словами хотелось бы 3 столбца с текстом определенной ширины и так чтобы картинка сверху была ровно по центру,картинку прилагаю.строки кода в файле html 370-426

-

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

Наверх

#39 MikDark

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

Модераторы
6 468 сообщений

Отправлено 19 Май 2014 - 11:59

arver (19 Май 2014 - 11:52) писал:

Добрый день,помогите выравнять 3 столбца с текстом внизу на главной странице,так чтобы не применять 100 раз* свойство </br> .
Иными словами хотелось бы 3 столбца с текстом определенной ширины и так чтобы картинка сверху была ровно по центру,картинку прилагаю.строки кода в файле html 370-426

-

Найдите код:

<div style="float:left;color:#d6d6d7;background:#fff;height:440px;width:320px">
<h2>Свыше 12.000 хозтоваров </h2></br>
Невозможно представить себе жизнь</br>
современного человека в Одинцово без</br>
таких хозяйственных товаров, как мешки</br>
для мусора, стиральный порошок,гель</br>
для душа туалетное мыло, туалетная </br>
бумага, освежитель воздуха и многого</br>
другого. В интернет- магазине Hozbe.ru</br>
любой желающий может выбрать и купить </br>
хозяйственные товары с помощью пару </br>
кликов. Каталог нашего магазина </br>
ежедневно пополняется десятками новых</br>
наименований. Со многими </br>
производителями Hozbe.ru сотрудничает </br>
напрямую, что позволяет предложить Вам,</br>
дорогие покупатели, хозяйственные товары</br>
по самой низкой цене! Мы гарантируем </br>
подлинность всех товаров,что </br>
подтверждается сертификатами, которые</br>
по Вашему требованию мы можем </br>
предоставить.
</div>
<div style="float:center;color:#d6d6d7;background:#fff;height:440px">
<h2>Экономьте свое время! </h2></br>
Так как мы осуществляем доставку</br>
хозяйственных товаров по Одинцово</br>
и Одинцовскому району, то Вам</br>
больше не придется стоять в</br>
длинных очередях или в пробках</br>
и тратить свое личное время, тем</br>
более что доставка хозтоваров по</br>
Одинцово составляет всего 200рублей.
</div>
<div style="float:right;margin-top:-440px;margin-right:54px;color:#d6d6d7;background:#fff;">
<h2>Возврат товара </h2></br>
Товары бытовой химии входят в </br>
"Перечень непродовольственных </br>
товаров надлежащего качества, не </br>
подлежащих возврату и обмену" </br>
Постановление Правительства РФ </br>
от 19.01.98 № 55.Основной закон,</br>
регулирующий отношения между </br>
покупателем и продавцом — ФЗ от</br>
07.02.92 N 2300-I "О защите прав</br>
потребителей".Отдельным </br>
Постановлением Правительства РФ от</br>
27.09.2007 № 612 введены "Правила</br>
продажи товаровдистанционным</br>
способом", которые более подробно</br>
регламентируют требования к </br>
продавцам, ведущим продажи через</br>
интернет и которые призваны </br>
обеспечить безопасность </br>
приобретения товара через </br>
интернет-магазин.
</div>

и замените на:

<div class="footlist">
<h2>Свыше 12.000 хозтоваров </h2></br>
Невозможно представить себе жизнь</br>
современного человека в Одинцово без</br>
таких хозяйственных товаров, как мешки</br>
для мусора, стиральный порошок,гель</br>
для душа туалетное мыло, туалетная </br>
бумага, освежитель воздуха и многого</br>
другого. В интернет- магазине Hozbe.ru</br>
любой желающий может выбрать и купить </br>
хозяйственные товары с помощью пару </br>
кликов. Каталог нашего магазина </br>
ежедневно пополняется десятками новых</br>
наименований. Со многими </br>
производителями Hozbe.ru сотрудничает </br>
напрямую, что позволяет предложить Вам,</br>
дорогие покупатели, хозяйственные товары</br>
по самой низкой цене! Мы гарантируем </br>
подлинность всех товаров,что </br>
подтверждается сертификатами, которые</br>
по Вашему требованию мы можем </br>
предоставить.
</div>
<div class="footlist">
<h2>Экономьте свое время! </h2></br>
Так как мы осуществляем доставку</br>
хозяйственных товаров по Одинцово</br>
и Одинцовскому району, то Вам</br>
больше не придется стоять в</br>
длинных очередях или в пробках</br>
и тратить свое личное время, тем</br>
более что доставка хозтоваров по</br>
Одинцово составляет всего 200рублей.
</div>
<div class="footlist">
<h2>Возврат товара </h2></br>
Товары бытовой химии входят в </br>
"Перечень непродовольственных </br>
товаров надлежащего качества, не </br>
подлежащих возврату и обмену" </br>
Постановление Правительства РФ </br>
от 19.01.98 № 55.Основной закон,</br>
регулирующий отношения между </br>
покупателем и продавцом — ФЗ от</br>
07.02.92 N 2300-I "О защите прав</br>
потребителей".Отдельным </br>
Постановлением Правительства РФ от</br>
27.09.2007 № 612 введены "Правила</br>
продажи товаровдистанционным</br>
способом", которые более подробно</br>
регламентируют требования к </br>
продавцам, ведущим продажи через</br>
интернет и которые призваны </br>
обеспечить безопасность </br>
приобретения товара через </br>
интернет-магазин.
</div>

Далее в style.css добавляем:

.footlist{width: 300px; float:left;color:#d6d6d7;background:#fff; text-align:justify;}

<br> лучше убрать.

Наверх

#40 arver

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

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

Отправлено 19 Май 2014 - 12:09

свойство <br> везде убрал и теперь текст вплотную друг к другу+ теперь проблема как выравнять блок по правому краю(картинку приложил)

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

Наверх

Назад

Вперед

Обратно в Изменение общей стилистики

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

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

Расположение Элементов

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

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

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

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

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

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

Войти

Google поиск