Внешний вид шапки

[Time]

Как сделать шапку как на скрине?

 

[Skaiman]

Самое простое решение сделать свою шапку. Открываешь header и добавляешь свою:

<div id="header">
<div class="shapok">
    <xen:include template="logo_block" />
    <xen:include template="navigation" />
    <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
</div>
</div>
</xen:hook>

Потом задаешь стиль для своей шапки в header.css или в EXTRA.css:

.shapok {
background: @primaryMedium;
width: 1300px;
margin: 0 auto;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

Ширину свою, конечно лучше через калькулятор сделать, но сам думай.

да не забудь в настройках шапки, убрать фон.

 

[Nayn]

Попробуй параметр top покрутить

#headerMover #header {
  width: 100%;
  position: absolute;
  top: 5px;
  left: 0px; }

 

[Skaiman]

он весь верх сдвинет ниже

 

[Nayn]

он весь верх сдвинет ниже

не весь, а только до полосы...

 

[Skaiman]

да вон пусть делает шапок и не париться, там уже можно крутить с параметрами :)

 

[Nayn]

да вон пусть делает шапок и не париться, там уже можно крутить с параметрами :-)

скажешь тоже, у человека помощник приболел, вот он бедняга страдает от проблемы на сайте :-D

 

[Skaiman]

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

Кто там что приболело не знаю, но знаю все создание сайта с самого начала :)

 

[Nayn]

Если у тебя есть ремонтник по сайту, зачем самому делать. А тут он просит помощи, кто может тот поможет :)

 

[Time]

<div id="header">
<div class="shapok">
    <xen:include template="logo_block" />
    <xen:include template="navigation" />
    <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
</div>
</div>
</xen:hook>

Говорит что ошибка в первой строке

 

[Skaiman]

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

 

[Time]

Научусь обязательно только сейчас не до этого.
Всем спасибо за помощь, шапку какую хотел получил. только еще такой вопрос остался. можно ширину шапки сделать шире чем ширину страницы?
width: 1240px;
margin: 0 auto: этот код меняет ширину только вправо и еще нарушает адаптивность

 

[Nayn]

Нафига я писал Пункты проблем
Подчеркиваю Стили шапки связаны с контентом.
Меняешь ширину шапки, меняется и тело форума. Чувствуешь взаимосвязь :punish:

 

[Time]

Ну а вдруг) про радиусы так же говорил потом сам же решение нашел:-)

 

[Nayn]

Сделай так:
вставить строчку

<div class="fond"></div>

после траляля смотри скрин.

вставить стиль в EXTRA.css

 .fond   {
background-color: #2b485c;   
    height: 84px;
    width: 85%;   
    position: absolute;   
    top: 0px;               
    margin: 0 8%; -moz-border-radius-bottomright: 10px;    -khtml-border-bottom-right-radius: 10px;    -webkit-border-bottom-right-radius: 10px;    -moz-border-radius-bottomright: 10px;    -khtml-border-bottom-right-radius: 10px;    border-bottom-right-radius: 10px;    -webkit-border-bottom-left-radius: 10px;    -moz-border-radius-bottomleft: 10px;    -khtml-border-bottom-left-radius: 10px;    -webkit-border-bottom-left-radius: 10px;    -moz-border-radius-bottomleft: 10px;    -khtml-border-bottom-left-radius: 10px;    border-bottom-left-radius: 10px;
    }

Это самый простой способ.

 

[Skaiman]

Пипец, :) дурдом на выезде, воду в ступе толчете :)

 

[Time]

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

код

#header .pageWidth .pageContent {
  background: #2b485c;
  margin-top: -8px;
  width: auto;
  margin: 0 auto:
  }
 
#headerMover #header {
  width: 100%;
  position: absolute;
  top: 8px;
  left: 0px; }

.fond   {
background-color: #2b485c;
    height: 84px;
    width: 84%;
    position: absolute;
    top: 0px;            
    margin: 0 8%;
-moz-border-radius-bottomright: 15px;  
-khtml-border-bottom-right-radius: 15px;  
-webkit-border-bottom-right-radius: 15px;  
-moz-border-radius-bottomright: 15px;  
-khtml-border-bottom-right-radius: 15px;  
border-bottom-right-radius: 15px;  
-webkit-border-bottom-left-radius: 15px;  
-moz-border-radius-bottomleft: 15px;  
-khtml-border-bottom-left-radius: 15px;  
-webkit-border-bottom-left-radius: 15px;  
-moz-border-radius-bottomleft: 15px;  
-khtml-border-bottom-left-radius: 15px;  
border-bottom-left-radius: 15px;
    }

 

[Nayn]

Ну раз получилось как хотел, значит ничего лишнего :)