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


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

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

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

#21 Vaccina

Vaccina

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

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

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

<img src="http://flashmarket55.ru/img/1.png">
попробуйте заменить на:
<img src="{ASSETS_IMAGES_PATH}1.png" alt="" />
сами картинки загружайте в редактор шаблонов и вместо 1.png подставляйте название своих изображений

#22 Alexey23

Alexey23

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

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

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

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

<img src="http://flashmarket55.ru/img/1.png">
попробуйте заменить на:
<img src="{ASSETS_IMAGES_PATH}1.png" alt="" />
сами картинки загружайте в редактор шаблонов и вместо 1.png подставляйте название своих изображений

А можно картинку внутри шаблона уменьшить или нужно загружать новую с меньшим размером? https://yadi.sk/i/675P6lrJZKFcE

#23 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

А можно картинку внутри шаблона уменьшить или нужно загружать новую с меньшим размером? https://yadi.sk/i/675P6lrJZKFcE
Здравствуйте, найдите в HTML
<div class="mainblocks"><div class="infoblock"><<img src="{ASSETS_IMAGES_PATH}i.png" alt="" />></div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>

замените на

<div class="mainblocks"><div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style="	width: 114px;	height: 100px;"/></div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
меняете значение width:114px;  height: 100px;

#24 Alexey23

Alexey23

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

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

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

Просмотр сообщенияИрина345 (09 Август 2014 - 07:00) писал:

Здравствуйте, найдите в HTML
<div class="mainblocks"><div class="infoblock"><<img src="{ASSETS_IMAGES_PATH}i.png" alt="" />></div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>

замените на

<div class="mainblocks"><div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px; height: 100px;"/></div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
меняете значение width:114px;  height: 100px;


спасибо! подскажите теперь как выравнять текст https://yadi.sk/i/2v1ZBr5gZKHCH (вот как здесь https://yadi.sk/i/JSjbbl0JZKHHa)

#25 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

спасибо! подскажите теперь как выравнять текст https://yadi.sk/i/2v1ZBr5gZKHCH (вот как здесь https://yadi.sk/i/JSjbbl0JZKHHa)
найдите в HTML
<div class="mainblocks"><div class="infoblock">Гарантия качества!Мы предоставляем гарантию качесва 6 месяцев на весь товар.<img src="{ASSETS_IMAGES_PATH}i.png" alt="" style="	  width: 114px;   height: 100px;"/></div><div class="infoblock">Содержание блока 2</div><div class="infoblock">Содержание блока 3</div></div>
замените на
<div class="mainblocks">
<div class="infoblock"><span>Гарантия качества!</span><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Мы предоставляем гарантию качества 6 месяцев на весь товар.</div></div>
<div class="infoblock">Содержание блока 2</div>
<div class="infoblock">Содержание блока 3</div>
</div>
в конец файла main.css добавьте
.infoblock span {
margin-left: 92px;
font-weight: bold;
}

#26 Alexey23

Alexey23

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

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

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

Спасибо, все получилось, только текст: "гарантия качества сместился в сторону, и остальные блоки тоже сместились https://yadi.sk/i/Gq_8Ef-mZKJvJ

#27 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

Спасибо, все получилось, только текст: "гарантия качества сместился в сторону, и остальные блоки тоже сместились https://yadi.sk/i/Gq_8Ef-mZKJvJ
найдите в main.css блок
.infoblock span {
margin-left: 92px;
font-weight: bold;
}
замените на

.infoblock span {
font-weight: bold;
}
Чтобы выровнять остальные блоки, их нужно сначала заполнить информацией.

#28 Alexey23

Alexey23

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

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

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

Просмотр сообщенияИрина345 (09 Август 2014 - 08:31) писал:

найдите в main.css блок
.infoblock span {
margin-left: 92px;
font-weight: bold;
}
замените на

.infoblock span {
font-weight: bold;
}
Чтобы выровнять остальные блоки, их нужно сначала заполнить информацией.

С третьим блоком не получается: все на сайте перемешивается в кучу https://yadi.sk/i/jXvrzZXgZKPJs помогите плиз!

#29 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

С третьим блоком не получается: все на сайте перемешивается в кучу https://yadi.sk/i/jXvrzZXgZKPJs помогите плиз!
Отмените последние действия и пришлите информацию которую необходимо вставить.

#30 Alexey23

Alexey23

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

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

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

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

Отмените последние действия и пришлите информацию которую необходимо вставить.

<div class="infoblock"><span>ГАРАНТИЯ КАЧЕСТВА!</span><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </div></div>
<div class="infoblock"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Время осуществления заказа зависит от времени заказа и наличия товара на складе.</div>
<div class="infoblock"><span></div>

вот так у меня было до редактирования 3 блока(https://yadi.sk/i/-nJtO-OrZKQr4). Я также(как и со 2 блоком)  скопировал (ГАРАНТИЯ КАЧЕСТВА!</span><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней.) вставил в третью строку

поменял текст и файл, но не получается, а на втором блоке всё получилось

#31 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

<div class="infoblock"><span>ГАРАНТИЯ КАЧЕСТВА!</span><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </div></div>
<div class="infoblock"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Время осуществления заказа зависит от времени заказа и наличия товара на складе.</div>
<div class="infoblock"><span></div>

вот так у меня было до редактирования 3 блока(https://yadi.sk/i/-nJtO-OrZKQr4). Я также(как и со 2 блоком)  скопировал (ГАРАНТИЯ КАЧЕСТВА!</span><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней.) вставил в третью строку

поменял текст и файл, но не получается, а на втором блоке всё получилось
Найдите
<div class="mainblocks">
<div class="infoblock"><span>ГАРАНТИЯ КАЧЕСТВА!</span><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </div></div>
<div class="infoblock"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;">Время осуществления заказа зависит от времени заказа и наличия товара на складе.</div>
<div class="infoblock"><span></div>
</div>
замените на

<div class="mainblocks">
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>
<div class="infoblock"><span></span></div>
</div>

#32 Alexey23

Alexey23

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

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

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


#33 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

Вы прислали пустое сообщение.

#34 Alexey23

Alexey23

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

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

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

всё получилось, только теперь 3 блок надо поставить на место https://yadi.sk/i/bR2z1HKSZKaxe, и щё все левые верхние углы блоков прямые( острые), а остальные округлые. Можно это как то исправить?

#35 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

всё получилось, только теперь 3 блок надо поставить на место https://yadi.sk/i/bR2z1HKSZKaxe, и щё все левые верхние углы блоков прямые( острые), а остальные округлые. Можно это как то исправить?
Найдите в hTML
<div class="mainblocks">
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>20% скидка на весь товар с пометкой "акция".</p></div></div></div>

замените на

<div class="mainblocks">
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 27px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>20% скидка на весь товар с пометкой "акция".</p></div></div></div>
в main.css найдите

.infoblock {
width: 33%;
background: #fff;
border-radius: 5px;
min-height: 50px;
display: inline-block;
margin-left: 3px;
height: 110px;
}
замените на

.infoblock {
width: 32%;
background: #fff;
border-radius: 5px;
min-height: 50px;
display: inline-block;
margin-left: 3px;
height: 110px;
}

#36 Alexey23

Alexey23

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

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

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

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

Найдите в hTML
<div class="mainblocks">
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>20% скидка на весь товар с пометкой "акция".</p></div></div></div>

замените на

<div class="mainblocks">
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 6 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 27px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>20% скидка на весь товар с пометкой "акция".</p></div></div></div>
в main.css найдите

.infoblock {
width: 33%;
background: #fff;
border-radius: 5px;
min-height: 50px;
display: inline-block;
margin-left: 3px;
height: 110px;
}
замените на

.infoblock {
width: 32%;
background: #fff;
border-radius: 5px;
min-height: 50px;
display: inline-block;
margin-left: 3px;
height: 110px;
}

Все просто супер, но ...блоки надо расширить https://yadi.sk/i/XWFx5kDlZKfMe

#37 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

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

Все просто супер, но ...блоки надо расширить https://yadi.sk/i/XWFx5kDlZKfMe
Найдите в hTML
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>
замените на
<div class="infoblock" style="margin: 0px 11px 0px 14px;"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>

#38 Alexey23

Alexey23

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

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

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

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

Найдите в hTML
<div class="infoblock"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>
замените на
<div class="infoblock" style="margin: 0px 11px 0px 14px;"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div>

спасибо!

#39 Alexey23

Alexey23

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

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

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

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

#40 Alexey23

Alexey23

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

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

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

Вопрос: можно ли сделать блок между тремя блоками и основным (https://yadi.sk/i/6alusuHwZKvQS) там разместить каталог сайта. (пример https://yadi.sk/i/wUb5cx6RZKvxg)
Обратно в Главная


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

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

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