[ VKontakte Optimizer ] - Небольшие CSS-твики

[ VKontakte Optimizer ] (//vkopt.net/forum/index.php)

- В Контакте | Оформление (//vkopt.net/forum/forumdisplay.php?f=13)

- - Небольшие CSS-твики (//vkopt.net/forum/showthread.php?t=4308)

Reydan-46, такая же фигня и с левым меню, если отключить его привязку к экрану.
Однако если вставить твой код и включить привязку правого/левого меню, то они ещё уезжают вниз, что не есть хорошо.
Буду исправлять...

Эммм...

Код:

#right_bar, #side_bar {

margin-top: 40px !important;

}

И с фиксированным меню и без фиксации ничто никуда не смещается...

Reydan-46, http://ipic.su/img/img3/fs/kiss_105kb.1309081147.png

И вот ещё баг заметил:
http://ipic.su/img/img3/fs/kiss_10kb.1309081084.png

Вопрос, куда бы лучше эту чёрную фигню переместить?

Цитата:

Сообщение от IkaR49 (Сообщение 54158)

Вопрос, куда бы лучше эту чёрную фигню переместить?

Левее клавиши Наверх, ибо больше некуда...

Добавлено через 27 минут
Я тут подумал, кто мешает схитрить? :D

Код:

/* Фиксация шапки сайта */

.top_back_link_td {

width: 545px;

}

#page_header .content {

position: fixed;

background-image: url("http://ipic.su/img/img3/fs/1.1309083940.png");

background-repeat: no-repeat;

}

Reydan-46, ХАКИРЬ!!!111 О_о
Значительная оптимизация, спасибо :)
Я, собственно, когда только начал делать фиксацию шапки тоже сначала хотел взаимодействовать на .content, но что-то там не срослось, уже не помню что О_о

Единственный у тебя минус - бэкграунд... сейчас попробую решить проблему оО

Добавлено через 11 минут
Нет, не получается -_-
добавлю твоё решение, но старое удалять не буду.

А в чём там проблема?
P.S.

Можно ещё на всякий случай сделать так

Код:

/* Фиксация шапки сайта */

.top_back_link_td {

width: 545px;

}

#page_header .content {

position: fixed;

background-image: url("http://ipic.su/img/img3/fs/1.1309083940.png");

background-repeat: no-repeat;

}

#page_header .left, #page_header .back, #page_header .right, #pageHeader .header_back, #pageHeader .header_left, #pageHeader .header_right {

display: none !important;

}

:confused:
+

Кнопка "Назад" в шапке сайта

Код:

/* Кнопка "Назад" в шапке сайта */

#side_back_link {

margin-left: 560px !important;

margin-top: 4px !important;

color: #e8eff7 !important;

padding: 3px 6px !important;

padding-left: 19px !important;

background-position: 0px -5px;

background-color: transparent !important;

background-image: url("http://ipic.su/img/img3/fs/backlink.1308931496.gif") !important;

font-weight:bold;

}

Добавлено через 12 минут

Цитата:

Сообщение от Reydan-46 (Сообщение 54165)

Левого меню и правого блока...правого меню не видел пока

Кнопку назад я добавил так же, как и в том моём коде.

Сайт vk.com + правый блок

Код:

/* Фиксация шапки сайта */

.top_back_link_td {

width: 545px;

}

#page_header .content {

position: fixed;

background-image: url("http://ipic.su/img/img3/fs/1.1309088627.png");

background-repeat: no-repeat;

}

#page_header .left, #page_header .back, #page_header .right, #pageHeader .header_back, #pageHeader .header_left, #pageHeader .header_right {

display: none !important;

}

Сайт vkонтакте.ru + правый блок

Код:

/* Фиксация шапки сайта */

.top_back_link_td {

width: 545px;

}

#page_header .content {

position: fixed;

background-image: url("http://ipic.su/img/img3/fs/1.1309083940.png");

background-repeat: no-repeat;

}

#page_header .left, #page_header .back, #page_header .right, #pageHeader .header_back, #pageHeader .header_left, #pageHeader .header_right {

display: none !important;

}

Сайт vk.com без правого блока

Код:

/* Фиксация шапки сайта */

.top_back_link_td {

width: 435px;

}

#page_header .content {

position: fixed;

background-image: url("http://ipic.su/img/img3/fs/1.1309089106.png");

background-repeat: no-repeat;

}

#page_header .left, #page_header .back, #page_header .right, #pageHeader .header_back, #pageHeader .header_left, #pageHeader .header_right {

display: none !important;

}

Сайт vkontakte.ru без правого блока

Код:

/* Фиксация шапки сайта */

.top_back_link_td {

width: 435px;

}

#page_header .content {

position: fixed;

background-image: url("http://ipic.su/img/img3/fs/1.1309089582.png");

background-repeat: no-repeat;

}

#page_header .left, #page_header .back, #page_header .right, #pageHeader .header_back, #pageHeader .header_left, #pageHeader .header_right {

display: none !important;

}

У мя нормально не работает ни один код.
Вот первый

Код:

/* Фиксация шапки сайта */

#page_header {

        position: fixed !important;

        z-index: 111 !important;

        width: 911px !important

}

#page_body, #footer_wrap {

        position: relative !important;

        top: 40px !important

}

#side_back_link {

        color: #ffffff !important;

        background-color: transparent !important;

        background-image: url("http://ipic.su/img/img3/fs/backlink.1308931496.gif") !important;

        left: 690px !important;

        top: 4px !important

}

#side_back_link:hover {

        background-color: #597da3 !important

}

#im_content {

        padding-top: 71px !important

}

http://ipic.su/img/img3/fs/kiss_48kb.1309105469.png
Вот это во втором коде

Код:

/* Фиксация шапки сайта */

.top_back_link_td {

        width: 545px !important

}

#page_header .content {

        position: fixed !important;

        background-image: url("http://ipic.su/img/img3/fs/1.1309083940.png") !important;

        background-repeat: no-repeat !important

}

#side_back_link {

        color: #ffffff !important;

        background-color: transparent !important;

        background-image: url("http://ipic.su/img/img3/fs/backlink.1308931496.gif") !important;

        left: 690px !important;

        top: 4px !important

}

#side_back_link:hover {

        background-color: #597da3 !important

}

Надпись наверх сливается с именем
http://ipic.su/img/img3/fs/kiss_23kb.1309105615.png

Добавлено через 8 минут
Ещё на этом сайте не фиксируется шапка сайта:(

vall_gorr в моем посте пробывал фиксацию?