Форум АНТИЧАТ - Тема для сайта [В]контакте в стиле antichat

Тема для сайта [В]контакте в стиле antichat

24.02.2009, 23:45

mrTUZ

Участник форума

Регистрация: 17.05.2008

Сообщений: 175

Провел на форуме:
3795954

Репутация: 521

Отправить сообщение для mrTUZ с помощью ICQ

Тема для сайта [В]контакте в стиле antichat

Всем ку! Вот приспечило сделать тему для контакта в стиле АнТиЧаТа. Делаем в первый раз, так что сильно не пинать! Вот так смотрится на опере, на остальных браузерах не тестил http://pic.ipicture.ru/uploads/090224/LV5nLKIrNO.jpg

Мануал по установке для Оперы.

1. Проверьте настройки:
Инструменты/Настройка/Дополнительно/Содержимое/Параметры стиля (или "Настроить стили")/Режимы представлений (или "Режимы отображения").
Слева проверить, чтобы стояла галочка около "Моя таблица стилей"

2. скопируем этот код

Код:

body {background: #707685 url(http://pic.ipicture.ru/uploads/090224/uzctdGhdXw.jpg) no-repeat fixed center top !important; }
#pageHeader {background: url(http://kozlina.ru/i/2169591211.png) !important; }
#header, Div.header, H4, #myLink, th, #quickquery, Div.voting_result_fg, div #rateLeft, span.ncc, .flexHeader, option, input, select {background: url('http://i048.radikal.ru/0806/f6/62d80c43753e.png') !important;}
.Header {background: url('http://pic.ipicture.ru/uploads/090224/0XMtFeq3UM.png') !important; }
div, td, textarea, span.ncc, a, #header, #quickquery, b, #endQuote, #startQuote, .actionspro, li.written, th, ul.pageList, #endQuote, #startQuote, .actionspro, ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #td.info, .msgOld em, .mailbox table tr.newRow, .rateTabs, .rateTabOff a, .notes_titles li, img
{background: transparent !important;}
#content, #nav li a:hover {background: url('http://i011.radikal.ru/0806/19/d4ca481ae4d9.png') !important; }
div, small, td, label, a:hover {color: black !important}
a, h2, h3, h4, caption, b, span, option, input, select, strong {color: black !important}
#nav li a {font-weight: normal !important}
Div.header, div.actions, #myLink, DIV #content, Div.playline, TD, Input, select, TH, H4, H2, #photoactions a, #photoactions .action_link, #photoactions .non_action, .bNav li a, ul.buttonRow a, .voteLink, #dialog, img:hover, .mailbox table td, .upArrow a, .dArrow a, a.iLink, #nav li a, .nc *, div, LI, p, B, #profileActions a, .pageList a, .scrollList a, .commnav li a, img
{border-color:transparent !important;}
#quickquery {border-color: #B2B2B2 !important}
#nav li a {background: url('http://upload.akusherstvo.ru/image159784.jpg') no-repeat !important;}
#nav li a {color: #000000 !important}
#banner1 {visibility: hidden !important}
#banner2 {visibility: hidden !important; margin-bottom: -90px !important}
#pageHeader { background-image: url(http://i033.radikal.ru/0806/cd/56c0488867d0.png) !important;
}
#nav li a, p, B, .pageList a, div, .nc *, Div.header, div.actions, .bNav li a, #wrapH, .flexHeader, ul.buttonRow a, #profileActions a, LI, #myLink {border-color:transparent !important;}

#sideBar { position: fixed !important; }

3. Открываем Блокнот (или др. простой текстовый редактор) и вставляем в него то, что скопировали.

4. В блокноте нажмите "Файл" - "Сохранить как". Впишите название, например vkontakte.css (обязательно с окончанием .css латиницей!)
Укажите папку, куда сохранить файл (неважно куда, лишь бы не потерять, например в папку Opera) и Сохраните.

5. Правой кнопкой мыши щелкните по фону странички Вконтакта и нажмите "Изменить настройки узла"(или "Настройки для сайта")

6. На вкладке "Отобразить" (или "Вид") нажмите "Обзор", укажите место, где сохранили файл vkontakte.css
И нажмите "Ок". Обновите страницу.
Все!

Чтобы выключить тему, на вкладке "Отобразить" (или "Вид") сотрите путь к файлу и жмите Ок. Обновите страницу.

Если у вас не изменяется цвет шрифта в текстовых полях, то...
Меню "Вид" - "Стиль" - "Настроить стили..."
Вкладка "Вид" поставить галку "Включить стилизацию форм"

Мануал по установке для Мозиллы.

1. Установите на FireFox аддон Stylish, перейдя по ссылке и добавив аддон в Firefox и перезапустив браузер.
http://addons.mozilla.org/ru/firefox/addon/2108

2. скопируйте код

Код:

body {background: #707685 url(http://pic.ipicture.ru/uploads/090224/uzctdGhdXw.jpg) no-repeat fixed center top !important; }
#pageHeader {background: url(http://kozlina.ru/i/2169591211.png) !important; }
#header, Div.header, H4, #myLink, th, #quickquery, Div.voting_result_fg, div #rateLeft, span.ncc, .flexHeader, option, input, select {background: url('http://i048.radikal.ru/0806/f6/62d80c43753e.png') !important;}
.Header {background: url('http://pic.ipicture.ru/uploads/090224/0XMtFeq3UM.png') !important; }
div, td, textarea, span.ncc, a, #header, #quickquery, b, #endQuote, #startQuote, .actionspro, li.written, th, ul.pageList, #endQuote, #startQuote, .actionspro, ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #td.info, .msgOld em, .mailbox table tr.newRow, .rateTabs, .rateTabOff a, .notes_titles li, img
{background: transparent !important;}
#content, #nav li a:hover {background: url('http://i011.radikal.ru/0806/19/d4ca481ae4d9.png') !important; }
div, small, td, label, a:hover {color: black !important}
a, h2, h3, h4, caption, b, span, option, input, select, strong {color: black !important}
#nav li a {font-weight: normal !important}
Div.header, div.actions, #myLink, DIV #content, Div.playline, TD, Input, select, TH, H4, H2, #photoactions a, #photoactions .action_link, #photoactions .non_action, .bNav li a, ul.buttonRow a, .voteLink, #dialog, img:hover, .mailbox table td, .upArrow a, .dArrow a, a.iLink, #nav li a, .nc *, div, LI, p, B, #profileActions a, .pageList a, .scrollList a, .commnav li a, img
{border-color:transparent !important;}
#quickquery {border-color: #B2B2B2 !important}
#nav li a {background: url('http://upload.akusherstvo.ru/image159784.jpg') no-repeat !important;}
#nav li a {color: #000000 !important}
#banner1 {visibility: hidden !important}
#banner2 {visibility: hidden !important; margin-bottom: -90px !important}
#pageHeader { background-image: url(http://i033.radikal.ru/0806/cd/56c0488867d0.png) !important;
}
#nav li a, p, B, .pageList a, div, .nc *, Div.header, div.actions, .bNav li a, #wrapH, .flexHeader, ul.buttonRow a, #profileActions a, LI, #myLink {border-color:transparent !important;}

#sideBar { position: fixed !important; }

3. В меню Stylish (в правом нижнем углу браузера значёк Stylish(листик с ручкой)) нажмите Создать стиль>Для vkontakte.ru
( Если нет значка, проверьте чтобы была галочка в меню Вид>Строка состояния

4. В появившемся окне в поле "описание" назовите как хотите.
В нижнее окно вставьте текст каскадной таблицы МЕЖДУ узорными скобками { }

5. Жмите Cохранить, теперь можно эту тему включать, выключать, комбинировать несколько тем.

Дизайн - lilsaint
Код - mrTUZ