Перейти к содержимому


Как Сделать Такую Структуру.

Автор Ранис, 28 янв. 2014 12:27

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 59

#1 Ранис

Ранис

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 28 Январь 2014 - 12:27

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

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

  • bestreg5.jpg
  • headbeat.jpg

#2 ne_yana

ne_yana

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

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

Отправлено 28 Январь 2014 - 12:45

Просмотр сообщенияРанис (28 Январь 2014 - 12:27) писал:

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

#3 Ранис

Ранис

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 28 Январь 2014 - 12:59

Понятно, спасибо!
А есть возможность сделать как у них:
1) 3 блока над меню
2) так же меню расположить.
3) отзывы

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 28 Январь 2014 - 14:28

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

#5 Ботаникус

Ботаникус

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

  • Пользователи
  • PipPipPipPip
  • 536 сообщений
  • ГородМосква

Отправлено 20 Июль 2014 - 21:17

Просмотр сообщенияStasya (28 Январь 2014 - 14:28) писал:

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

Мне очень нужны такие блоки) Над слайдером)

#6 MikDark

MikDark

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

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

Отправлено 21 Июль 2014 - 06:49

Просмотр сообщенияБотаникус (20 Июль 2014 - 21:17) писал:

Мне очень нужны такие блоки) Над слайдером)

В шаблон HTML перед:
<div class="flexslider" id="autumn-slider">

добавьте:
<div class="mainblocks"><div class="infoblock">Содержание блока 1</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>

Далее в style.css добавляем:
.mainblocks{width:100%;}
.infoblock {width:33%;padding: 10px; background:#fff; border-radius:5px;min-height: 50px; display:inline-block;}

#7 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 06 Август 2014 - 06:41

Просмотр сообщенияMikDark (21 Июль 2014 - 06:49) писал:

В шаблон HTML перед:
<div class="flexslider" id="autumn-slider">

добавьте:
<div class="mainblocks"><div class="infoblock">Содержание блока 1</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>

Далее в style.css добавляем:
.mainblocks{width:100%;}
.infoblock {width:33%;padding: 10px; background:#fff; border-radius:5px;min-height: 50px; display:inline-block;}


Добрый день! Помогите найти строку <div class="flexslider" id="autumn-slider">

#8 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 06 Август 2014 - 07:52

Просмотр сообщенияAlexey23 (06 Август 2014 - 06:41) писал:

Добрый день! Помогите найти строку <div class="flexslider" id="autumn-slider">
Здравствуйте. Если вы хотите добавить подобным образом блоки, вам нужно в HTML над блоком
<div id="topobj"></div>
добавить
<div class="mainblocks"><div class="infoblock">Содержание блока 1</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
а в main.css добавить
.mainblocks{width:100%;}
.infoblock {width:33%; background:#fff; border-radius:5px;min-height: 50px; display:inline-block; margin-left: 3px;}
и строку
#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; }
заменить на
#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; margin-top: 60px;}

#9 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 06 Август 2014 - 14:52

Просмотр сообщенияAlekseys (06 Август 2014 - 07:52) писал:

Здравствуйте. Если вы хотите добавить подобным образом блоки, вам нужно в HTML над блоком
<div id="topobj"></div>
добавить
<div class="mainblocks"><div class="infoblock">Содержание блока 1</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
а в main.css добавить
.mainblocks{width:100%;}
.infoblock {width:33%; background:#fff; border-radius:5px;min-height: 50px; display:inline-block; margin-left: 3px;}
и строку
#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; }
заменить на
#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; margin-top: 60px;}

подскажите как выровнять блоки https://yadi.sk/i/0ZsTWwW8ZAxxb
также надпись "Есть вопросы - звоните! 10:00-20-00" нужно перенести в блок к номерам телефонов. Заранее благодарю

#10 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 06 Август 2014 - 15:49

В main.css
.infoblock {width:33%; background:#fff; border-radius:5px;min-height: 50px; display:inline-block; margin-left: 3px;}
заменить на
.infoblock {width:33%; background:#fff; border-radius:5px;min-height: 50px; display:inline-block; margin-left: 3px; height: 110px;}
регулировать высоту этих блоков можно редактируя значение height: 110px; .

#11 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 08 Август 2014 - 13:44

Добрый день! Помогите убрать лишнее пространство между блоками и текст разместить в блоке с номерами телефонов  https://yadi.sk/i/OwCIMazgZHNKv

#12 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 08 Август 2014 - 15:18

Просмотр сообщенияAlexey23 (08 Август 2014 - 13:44) писал:

Добрый день! Помогите убрать лишнее пространство между блоками и текст разместить в блоке с номерами телефонов  https://yadi.sk/i/OwCIMazgZHNKv
В main.css найдите строку:

#topobj { background:url(http://design.flashmarket55.ru/conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; margin-top: 60px;}

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

#topobj { background:url(http://design.flashmarket55.ru/conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; margin-top: 10px;}

строку:

	  #header .blocks .rght ul li.padd { padding:4px 0 4px 25px; margin:2px 0 0 45px; overflow:hidden; width:200px; height:14px; line-height:15px; }


	  #header .blocks .rght ul li.padd { padding:0 0 4px 25px; margin:0 0 0 45px; overflow:hidden; width:200px; height:13px; line-height:15px; }

и строки:

}.zvon{right: 480px;
top: 73px;
position: absolute;

на

}.zvon{right: 480px;
top: 53px;
position: absolute;

#13 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 08 Август 2014 - 15:47

Просмотр сообщенияDars (08 Август 2014 - 15:18) писал:

В main.css найдите строку:

#topobj { background:url(http://design.flashmarket55.ru/conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; margin-top: 60px;}

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

#topobj { background:url(http://design.flashmarket55.ru/conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; margin-top: 10px;}

строку:

	 #header .blocks .rght ul li.padd { padding:4px 0 4px 25px; margin:2px 0 0 45px; overflow:hidden; width:200px; height:14px; line-height:15px; }


	 #header .blocks .rght ul li.padd { padding:0 0 4px 25px; margin:0 0 0 45px; overflow:hidden; width:200px; height:13px; line-height:15px; }

и строки:

}.zvon{right: 480px;
top: 73px;
position: absolute;

на

}.zvon{right: 480px;
top: 53px;
position: absolute;


только теперь кнопку обратный звонок нужно немного опустить вниз https://yadi.sk/i/SXV9Im1BZHnvn

#14 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 08 Август 2014 - 15:58

Просмотр сообщенияAlexey23 (08 Август 2014 - 15:47) писал:

только теперь кнопку обратный звонок нужно немного опустить вниз https://yadi.sk/i/SXV9Im1BZHnvn

Здравствуйте.

В html найдите код

<div><a href="http://flashmarket55.ru/page/Zakazat-zvonok">Заказать обратный звонок</a></div>
И замените на

<div style="margin-top:20px"><a href="http://flashmarket55.ru/page/Zakazat-zvonok">Заказать обратный звонок</a></div>

#15 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 08 Август 2014 - 16:44

Просмотр сообщенияDanil (08 Август 2014 - 15:58) писал:

Здравствуйте.

В html найдите код

<div><a href="http://flashmarket55.ru/page/Zakazat-zvonok">Заказать обратный звонок</a></div>
И замените на

<div style="margin-top:20px"><a href="http://flashmarket55.ru/page/Zakazat-zvonok">Заказать обратный звонок</a></div>
спасибо!

#16 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 08 Август 2014 - 17:27


#17 The Jeweller-Pianist

The Jeweller-Pianist

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

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 08 Август 2014 - 17:41

Просмотр сообщенияРанис (28 Январь 2014 - 12:27) писал:

Судя по тому, что разных магазина имею одинаковую структуру возник вопрос - что это за шаблон?
Здравствуйте! Ваш сайт очень колоритный. Побольше его сделайте из-за разрешения. Мой компьютер сбоку стоит. Используйте циферблат для сложных форматов и шрифтов. Глаз там у Вас.

#18 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 08 Август 2014 - 17:43

Можно ли этот блок https://yadi.sk/i/WvHJPAWzZJ4kq вставить к тексту картинку?

Просмотр сообщенияAlexey23 (08 Август 2014 - 17:42) писал:

Можно ли этот блок https://yadi.sk/i/WvHJPAWzZJ4kq вставить к тексту картинку?
как здесь https://yadi.sk/i/0xe1cSzkZJ573

#19 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 08 Август 2014 - 18:54

Просмотр сообщенияAlexey23 (08 Август 2014 - 17:43) писал:

Можно ли этот блок https://yadi.sk/i/WvHJPAWzZJ4kq вставить к тексту картинку?


как здесь https://yadi.sk/i/0xe1cSzkZJ573
Здравствуйте.
В шаблоне HTML
<!-- Panel-Site-END -->
<div class="mainblocks"><div class="infoblock">Гарантия качества 100%</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
<div id="topobj"></div>
<div id="cntrobj">
	 <div id="content">
	 {% IF index_page %}
		 <div id="index">
		 <div id="mainindex">
	 {% ENDIF %}
измените на
<!-- Panel-Site-END -->
<div class="mainblocks"><div class="infoblock"><img src="http://flashmarket55.ru/img/1.png">Гарантия качества 100%</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
<div id="topobj"></div>
<div id="cntrobj">
	 <div id="content">
	 {% IF index_page %}
		 <div id="index">
		 <div id="mainindex">
	 {% ENDIF %}
вставляете свою картинку в коде
<img src="http://flashmarket55.ru/img/1.png">
с нужными размерами вместо 1.png

#20 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 09 Август 2014 - 05:59

Просмотр сообщенияbatta (08 Август 2014 - 18:54) писал:

Здравствуйте.
В шаблоне HTML
<!-- Panel-Site-END -->
<div class="mainblocks"><div class="infoblock">Гарантия качества 100%</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
<div id="topobj"></div>
<div id="cntrobj">
	 <div id="content">
	 {% IF index_page %}
		 <div id="index">
		 <div id="mainindex">
	 {% ENDIF %}
измените на
<!-- Panel-Site-END -->
<div class="mainblocks"><div class="infoblock"><img src="http://flashmarket55.ru/img/1.png">Гарантия качества 100%</div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
<div id="topobj"></div>
<div id="cntrobj">
	 <div id="content">
	 {% IF index_page %}
		 <div id="index">
		 <div id="mainindex">
	 {% ENDIF %}
вставляете свою картинку в коде
<img src="http://flashmarket55.ru/img/1.png">
с нужными размерами вместо 1.png

Добрый день!

Картинка не загружаетя. Помогите с этим вопросом yadi.sk/i/u6LVTnWnZKEbf и ещё первый блок сместился чуть вверх

Просмотр сообщенияAlexey23 (09 Август 2014 - 05:57) писал:

Добрый день!

Картинка не загружаетя. Помогите с этим вопросом yadi.sk/i/u6LVTnWnZKEbf и ещё первый блок сместился чуть вверх
https://yadi.sk/i/u6LVTnWnZKEbf

Просмотр сообщенияAlexey23 (09 Август 2014 - 05:57) писал:

Добрый день!

Картинка не загружаетя. Помогите с этим вопросом yadi.sk/i/u6LVTnWnZKEbf и ещё первый блок сместился чуть вверх


https://yadi.sk/i/u6LVTnWnZKEbf

подскажите какой размер должен быть у картинки которая будет занимать 1/3 этого блока
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Вопросы общие для всех шаблонов
  5. → Главная
  6. Privacy Policy