Шапка на всю ширину! - Как реализовать? (скриншот внутри)

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО
#1 26 июня 2017 в 20:36
Привет всем. подскажите как правилно реализовать?
нужна такая шапка как на скрине.
Прикрепленный файл
pic_ced30.jpg 244 Кб
#2 26 июня 2017 в 20:53
Попробуйте шаблон instantcms.ru/addons/site-kreator.html там легко это сделать
пример наш сайт инстант.рф
#3 26 июня 2017 в 21:46

там легко это сделать

Cтудия Sitestroi
Более подробно если можно, как сделать? Если конечно это вас не затруднит!
#4 27 июня 2017 в 02:24
Всем привет, знаю что не по теме, но у меня вопрос как изминить на стандартном шаблоне в низу
! сайт работает!?
#5 27 июня 2017 в 07:38
@TheMorgan
Открой в редакторе файл: \templates\default\main.tpl.php и измени языковые константы. ну или жёстко задай в шаблоне.
  1.  
  2. <span class="item">
  3. <?php echo LANG_POWERED_BY_INSTANTCMS; ?>
  4. </span>
  5. <span class="item">
  6. <?php echo LANG_ICONS_BY_FATCOW; ?>
  7. </span>
#6 27 июня 2017 в 09:30
Александр, header в сss ищите и увидите значение в пикселях 1280, меняйте на 100% и все.
#7 27 июня 2017 в 09:58
Александр, в шаблоне ограничение идет от идентификатора #layout, если хотите шапку большей ширины, то вам нужно header из шаблона main.tpl вынести за пределы #layout, далее уже стилями делаете все что душе угодно.
#8 27 июня 2017 в 11:04


нужна такая шапка как на скрине.

Александр

Шаблон InstaLife
#9 27 июня 2017 в 11:24
Можно и так, смотрите видео
Пипетка: soft.mydiv.net/win/download-ColorMania.html
Компонент: инстант.рф/addons/22-komponent-sitekreator-dlja-shablona-sitestroi.html

Код:
.kt_block2{background:#000000;}
.kt_monoblock{background:none;}
.kt_monoblock .widget{background:none;}
.kt_monoblock .widget > .title{background:none;}
.kt_monoblock .widget{background:none;}
#10 27 июня 2017 в 18:24


Можно и так, смотрите видео
Пипетка: soft.mydiv.net/win/download-ColorMania.html
Компонент: инстант.рф/addons/22-komponent-sitekreator-dlja-shablona-sitestroi.html

Код:
.kt_block2{background:#000000;}
.kt_monoblock{background:none;}
.kt_monoblock .widget{background:none;}
.kt_monoblock .widget > .title{background:none;}
.kt_monoblock .widget{background:none;}

Cтудия Sitestroi

да не нужен мне ваш компонент.
как я и думал, frukt, пробовал реализовать?
#11 27 июня 2017 в 18:47

нужна такая шапка как на скрине

Александр
В файле main.tpl.php найдите такой код (примерно 36-45 строки):
  1. <header>
  2. <div id="logo">
  3. <?php if($core->uri) { ?>
  4. <a href="<?php echo href_to_home(); ?>"></a>
  5. <?php } else { ?>
  6. <span></span>
  7. <?php } ?>
  8. </div>
  9. <div class="widget_ajax_wrap" id="widget_pos_header"><?php $this->widgets('header', false, 'wrapper_plain'); ?></div>
  10. </header>
Замените на этот (содержимое header обернули в <div id="headfull">:
  1. <header><div id="headfull">
  2. <div id="logo">
  3. <?php if($core->uri) { ?>
  4. <a href="<?php echo href_to_home(); ?>"></a>
  5. <?php } else { ?>
  6. <span></span>
  7. <?php } ?>
  8. </div>
  9. <div class="widget_ajax_wrap" id="widget_pos_header"><?php $this->widgets('header', false, 'wrapper_plain'); ?></div></div>
  10. </header>
В любом файле css, например, в theme-layout.css добавьте такой код:
  1. #layout{
  2. width:100%!important;/*растягиваем страницу на весь экран*/
  3. }
  4.  
  5. #body{
  6. width:980px;
  7. margin:0 auto;
  8. }
  9.  
  10. #widget_pos_top{
  11. width:980px;
  12. margin:0 auto;
  13. }
  14.  
  15. #headfull{
  16. width:980px;
  17. margin:0 auto;
  18. }
  19.  
  20. header{
  21. background-color:#172F51!important;
  22. width:100%;
  23. padding:0!important;
  24. }
Если Вас смущает !important, можете найти найти все эти селекторы и сделать правки непосредственно в них. Единственный селектор новый — #headfull — его нужно будет дописать.

#12 27 июня 2017 в 19:50
Я сделал шапку на всю ширину путем вставки в основной див картинку заливки, вырезанную из шапки. Ширина её пиксель, высота соответствует шапке. Вставлена бекграундом, прижата вверх и повторяется по горизонтали. Пример стилями показать не могу, ибо не у компьютера.
#13 27 июня 2017 в 22:35


нужна такая шапка как на скрине

Александр
В файле main.tpl.php найдите такой код (примерно 36-45 строки):
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  

DK

спасибо!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.