Как Сделать Такую Структуру.
#1
Отправлено 28 Январь 2014 - 12:27
#3
Отправлено 28 Январь 2014 - 12:59
А есть возможность сделать как у них:
1) 3 блока над меню
2) так же меню расположить.
3) отзывы
#4
Отправлено 28 Январь 2014 - 14:28
#6
Отправлено 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
Отправлено 06 Август 2014 - 06:41
MikDark (21 Июль 2014 - 06:49) писал:
<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
Отправлено 06 Август 2014 - 07:52
Alexey23 (06 Август 2014 - 06:41) писал:
<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
Отправлено 06 Август 2014 - 14:52
Alekseys (06 Август 2014 - 07:52) писал:
<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
Отправлено 06 Август 2014 - 15:49
.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
Отправлено 08 Август 2014 - 13:44
#12
Отправлено 08 Август 2014 - 15:18
Alexey23 (08 Август 2014 - 13:44) писал:
#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
Отправлено 08 Август 2014 - 15:47
Dars (08 Август 2014 - 15:18) писал:
#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
Отправлено 08 Август 2014 - 15:58
Alexey23 (08 Август 2014 - 15:47) писал:
Здравствуйте.
В 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
Отправлено 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
Отправлено 08 Август 2014 - 17:27
#17
Отправлено 08 Август 2014 - 17:41
Ранис (28 Январь 2014 - 12:27) писал:
#18
Отправлено 08 Август 2014 - 17:43
Alexey23 (08 Август 2014 - 17:42) писал:
#19
Отправлено 08 Август 2014 - 18:54
Alexey23 (08 Август 2014 - 17:43) писал:
как здесь 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
Отправлено 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 и ещё первый блок сместился чуть вверх
Alexey23 (09 Август 2014 - 05:57) писал:
Картинка не загружаетя. Помогите с этим вопросом yadi.sk/i/u6LVTnWnZKEbf и ещё первый блок сместился чуть вверх
https://yadi.sk/i/u6LVTnWnZKEbf
подскажите какой размер должен быть у картинки которая будет занимать 1/3 этого блока
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных