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

[Денис Грабов]

Доброго времени суток!
возникли следующие вопросы:
как мне сделать 3 столбца на главной под слайдером а под ними еще 2.. как указано на рисунке 1?
пожалуйста помогите..
как мне перенести контакты в самый верх как (пример рисунок 2)
Пожалуййста помогите перечитал весь форум ничего не получается..


Рисунок 1





Рисунок 2

[Человек_Паук]

На счет столбов.Вот код,вставляй его куда нужно.

<table>
<tr>
<td>1 столб,здесь можно писать все что угодно и вставлять что угодно</td>
<td>2 столб,здесь можно писать все что угодно и вставлять что угодно</td>
<td>3 столб,здесь можно писать все что угодно и вставлять что угодно</td>
</tr>
</table>

[Сake]

Пожалуйста, сообщите номер вашего аккаунта, так как по вашему аккаунту указному в профиле - сайт не доступен.

[Денис Грабов]

Сake (30 Апрель 2013 - 03:22) писал:

Пожалуйста, сообщите номер вашего аккаунта, так как по вашему аккаунту указному в профиле - сайт не доступен.

аккаунт SL-201044
сайт Starshop.storeland.ru

пожалуйста можете написать
подробно как сделать эти столбцы чтоб они не выходили за рамки слайдера 3 и 2 столбца,
скажите пожалуйста как убрать точки под слайдером?
как перенести контакты в самый верх как на рисунке 2
пожалуйста напишите подробно

[miyako]

Денис Грабов (30 Апрель 2013 - 10:22) писал:

аккаунт SL-201044
сайт Starshop.storeland.ru

пожалуйста можете написать
подробно как сделать эти столбцы чтоб они не выходили за рамки слайдера 3 и 2 столбца,
скажите пожалуйста как убрать точки под слайдером?
как перенести контакты в самый верх как на рисунке 2
пожалуйста напишите подробно

Сайт-Страница-Главная
В описание вставьте код:

<style type="text/css">#line_div {width:10%;height:90px; float:left;
		margin-left:15px; font-size:0px;}
#line_div_clear{width:100%; height:1px; clear:both;font-size:0px;}
</style>
<div id="line_div_clear">.</div>
<div id="line_div" style="background:blue;">fghfghf</div>
<div id="line_div" style="background:red;">fghfgh</div>
<div id="line_div" style="background:yellow;">fghfgh</div>
​
<div id="line_div_clear">.</div>
<div id="line_div" style="background:green;margin-left:6%;">fghfgh</div>
<div id="line_div" style="background:pink;margin-left:6%;">Ваш текст</div>
<div id="line_div_clear">.</div>

Изображение можете загрузить таким образом:
Вместо background:pink вам нужно так:

background:url("{ASSETS_IMAGES_PATH}название вашего изображения")

, например так:

background:url("{ASSETS_IMAGES_PATH}pink.png")

Загрузить изображение вы сможете через Сайт-Редактор тем-Файлы

[Денис Грабов]

miyako (30 Апрель 2013 - 11:29) писал:

Сайт-Страница-Главная
В описание вставьте код:

<style type="text/css">#line_div {width:10%;height:90px; float:left;
	 margin-left:15px; font-size:0px;}
#line_div_clear{width:100%; height:1px; clear:both;font-size:0px;}
</style>
<div id="line_div_clear">.</div>
<div id="line_div" style="background:blue;">fghfghf</div>
<div id="line_div" style="background:red;">fghfgh</div>
<div id="line_div" style="background:yellow;">fghfgh</div>
​
<div id="line_div_clear">.</div>
<div id="line_div" style="background:green;margin-left:6%;">fghfgh</div>
<div id="line_div" style="background:pink;margin-left:6%;">Ваш текст</div>
<div id="line_div_clear">.</div>

Изображение можете загрузить таким образом:
Вместо background:pink вам нужно так:

background:url("{ASSETS_IMAGES_PATH}название вашего изображения")

, например так:

background:url("{ASSETS_IMAGES_PATH}pink.png")

Загрузить изображение вы сможете через Сайт-Редактор тем-Файлы

сделал как вы написали получилось следующее :

[miyako]

Денис Грабов (30 Апрель 2013 - 11:39) писал:

сделал как вы написали получилось следующее :

вставьте код в описание, нажав на кнопку Источник.

[Денис Грабов]

miyako (30 Апрель 2013 - 12:50) писал:

вставьте код в описание, нажав на кнопку Источник.

вставил код как источник, получилось 5 ячеек, фото поставить не получается!как сделать их как на примере выше?ну я имею в виду 3 блока чтоб они были по ширине слайдера,и ниже 2 блока тоже по ширине слайдера(фото1)..и текст тоже не пишет, как сделать их активными?ну чтоб нажал и перешел на страничку?
Скажите пожалуйста а как убрать точки под сладером?

[mikola]

Денис Грабов (30 Апрель 2013 - 19:47) писал:

вставил код как источник, получилось 5 ячеек, фото поставить не получается!как сделать их как на примере выше?ну я имею в виду 3 блока чтоб они были по ширине слайдера,и ниже 2 блока тоже по ширине слайдера(фото1)..и текст тоже не пишет, как сделать их активными?ну чтоб нажал и перешел на страничку?
Скажите пожалуйста а как убрать точки под сладером?

Вам необходимо в файле стилей nyro_default.css раздела редактора тем - найти

.theme-default .nivoSlider {
	 background: url("/web/upload/assets/images/153/152581/nyro_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	 box-shadow: 0 1px 5px 0 #4A4A4A;
	 margin-bottom: 50px;
	 position: relative;
}

и заменить на

.theme-default .nivoSlider {
		background: url("/web/upload/assets/images/153/152581/nyro_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
		box-shadow: 0 1px 5px 0 #4A4A4A;
		position: relative;
}

[Денис Грабов]

Mikola (30 Апрель 2013 - 19:53) писал:

Вам необходимо в файле стилей nyro_default.css раздела редактора тем - найти

.theme-default .nivoSlider {
	 background: url("/web/upload/assets/images/153/152581/nyro_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	 box-shadow: 0 1px 5px 0 #4A4A4A;
	 margin-bottom: 50px;
	 position: relative;
}

и заменить на

.theme-default .nivoSlider {
	 background: url("/web/upload/assets/images/153/152581/nyro_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	 box-shadow: 0 1px 5px 0 #4A4A4A;
	 position: relative;
}

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

miyako (30 Апрель 2013 - 12:50) писал:

вставьте код в описание, нажав на кнопку Источник.

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

[Vaccina]

Доброго утра.

Для изменения размеров данных яйчеек нажмите в описании источник и измените ширину данный яйчеек, за нее отвечает параметр width, например у вас width:10%; а вы проставьте width:33%; или можно использовать пиксельное значения для более точный размеров, например width:300px;

[Денис Грабов]

Vaccina (01 Май 2013 - 04:12) писал:

Доброго утра.

Для изменения размеров данных яйчеек нажмите в описании источник и измените ширину данный яйчеек, за нее отвечает параметр width, например у вас width:10%; а вы проставьте width:33%; или можно использовать пиксельное значения для более точный размеров, например width:300px;

а как их сделать ссылками? и свое фото вставить а не разноцветные квадратики?

[Taisia]

что бы убрать точки под слайдером найдите в вашей файле nyvo.css код

.theme-default .nivo-controlNav {
padding: 20px 0;
text-align: center;
}

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

.theme-default .nivo-controlNav {
padding: 20px 0;
text-align: center;
display:none;
}

что бы расположить картинки в ряд по три и две соответственно найди в файле html  код

<section>
<div style="background-color: green; text-align: center; background-position: initial initial; background-repeat: initial initial;" id="line_div">&nbsp;</div>
<div style="background-color: yellow; margin-left: 0%; text-align: center; background-position: initial initial; background-repeat: initial initial;"><span style="font-size:20px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></div>
<div style="background-color: red; margin-left: 0%; text-align: center; background-position: initial initial; background-repeat: initial initial;"><span style="font-size:20px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<big><strong><var>&nbsp;</var></strong></big></span></div>
<div id="line_div_clear">. &nbsp; &nbsp; &nbsp;<br>
&nbsp;</div>
</section>

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

<section>
<div style="float: left; width: 1256px;">

<div style="text-align: center; float: left;" id="line_div"><a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B">
<img src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; margin-left: 20px; text-align: center;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; margin-left: 20px;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; width: 1256px;">
<div style="float: left; text-align: center;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img style="width: 500px; height: 200px;" src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; margin-left: 20px;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img style="width: 500px; height: 200px;" src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
</div></div>
</section>

строки <img style="width: 500px; height: 200px;" src="http://i3.storeland....40es6307u.jpg"> - это ваши картинки категорий
src="http://i3.storeland....e40es6307u.jpg" вставьте сюда ссылку на вашу картинку (что бы загрузить картинки на сайт используйте в бэк-офисе САйт-Файлы  )

<a href="http://starshop.stor.../catalog/Фрукты"> - это ссылки на ваши категории ,  замените их реальными ссылками

ширину изображение и расстояние между ними регулируйте в style="" добавляя и изменяя параметры width, height, margin-left и тд.

[Денис Грабов]

Taisia (02 Май 2013 - 10:13) писал:

что бы убрать точки под слайдером найдите в вашей файле nyvo.css код

.theme-default .nivo-controlNav {
padding: 20px 0;
text-align: center;
}

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

.theme-default .nivo-controlNav {
padding: 20px 0;
text-align: center;
display:none;
}

что бы расположить картинки в ряд по три и две соответственно найди в файле html  код

<section>
<div style="background-color: green; text-align: center; background-position: initial initial; background-repeat: initial initial;" id="line_div">&nbsp;</div>
<div style="background-color: yellow; margin-left: 0%; text-align: center; background-position: initial initial; background-repeat: initial initial;"><span style="font-size:20px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></div>
<div style="background-color: red; margin-left: 0%; text-align: center; background-position: initial initial; background-repeat: initial initial;"><span style="font-size:20px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<big><strong><var>&nbsp;</var></strong></big></span></div>
<div id="line_div_clear">. &nbsp; &nbsp; &nbsp;<br>
&nbsp;</div>
</section>

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

<section>
<div style="float: left; width: 1256px;">

<div style="text-align: center; float: left;" id="line_div"><a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B">
<img src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; margin-left: 20px; text-align: center;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; margin-left: 20px;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; width: 1256px;">
<div style="float: left; text-align: center;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img style="width: 500px; height: 200px;" src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
<div style="float: left; margin-left: 20px;">
<a href="http://starshop.storeland.ru/catalog/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D1%8B"><img style="width: 500px; height: 200px;" src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a></div>
</div></div>
</section>

строки <img style="width: 500px; height: 200px;" src="http://i3.storeland....40es6307u.jpg"> - это ваши картинки категорий
src="http://i3.storeland....e40es6307u.jpg" вставьте сюда ссылку на вашу картинку (что бы загрузить картинки на сайт используйте в бэк-офисе САйт-Файлы  )

<a href="http://starshop.stor.../catalog/Фрукты"> - это ссылки на ваши категории ,  замените их реальными ссылками

ширину изображение и расстояние между ними регулируйте в style="" добавляя и изменяя параметры width, height, margin-left и тд.

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

[support 2.0]

Денис Грабов (02 Май 2013 - 22:07) писал:

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

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

<a href="#"><img style="width: 500px; height: 200px;" src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a>

где # - ссылка, куда должно переходить по клику
http://i3.storeland....ue40es6307u.jpg - изображение

[Денис Грабов]

support 2.0 (04 Май 2013 - 11:12) писал:

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

<a href="#"><img style="width: 500px; height: 200px;" src="http://i3.storeland.net/1/954/9531846/afacdb/3d-led-televizor-samsung-ue40es6307u.jpg"></a>

где # - ссылка, куда должно переходить по клику
http://i3.storeland....ue40es6307u.jpg - изображение

вот мой код

<section>
<div style="float: left; width: 1256px;">
<div style="text-align: center; float: left;" id="line_div"><a href="http://starshop.storeland.ru/">
<img style="width: 371px; height: 300px;" src="http://starshop.storeland.net/27.jpg"></a></div>
<div style="float: left; margin-left: 5px; text-align:center;">
<a href="http://starshop.storeland.ru/"><img style="width: 371px; height: 300px;" src="http://starshop.storeland.net/18.jpg"></a></div>
<div style="float: left; margin-left: 5px;">
<a href="http://starshop.storeland.ru/"><img style="width: 371px; height: 300px;" src="http://starshop.storeland.net/19.jpg"></a></div>
<div style="float: left; width: 1256px;">
<div style="float: left; text-align: center;">
<a href="http://starshop.storeland.ru/"><img style="width: 557px; height: 300px;" src="http://starshop.storeland.net/20.jpg"></a></div>
<div style="float: left; margin-left: 10px;">
<a href="http://starshop.storeland.ru/"><img style="width: 557px; height: 300px;" src="http://starshop.storeland.net/21.jpg"></a></div>
</div></div>
</section>

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

[Stasya]

Это происходит из-за того что один блок перекрывает другой. В файле style.css найдите блок

section[role="main"] {
margin-bottom: 6em;
z-index: 10;
}

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

section[role="main"] {
margin-bottom: 6em;
z-index: 10;
margin-top: 600px;
}

Да, ссылки Вы можете поменять в любой момент времени.