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

[Landing Page]

Привет всем.

Все мы знаем, что в шаблоне Сияние шапка header_page.png. Теперь вопрос, как сдвинуть вниз нижнюю часть сайта, т.е. всё что ниже этой шапки? И после того как сдвинуть вниз, в пустое пространство вставить картинки?

Показал на скрине что нужно.

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

• 

[Vaccina]

Вам необходимо в файле стилей main.css найти

.content_page {
	background: url("/web/upload/assets/images/10/9976/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	overflow: hidden;
	padding-bottom: 2em;
}

и заменить на

.content_page {
	background: url("/web/upload/assets/images/10/9976/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	overflow: hidden;
	padding-bottom: 2em;
	padding-top: 120px;
	position: relative;
}

далее найти

.page-headline {
	height: 81px;
	position: relative;
}

и заменить на

.page-headline {
	height: 81px;
	margin-top: -120px;
	padding-bottom: 120px;
	position: relative;
}

далее в шаблоне "HTML" после строки

<div class="content_page">

добавьте

<div style="position: absolute; left: 0px; top: 81px; width: 960px; height: 140px;">
  тут вы можете размещать изображения
</div>

[Landing Page]

Картинки разместил, но я не могу их двигать произвольно вверх или вниз... Сайт http://pillars7.ru.

На другом шаблоне, помнится, был такой код:

<div 

style="position: absolute; top: 163px; right: 665px;">
 <a href="http://bm-shop5.ru"><img src="http://shop-bm5.storeland.ru/web/upload/assets/images/126/125172/garantiya.png"></a>

</div>

и там я могу картинку двигать во все стороны, меняя её координаты. Как реализовать это на тут?

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

• 

[miyako]

mentiukoff (19 Январь 2013 - 11:33) писал:

Картинки разместил, но я не могу их двигать произвольно вверх или вниз... Сайт http://pillars7.ru.

На другом шаблоне, помнится, был такой код:

<div

style="position: absolute; top: 163px; right: 665px;">
<a href="http://bm-shop5.ru"><img src="http://shop-bm5.storeland.ru/web/upload/assets/images/126/125172/garantiya.png"></a>

</div>

и там я могу картинку двигать во все стороны, меняя её координаты. Как реализовать это на тут?

Чтобы сдвинуть вниз картинки вам нужно найти в файле main.csstemplate код:

#cpages {
background: url(/web/upload/assets/images/126/125172/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}

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

#cpages {
background: url(/web/upload/assets/images/126/125172/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 50px;/*длина сдвига вниз*/
}

Картинку вы можете вставить следующим образом:
В панели управления вашим магазином откройте раздел Сайт->Страница и на Главную страницу добавьте картинки по шаблону:

<img src="{ASSETS_IMAGES_PATH}название картинки" alt="альтернативный текст">

При этом не забудьте загрузить картинки в разделе Файлы (Сайт->Редактор тем)

[Landing Page]

miyako (19 Январь 2013 - 13:03) писал:

Чтобы сдвинуть вниз картинки вам нужно найти в файле main.csstemplate код:

#cpages {
background: url(/web/upload/assets/images/126/125172/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}

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

#cpages {
background: url(/web/upload/assets/images/126/125172/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 50px;/*длина сдвига вниз*/
}

Картинку вы можете вставить следующим образом:
В панели управления вашим магазином откройте раздел Сайт->Страница и на Главную страницу добавьте картинки по шаблону:

<img src="{ASSETS_IMAGES_PATH}название картинки" alt="альтернативный текст">

При этом не забудьте загрузить картинки в разделе Файлы (Сайт->Редактор тем)

ничего не меняется... и к тому же загрузил картинки сейчас и она наползаю на главную... http://pillars7.ru/

[miyako]

mentiukoff (19 Январь 2013 - 14:46) писал:

ничего не меняется... и к тому же загрузил картинки сейчас и она наползаю на главную... http://pillars7.ru/

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

[Landing Page]

Картинки я худо бедно расположил, но у меня теперь они наваливаются на главную страницу и загораживают её...





т.е. мне надо еще чуть-чуть опустить нижнюю часть сайта.

И ещё я сделал так, чтобы картинка была ссылкой, но чтобы пройти по ссылке надо щелкнуть на нижнюю часть картинки (середина нижней части), а не по любому месту на картинке...Почему так?

Вот код:

 <!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
	  
	  <div style="position: absolute; left: 0px; top: 81px; width: 960px; height: 140px;">
  <a href="http://bm-shop5.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_garantiya.jpg"></a>
</div>
	  
 <div style="position: absolute; left: 325px; top: 81px; width: 960px; height: 140px;">
  <a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_dostavka.jpg"></a>
</div>
	  
<div style="position: absolute; left: 650px; top: 81px; width: 960px; height: 140px;">
  <a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_diler.jpg"></a>
</div>

[miyako]

mentiukoff (19 Январь 2013 - 15:00) писал:

Картинки я худо бедно расположил, но у меня теперь они наваливаются на главную страницу и загораживают её...

2.jpg

1.jpg

т.е. мне надо еще чуть-чуть опустить нижнюю часть сайта.

И ещё я сделал так, чтобы картинка была ссылкой, но чтобы пройти по ссылке надо щелкнуть на нижнюю часть картинки (середина нижней части), а не по любому месту на картинке...Почему так?

Вот код:

<!-- контент -->
<div class="container" id="cpages">
<div class="content_page">

<div style="position: absolute; left: 0px; top: 81px; width: 960px; height: 140px;">
<a href="http://bm-shop5.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_garantiya.jpg"></a>
</div>

<div style="position: absolute; left: 325px; top: 81px; width: 960px; height: 140px;">
<a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_dostavka.jpg"></a>
</div>

<div style="position: absolute; left: 650px; top: 81px; width: 960px; height: 140px;">
<a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_diler.jpg"></a>
</div>

Замените ваш код:

<div class="content_page">
	
	 <div style="position: absolute; left: 0px; top: 81px; width: 960px; height: 140px;">
<a href="http://bm-shop5.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_garantiya.jpg"></a>
</div>
	
<div style="position: absolute; left: 325px; top: 81px; width: 960px; height: 140px;">
<a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_dostavka.jpg"></a>
</div>
	
<div style="position: absolute; left: 650px; top: 81px; width: 960px; height: 140px;">
<a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_diler.jpg"></a>
</div>

следующим кодом:

<div class="content_page">
	
	 <div style=" width:100%; height:1px; clear:both;"></div>
<div class="img_main_p">
<a href="http://bm-shop5.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_garantiya.jpg"></a>
</div>
	
<div class="img_main_p">
<a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_dostavka.jpg"></a>
</div>
	
<div class="img_main_p">
<a href="http://pillars7.ru"><img src="http://pillars7.ru/web/upload/assets/images/126/125172/new2_diler.jpg"></a>
</div>
<div style=" width:100%; height:1px; clear:both;"></div>

и добавьте в main.csstemplate следующий код:

.img_main_p{float: left; width: 320px;}

[Landing Page]

и добавьте в main.csstemplate следующий код: .img_main_p{float: left; width:320px;}

куда именно добавить?

[miyako]

mentiukoff (19 Январь 2013 - 15:28) писал:

и добавьте в main.csstemplate следующий код: .img_main_p{float: left; width:320px;}

куда именно добавить?

В панели управления вашим магазином Сайт->Редактор тем->Стили и скрипты в файл main.csstemplate. Можете добавить в конец этого файла

[Landing Page]

всё в порядке... А теперь между главной и картинками слишком больше расстояние... чуть уменьшить его как? http://pillars7.ru/

[support 2.0]

mentiukoff (19 Январь 2013 - 15:31) писал:

всё в порядке... А теперь между главной и картинками слишком больше расстояние... чуть уменьшить его как? http://pillars7.ru/

У Вас этот блок должен выводиться только на главной или на всех страницах? На странице "Каталог товаров" он перекрывает надпись "каталог товаров"

[Landing Page]

support 2.0 (19 Январь 2013 - 15:42) писал:

У Вас этот блок должен выводиться только на главной или на всех страницах? На странице "Каталог товаров" он перекрывает надпись "каталог товаров"

на всех. Каталога товаров не будет страницы.

[miyako]

mentiukoff (19 Январь 2013 - 15:31) писал:

всё в порядке... А теперь между главной и картинками слишком больше расстояние... чуть уменьшить его как? http://pillars7.ru/

Если вам нужно уменьшить расстояние между Заголовком "Официальный дилер ..." и картинками, тогда:
найдите в main.csstemplate код:

.content_page {
background: url("/web/upload/assets/images/10/9976/content-page-br.gif") no-repeat scroll 710px 68px transparent;
overflow: hidden;
padding-bottom: 2em;
padding-top: 120px;
position: relative;
}

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

.content_page {
background: url("/web/upload/assets/images/10/9976/content-page-br.gif") no-repeat scroll 710px 68px transparent;
overflow: hidden;
padding-bottom: 2em;
padding-top: 100px; /*отредактируйте отступ*/
position: relative;
}

А расстояние между картинками и содержанием страницы:
найдите в main.csstemplate код:

.page-headline {
height: 81px;
margin-top: -120px;
padding-bottom: 120px;
position: relative;
}

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

.page-headline {
height: 81px;
position: relative;
}

(Это заголовок страницы, у вас на главной он не отображается, в каталогах он есть)

Найдите в шаблоне HTML код:

<td class="content_catalog cont250">

и после этой строчки удалите:

<br> 
		  <br>
		  <br>
		

найдите в файле main.csstemplate код:

.content_catalog {
padding-top: 80px;
vertical-align: top;
}

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

.content_catalog {
padding-top: 9px;/*отступ от картинок*/
vertical-align: top;
}

[Landing Page]

support 2.0 (19 Январь 2013 - 15:42) писал:

У Вас этот блок должен выводиться только на главной или на всех страницах? На странице "Каталог товаров" он перекрывает надпись "каталог товаров"

С другим сайтов встал вопрос, как убрать надпись "каталог товаров"

[Landing Page]

Вопрос решён, удалил заголовок из страниц "Товар" и "Товары"