[ VKontakte Optimizer ]

[ VKontakte Optimizer ] (//vkopt.net/forum/index.php)
-   В Контакте | Оформление (//vkopt.net/forum/forumdisplay.php?f=13)
-   -   Небольшие CSS-твики (//vkopt.net/forum/showthread.php?t=4308)

IkaR49 06.06.2011 22:58

Небольшие CSS-твики
 
Мелочи, которые вряд ли будут полезны большинству, но кое-кому может и пригодятся :)

Инструкция по установке CSS-твиков:
  • Заходим в менеджер тем ВкОпта: http://vk.com/settings?skinman
  • Нажимаем кнопку "Установить CSS-код" (сверху)
  • Вставляем код твика и нажимаем "Применить"
  • Перезагружаем страницу для просмотра результата

Не обрезать миниатюры фотографий на профилях и в группах

Миниатюры фотографий на профилях и в группах немного обрезаются, если они слишком большие по высоте. Этот твик исправит это.
http://savepic.ru/2698570.png
Код:

/* Не обрезать миниатюры фотографий на профилях и в группах */
#profile_photos .photos a, #group_photos .group_photos_table a {
    height: auto !important;
}

При желании можете установить ещё ширину (width) на значение "auto", но тогда миниатюры смещаются к центру.

Скрыть кнопку, разворачивающую меню в группах

Скрывает кнопку раскрытия меню в группах.
http://ipic.su/img/img3/fs/kiss_59kb.1325808570.png
Актуально, только если во ВкОпте используется функция "Автоматически разворачивать новости в группах (меню группы)".
Код:

/* Скрыть кнопку, разворачивающую меню в группах */
.group_wiki_hider {
    display: none !important;
}


Скрыть лог VKopt'a у alpha и beta версий

Скрывает лог VKopt'a у alpha и beta версий.
http://ipic.su/img/img3/fs/kiss_3kb.1325961979.png
Однако использовать это не рекомендуется, ибо в случае ошибок не получится прибегнуть к логу и сообщить всю информацию об ошибке.
Код:

/* Скрыть лог VKopt'a у alpha и beta версий */
#vkDebug {
    display: none !important;
}


Скрыть предложение заполнить информацию о профиле

Скрывает блок под аватаркой вашего профиля, предлагающий заполнить информацию о себе.
http://ipic.su/img/img3/fs/kiss_65kb.1325962318.png
Код:

/* Скрыть предложение заполнить информацию о профиле */
.profile_rate_warning {
    display: none !important;
}


Убрать кнопку 'Показать/скрыть подробную информацию'

Убирает кнопку показа/скрытия подробной информации о пользователе.
http://ipic.su/img/img3/fs/kiss_3kb.1325962382.png
Актуально, если вы используете во ВкОпте функцию "Всегда разворачивать информацию о пользователе".
Код:

/* Убрать кнопку 'Показать/скрыть подробную информацию' */
#profile_full_link, #profile_info_link {
    display: none !important;
}

Спасибо Гавр.

Сделать менее приметной табличку об изменении номера

Немного уменьшает табличку, которая появляется в шапке сайта при изменении номера мобильного телефона.
http://ipic.su/img/img3/fs/kiss_75kb.1309610012.png
Код:

/* Сделать менее приметной табличку об изменении номера */
.top_info_bar .info {
    padding: 0px !important;
}
.top_info_bar {
    opacity: 0.4 !important;
}

Спасибо KiberПсих.

Отображать пункт [VKopt] в виде иконки в левом верхнем углу

Убирает пункт [VKopt] из левого меню и ставит его слева вверху в виде иконки.
http://ipic.su/img/img3/fs/kiss_19kb.1316102354.png
Известные недоработки:
  • Если включена фиксация левого меню, то невозможно навести на пункт "Обновить меню", когда страница проскроллена на самый верх. Заметно только при маленьком разрешении экрана или если шапка сайта растянута на всю страницу.
Код:

/* Отображать пункт [VKopt] в виде иконки в левом верхнем углу */
#frOpt{
    position: fixed !important;
    left: 20px !important;
    top: 4px !important;

}
#side_bar #frOpt ul {
    margin-left: 20px !important;
}
#side_bar #frOpt>a {
    font-size: 0px;
    background-image: url("http://vkopt.net/download/favicon.ico") !important;
    width: 8px !important;
    height: 8px !important;
}
.moreDiv {
    display: none !important;
}

Спасибо KiberПсих.

Не группировать последовательные сообщения в диалогах

Диалоги перестают группировать подряд идущие сообщения от одного пользователя.
http://ipic.su/img/img3/fs/kiss_26kb.1316162740.png
Код:

/* Не группировать последовательные сообщения в диалогах */
#im_rows .im_add_row .im_log_author a, #im_rows .im_add_row .im_log_date span, #im_rows .im_add_row .im_log_date a.im_date_link, #im_rows .im_add_row .im_log_author_chat_thumb, #im_rows .im_add_row .im_log_author_chat_name {
    display: block !important;
}

Спасибо KiberПсих.

Надписи Online зелёного цвета

Заменяет все индикаторы активности пользователя на сайте на аналогичные, но зелёные.
http://ipic.su/img/img3/fs/kiss_5kb.1325809982.pnghttp://ipic.su/img/img3/fs/kiss_5kb.1325809795.png
Код:

/* Надписи Online зелёного цвета */
#title .fl_r, .online, .im_status_holder, .fave_online, .im_chatbox_mem_online, .mail_envelope_online, .dialogs_online, .bp_online {
    color: #008000 !important
}
.vk_profile_online_status {
    color: #42ee42 !important;
}
.fc_tab_online .fc_tab_online_icon, .fc_contact .fc_contact_status, .fc_clist_online_wrap .fc_clist_online {
    background-image: url("http://s019.radikal.ru/i633/1211/a1/35499922ad03.png") !important;
}
.mob_onl, b.im_friend_mob_onl, b.dialogs_mob_onl {background-image: url("http://s52.radikal.ru/i136/1211/47/49d498354a71.png") !important;}
.im_status_online {
    background-color: #008000 !important;
}

Спасибо Empty21 и Ареопагиту.

Так же для достижения такого эффекта в диалогах:
http://ipic.su/img/fs/kiss_4kb.1307791846.png

удалите последние три строчки в коде выше и вставьте этот листинг:
Код:

.im_status_online {
    box-shadow:0px 0px 5px 2px #00ff00 !important;
    background-color: #00ff04 !important;
    border-color: #00ff00 !important;
    width: 1px !important;
    height: 1px !important;
}

Спасибо KiberПсих.

Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет

Делает верхушку страницы похожей на старую, которая использовалась в интерфейсе ВКонтакте 2009 года.
Возможны три варианта:
1. Простой цвет
http://savepic.ru/2705758.png
Код:

/* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [1] */
#header {
    background-color: #f0e8ba !important;
}

2. Простой градиент
http://savepic.ru/2688339.png
Код:

/* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [2] */
#header {
    background-image: url("http://savepic.org/1811154.jpg") !important;
    padding-top: 12px !important;
}

Спасибо Reydan-46.

3. Самый качественный вариант
http://savepic.ru/3155000.png
Код:

/* Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет [3] */
#header_wrap1 {
    border: solid #F3F3F3 !important;
    border-image: initial !important;
    border-width: 0px 1px !important;
}
#header {
    position: relative !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    background: #F2EAB8 url(http://vkontakte.ru/images/headeryell.gif) top left repeat-x !important;
    color: black !important;
    border: 1px solid #D1C992 !important;
    border-image: initial !important;
}
#header h1 {
    margin: 0px !important;
    font-size: 11px !important;
    overflow: hidden !important;
}

Спасибо Nickolia46.

Использовать несколько сразу - не следует.

Замена иконкой таблички о вашем текущем Online статусе

Заменяет табличку о вашем текущем онлайн статусе иконкой.
http://ipic.su/img/img3/fs/kiss_1kb.1325961356.pnghttp://ipic.su/img/img3/fs/kiss_1kb.1325963456.pnghttp://ipic.su/img/img3/fs/kiss_1kb.1325963481.png
Цвет иконки символизирует текущий статус (Зелёный - Online, Красный - Offline, Жёлтый - Неопределено)
Код:

/* Замена иконкой таблички о вашем текущем Online статусе */
div.vkUOnline, div.vkUOffline, div.vkUUndef {
    content: none !important;
    color: transparent !important;
    border: none !important;
    background: none !important;
    width: 26px !important;
    height: 26px !important;
    margin-left: 4px !important;
    margin-bottom: -4px !important;
    opacity: 0.7 !important;
    background-repeat: no-repeat !important;
}
div.vkUOnline {
    background-image: url("http://ipic.su/img/img3/fs/online.1325960317.png") !important;
}
div.vkUOffline {
    background-image: url("http://ipic.su/img/img3/fs/offline.1325960265.png") !important;
}
div.vkUUndef {
    background-image: url("http://ipic.su/img/img3/fs/undefined.1325960364.png") !important;
}


Сердечки красного цвета

Делает все сердечки из системы "Мне нравится" красными.
http://ipic.su/img/img3/fs/kiss_38kb.1325808331.pnghttp://ipic.su/img/img3/fs/kiss_1kb.1325808368.png
Код:

/* Сердечки красного цвета */
.like_wrap div, #pv_like_icon, #mv_like_icon, .post_like_icon, .fw_like_icon, .like_wrap i {
    background-image: url("http://savepic.net/1410876.gif") !important;
}
.post_like_link, span.like_link, #mv_like_wrap .fl_l, #pv_like_wrap .fl_l, .fw_like_link {
    color: rgba(255, 0, 0, 0.7) !important;
   
}
.post_like_count, .like_count, #mv_like_count, #pv_like_count, .fw_like_count {
    color: rgba(255, 0, 0, 0.9) !important;
    font-weight: bold !important;
}
.post_like:hover {
    background-color: rgba(255, 0, 0, 0.1) !important;
}
.pvs_hh_fg {
    background-image: url("http://ipic.su/img/img3/fs/post_hh.1325808053.png") !important;
}

Спасибо Reydan-46.

Скрыть надпись 'Мне нравится', скруглить края рамки лайка и сделать сердечко менее заметным

Убирает надпись "Мне нравится" у лайков, оставляя только сердечко и счётчиков лайков, скругляет края рамки у лайков к постам и делает сердечко менее заметным, когда на нём нет наведения указателя мыши.
http://ipic.su/img/img3/fs/kiss_0kb.1326066639.png
Код:

/* Скрыть надпись 'Мне нравится', скруглить края рамки лайка и сделать сердечко менее заметным */
div.post_like_wrap {
    opacity: 0.4 !important;
}
div.post_like_wrap:hover {
    opacity: 1 !important;
}
.post_like {
    border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}
span.post_like_link, .like_link, #pv_like_wrap span.fl_l:first-child, #mv_like_wrap span.fl_l:first-child {
    display: none !important;
}

Спасибо Empty21.

Скрыть надпись 'Мне не нравится', скруглить края рамки дислайка и сделать менее заметным

Код:

/* Дизлайк 1 апреля 2013 */
.post_dislike {
    border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}
span.dislike_link, span.post_dislike_link, span.fw_dislike_link, #pv_dislike_wrap span.fl_l:first-child, #mv_dislike_wrap span.fl_l:first-child {
    display: none !important;
}



Замена фона в темах

Замена фона в темах. (обычно этот код должен работать. точно работает на скинах Opera System и Bubbles)

Код:

html body{ background:url("http://cs10787.userapi.com/u13391307/137964159/w_f7b25ecf.jpg") fixed no-repeat 50% 50% !important; background-size:cover !important;}
если не срабатывает - можно попробовать этот:
Код:

html body, #page_wrap{ background:url("http://cs10787.userapi.com/u13391307/137964159/w_f7b25ecf.jpg") fixed no-repeat 50% 50% !important;background-size:cover !important;}

Расширенная фильтрация новостей

Возможно создание своих правил фильтрации с помощью CSS-твиков.
Для работы созданного твика в вкопте должна быть активна основная галка фильтра, и сняты галки со всех пунктов фильтрации.

Подробности:
класс .vk_feed_filter добавляется ко всем постам до кторых дотянулся скрипт.
так же вместе с ним могут быть добавлены классы:
.vk_feed_photo
.vk_feed_video
.vk_feed_audio
.vk_feed_graff
.vk_feed_poll
.vk_feed_note
.vk_feed_text
.vk_feed_links
.vk_feed_group
.vk_feed_friend
.vk_feed_repost


например чтобы скрыть всё и показать те, где есть аудио, нужен такой код:
Код:

.vk_feed_filter{display:none !important}
.vk_feed_filter.vk_feed_audio{display : block !important} /*классы пробелами не разделять. они все разом к одному элементу приписаны*/


Изменение высоты контакт-листа

Устанавливает указанную высоту для черного окошка со списком друзей.
http://ipic.su/img/img7/fs/kiss_33kb.1373820911.png
Код:

/* Изменение высоты контакт-листа с онлайн пользователями */
#fc_contacts {
        height: 252px !important
}

Подходящее значение можно подобрать изменяя значение height: 252px !important.




Белый/Тёмный фон и увеличение окна выбора смайлов

Изменение названий пунктов в левом меню

Изменение шрифта сайта

Увеличить размер миниатюр в списке документов

Перенос списка открытых вкладок диалогов вправо

Мини-чат с закосом под metro






Знаете что-то сами: пишите. Я так же буду рыться и искать :)

P.S.
Инструкция по установке CSS-кодов
  • Заходим в менеджер тем ВкОпта: http://vk.com/settings?skinman
  • Нажимаем кнопку "Установить CSS-код" (сверху)
  • Вставляем код твика и нажимаем "Применить"
  • Перезагружаем страницу для просмотра результата

3dmax 07.06.2011 00:46

IkaR49, Аффтар, пеши исчо!

ves_nik 07.06.2011 02:46

IkaR49, молодец,

Wirmis 07.06.2011 10:54

IkaR49, А что изменилось после первого апдейта? Как было 3 пункта, там и осталось:confused:

IkaR49 07.06.2011 11:04

Wirmis, эм... первый апдейт как раз-таки добавил третий пункт, до этого их было два оО
А второй апдейт - отредактировал первый пункт, теперь фотографии ещё и на страницах групп не обрезаются.

Добавлено через 35 минут
UPD3
Добавлено: Нормальная центровка нижней части ВК при использовании правой панели

vall_gorr 07.06.2011 16:03

IkaR49, Не знаю может это я тупанул:confused: Но нормальная центровка нижней части ВК при использовании правой панели не работает у меня:(

IkaR49 07.06.2011 17:31

vall_gorr, ссылку на страницу, где не работает, скажи как устанавливал код (через вкопт или иначе) и скриншот если можно...

Reydan-46 07.06.2011 17:54

Вложений: 1
IkaR49, тоже самое ;) Страница профиля (да и на остальных тоже самое)
Устанавливал через VkOpt

IkaR49 07.06.2011 22:51

Reydan-46, хм... а в адресной строке адрес вида http://vkontakte.ru/fave или http://vkontakte.ru/fave#/feed?

Reydan-46 07.06.2011 23:04

Цитата:

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

Хм...а если
Цитата:

Сообщение от IkaR49 (Сообщение 53183)
http://vkontakte.ru/fave#/feed?

то всё нормально :confused:

IkaR49 07.06.2011 23:15

Reydan-46, хм... странно О_о Буду пытаться исправить :confused:

Добавлено через 17 минут
UPD4:
Отредактировал Нормальную центровку нижней части ВК при использовании правой панели. Теперь на всех страницах одинаково (кроме страниц вида *.php)

vall_gorr 08.06.2011 10:47

IkaR49, У меня центровка происходит только вот с таким кодом
Код:

#footer_wrap {
        width: 830px !important
}

А с твоим кодом нижняя часть немного смещается влево.

IkaR49 08.06.2011 15:21

vall_gorr, а разрешение экрана какое?.. :confused:

Я действительно не знаю.. вот у меня с 911 пикселями:
http://savepic.ru/2713950.png

Даже изменение активной области браузера ничего не меняет:
http://savepic.ru/2714974.png

vall_gorr 08.06.2011 19:50

Цитата:

Сообщение от IkaR49 (Сообщение 53212)
а разрешение экрана какое?.

1920x1080

IkaR49 08.06.2011 20:08

vall_gorr, странно, тогда по логике должно было сместиться в другую сторону.
Слушай, сделай так:
1. Верни в параметр 911px
2. Запусти опера драгонфлай (ПКМ --> Проинспектировать элемент)
3. Методом тыка выдели на странице выдели footer_wrap
4. Наведи указатель на пустое пространство под правой панелью
5. Сделай скриншот и пришли мне

Должно получиться примерно так:
http://savepic.ru/2718046.png

Мне просто надо увидеть габариты у page_layout относительно footer_wrap

Reydan-46 08.06.2011 20:59

Наконец то скрыл табличку с напоминаниями о днях рождениях))))
.left_box {
display: none !important;
}

Почему мне никто раньше не сказал, что так можно)) ^_^

IkaR49 08.06.2011 21:19

Reydan-46,

Добавить в первый пост?

P.S. UPD6:
+ Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет
+ Надписи Online зелёного цвета

P.P.S.

Reydan-46 08.06.2011 21:58

IkaR49, если хочешь, добавляй =)

З.ы. "Вернуть заголовкам профилей, страниц групп и публичных страниц старый бледно-жёлтый цвет" может красивее будет так? ^_^
Градиент
Код:

#header {
        background-image:url("http://s56.radikal.ru/i154/1106/23/d2f191d7b2d5.jpg") !important;
padding-top: 12px !important;
}



З.Ы.Ы.

IkaR49 08.06.2011 22:17

Reydan-46, отредактировал.

mriv 08.06.2011 23:14

IkaR49, поправил кое-чего вот в этом:
Цитата:

/* Не обрезать миниатюры фотографий на профилях и в группах */
а точнее, убрал серую рамку вокруг фоток:

Код:

#profile_photos .photos a, #group_photos .group_photos_table a {
        height: auto !important;
        background-color: transparent !important;
}

и вот тоже самое для альбомов:

Код:

.thumb img, .thumb a
{
background-color: transparent !important;
height: auto !important;
}


Reydan-46 08.06.2011 23:37

Кому нужно =)

Изменение фона главных ссылок в профилях и группах
Выглядит вот так:
http://i073.radikal.ru/1106/86/5b8df6dfa289.jpg
Код:
Код:

.module_header .header_top {
 background-color: #bb98d5;
}


и

Не обрезать миниатюры фотографий в альбомах
Выглядит вот так:
http://s41.radikal.ru/i092/1106/75/2358cf7b51a4.jpg
Код:
Код:

#photos_container .photo_row {
height: auto !important
}

#photos_container .photo_row a {
height: auto !important
}


vall_gorr 09.06.2011 00:19

IkaR49, мне кажется что такой цвет больше подойдет к общему интерфейсу ВК, если друзей отмечено своим цветом.
Код:

/* Надписи Online зелёного цвета */
#title .fl_r, .online {
        color: #228B22 !important
}


IkaR49 09.06.2011 00:32

mriv, Reydan-46, альбомы добавлять не буду. И вот почему:
http://savepic.ru/2687326.png

Убирать серую рамку тоже имхо лишнее, если картинка с белым фоном, границ не видно:
http://savepic.ru/2688350.png

Добавлено через 2 минуты
vall_gorr, а я никакой разницы в цвете не вижу :confused: они очень сильно похожи...

vall_gorr 09.06.2011 00:40

IkaR49, ну кому как. Разницы почти никакой, но мой чуть светлее. Мне просто больше нравиться.

зы я эгоистО_о

Reydan-46 09.06.2011 01:14

IkaR49, хм...а у меня в альбомах я такого не видел...
Если так попробывать, тоже самое? =)

Код:

#photos_container .photo_row {
height: 120}
#photos_container .photo_row a {
height: 130
}


vall_gorr 09.06.2011 13:39

Reydan-46, У меня тоже самое что у Икара49 с обоими кодами.

IkaR49 09.06.2011 13:52

Reydan-46, ещё хуже. Они просто друг к другу лепятся.

Я вообще посмотрел что здесь и не думаю, что с помощью только css получится что-то сделать. Смещение как на том моём скрине происходит из-за того, что последняя миниатюра в строке меньше первых трёх. Учитывая, что все div-контейнеры имеют параметр "float: left", то согласно этому правилу следующая картинка и встаёт левее той, которой может. Остальные мостятся снизу по тому же правилу.
Чтобы это исправить надо или задействовать js или ждать, пока что-нибудь подходящее сделают в CSS3.

Ареопагит 11.06.2011 15:14

IkaR49, а вот еще про онлайн (просто колор, не бэкграунд):

.mail_envelope_online - это если открывать сообщения по старому типу.

.dialogs_online - в списке диалогов.

UPD:
И возможно стоит добавить туда параметр (к колору):

font-weight: 700 !important

Как по мне - так лучше смотрится ;)

KiberПсих 11.06.2011 16:16

вариант со "свечением" точек онлайна:
Код:

.im_status_online {
box-shadow:0px 0px 5px 2px #0F0 !important;
background-color: #00ff04 !important;
border-color: #00ff00 !important;
width: 2px !important;
height: 2px !important;
}

http://ipic.su/img/fs/kiss_4kb.1307791846.png

Ареопагит 11.06.2011 16:30

.im_sel_row .im_log_author, .im_sel_row .im_log_body, .im_sel_row .im_log_date, .im_sel_row {background-color: #99CCFF !important;} /*В просмотре диалогов, при выделении сообщений */

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

Вот добавление этого и сделает сообщение темнее... Цвет, естественно, можно выбрать самим.

Гавр 12.06.2011 16:58

IkaR49, думаю этот css тоже не будет лишним для тех у кого во Вкопте включена функция Подробная информация на профилях: -всегда разворачивать , убирает кнопку "скрыть подробную информацию"

Код:

#profile_full_link {
            display: none !important
}


IkaR49 12.06.2011 17:08

Гавр, слегка подредактировал и добавил ;)

vall_gorr 12.06.2011 23:06

Убирает основную инфу пользователя. Может кому-то пригодиться.
Код:

#profile_full_info {
        display: none !important
}


Гавр 12.06.2011 23:42

vall_gorr, думаю аналог твоему твику есть функция ВК в настройках Всегда показывать полную информацию обо мне

vall_gorr 13.06.2011 00:14

Гавр, Этот код вообще убирает всю инфу, начиная с контактной информации.

Reydan-46 15.06.2011 10:57

http://savepic.net/1389360.jpg

Код:

/* Изменение цвета сердечек "нравится" */

.wall_module .like_wrap div.my_like {
background-image: url("http://savepic.net/1410876.gif") !important;
}

.wall_module .like_wrap div {
background-image: url("http://savepic.net/1410876.gif") !important;
}


Ареопагит 15.06.2011 13:24

Reydan-46, вы забыли про !important.

/*Изменение цвета сердечек "нравится"*/
.wall_module .like_wrap div.my_like {background-image: url("http://savepic.net/1410876.gif") !important}
.wall_module .like_wrap div {background-image: url("http://savepic.net/1410876.gif") !important}

Reydan-46 15.06.2011 13:56

http://savepic.org/1888104.jpg

Код:

/* Изменение цвета указательных надписей "обновления" и "все" */

.right_link {
color: #ff0000 !important;
}

.module_header span {
color: #ff0000 !important;
}


Reydan-46 18.06.2011 18:44

Дополнение к заголовкам
http://img.ii4.ru/images/2011/06/18/..._kiss_13kb.jpg
http://img.ii4.ru/images/2011/06/18/..._kiss_14kb.jpg
http://img.ii4.ru/images/2011/06/18/119094_kiss_9kb.jpg
http://img.ii4.ru/images/2011/06/18/..._kiss_11kb.jpg

Вернуть всем заголовкам старый бледно-жёлтый цвет
Код:

/* Вернуть всем заголовкам старый бледно-жёлтый цвет */
#header, #friends .search, .video_search, .audio_search, #im_bar, #mail_bar, .groups_list_search, .events_list_search, #feed_bar, .fave_search, .summary_tabs, .app_search, .docs_search_bar, #settings_bl_bar, .search_query_wrap {
        background-image: url("http://savepic.org/1811154.jpg") !important;
        padding-top: 12px !important
}


Reydan-46 26.06.2011 13:52

Насчёт "Фиксация шапки сайта"
Кусок правой панели не виден.
http://ipic.su/img/fs/kiss_8kb.1309079287.jpg
Нужно добавить
Код:

#right_bar {
margin-top: 40px !important;
}

В итоге
http://ipic.su/img/fs/kiss_8kb.1309079327.jpg

И для клавиши "Наверх" использовать процентную позицию.
Сейчас:
http://ipic.su/img/fs/kiss_17kb.1309079525.jpg
Код:

#side_back_link {
        left: 64% !important;
}

В итоге:
http://ipic.su/img/fs/kiss_12kb.1309079642.jpg


Часовой пояс GMT +4, время: 12:59.

Сервер бесплатных медицинских консультаций
Дачный форум. уДачное общение.

VkOpt 2007 - 2024
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод от zCarot