3.0.x Fixed head дополнение к шаблону facebookis.

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

Начнем:
1. Открываем "layout.css" и там ищем

HTML:

/**
Header
*/
#header
{
background:rgb(51, 51, 51) url('../image/layout/header.png') repeat-x;
color:#fff;
}

и заменяем на это:

HTML:

/**
Header
*/
#header
{
background:rgb(51, 51, 51) url('../image/layout/header.png') repeat-x;
color:#fff;
position:fixed;

top:0;
left:0;
width:100%;
z-index:200;
}

Теперь для того что бы под шапкой ничего не пряталось , открываем "theme/frontend/default/style/facebookish/css/custom.css"
Там ищем :

HTML:

#header
{
background:#3B5998;
}

и заменяем на:

HTML:

#header
{
background:#3B5998;
position:fixed;
left: 0px;
  width:100%;
}

и под этим же кодом, добавляем:

HTML:

/**
#############
EDITED CSS
#############
*/
#content_holder {
  top: 80px;
}
#header_holder {
background: #3B5998;
}
.user_register_holder {
padding-top: 125px;
}
#footer {
margin: 75px 0px 20px 0px;
}
#section_menu {
right: 355px;
top: 90px;
}

Можно переделать под другой дизайн, но мне этот дизайн больше по вкусу
Не забываем про "Сказать спасибо"

взято с http://www..com/

А что это все кнопки с модулей,спустились вниз???

Зайди в музыку и видео,посмотри где находятся кнопки добавить видео и музыку!

Человек поделился тем , чем мог и не делиться .
если заметили проблемы ищите выход и выкладывайте. перестаньте умничать и постить сообщения без смысла.
Читайте правила форума-ибо будет бан.

Извините я искал но не нашел в разделе SE :stena: а этот скрипты на soceng.3.20 как перегнать ?

Я конечно не могу гарантировать , но попробуй в css найти подобные строки, и заменить)
Не забывай сделать резервную копию!)

Как сделать чтоб меню закрывал стену?Кто поможет?

Я сделал всё немного по проще:

Что бы было: фиксированое, прикрепленно вверхней части, на 100% ширину и на всеми слоями.
Было:

Code:

#header
{
	background:#3B5998;

Заменяем на:

Code:

#header
{
	background:#3B5998;
position:fixed;
top:0;
width:100%;
z-index:200;
}

Теперь что бы всё было бы ниже на 80px
Было:

Code:

#main_content_holder
{
	background:#fff;
}

Заменяем на:

Code:

#main_content_holder
{
	padding-top: 80px;
	background:#fff;
}

И ещё добавляем код что бы на странице авторизации было бы тоже всё ниже.

Code:

.user_register_holder
{
	padding-top:140px;
	background:#f9f9f9;
}

P.S. Только не большие отличия на странице тогда когда авторизован и не авторизован, т.к. там высота вверхней части в этих случиях разная. А всё остальное вроде ок

Спасибо то что надо

вот лучший вариант :в админку, по пути: Extension >> Theme >> Manage Themes >> Default >> Manage Styles >> Default >> Edit CSS

Нажимаем "Global CSS" и редактируем "custom.css".

#header
{
position:absolute;
width:100%;
top:0px;
z-index:1007;
}


body > #header
{
position:fixed;
}

#main_core_body_holder #main_content_holder
{
margin-top:70px;
}

#main_core_body_holder_guest #main_content_holder
{
margin-top:78px;
}

.user_register_holder
{
margin-top:130px;
}

body.main_core_body_holder_class #header,
body.main_core_body_holder_class #main_core_body_holder #main_content_holder
{
position:static;
margin-top:0px;
}