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

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

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

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

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

Code:

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. скопируйте код

Code:

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

 

это наша первая работа, потратив 20мин, вот такое получилось, так что, не судите строго, ждем критики, и советов.
с уважением mrTUZ и lilsaint

 

ну и где тут хотябы подобие Ачата???????????????????????

 

Вот приспичело мне немного пофлудить, строго не судите!

 

Ржунимагу, это наша первая работа. скажи что именно не устраивает, исправим!

 

базара нет! - работает - уже супер!!! Просто Античатом помоему совсем не пахнет! А так молодцы!!!

 

Если чесно то не оч вообще виснит и оттображаеться не красиво=(

 

Dumi, это по-началу так ) потом норм будет!.. по крайней мере у меня так...

 

у меня тоже, привыкаешь просто к оформлению и фсе суппер!)

 

А МНЕ НЕ ЖАЛКО!
Жаль что вам поставить не могу!

 

mrTUZ

А пикачу ? .....

 

сделайте в стиле античата, а не в стиле хз чего
фон ачата и так далее
а так зачет !

 

норм

 

У меня вот что вышло, ужасно правда.

Code:

body {background: #707685 url(http://pic.ipicture.ru/uploads/090225/Z1TaJJRgZx.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://pic.ipicture.ru/uploads/090225/A70rNITk2A.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://pic.ipicture.ru/uploads/090225/EaPt32IJ63.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; }

Криво выглядит сам "чцвачок" надо его по больше сделати.
Планка поиск и прочее не отоброжаеться - *** с ними и так заебали в доску
фотожопой бы владел, фон был бы охрененным. Идинственное что порадовало глаз так это фон на которых надписи:
подарки, стена, аудио записи.

 

ВО! Сделал! Даже не плохо выщло по моему! На сегодняшний день жалею что не овладел фотошопом!

Code:

body {background: #707685 url(http://pic.ipicture.ru/uploads/090225/kR1bT68aYC.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://pic.ipicture.ru/uploads/090225/A70rNITk2A.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/image162652.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://pic.ipicture.ru/uploads/090225/ix0Q1X25So.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; }

 

Хехех )))

 

Вот сел для себя сделал! оцените!, если понравится могу выложить!!!

​

 

Мда... А зачем на скрине нужно было что-то затирать то? Хэккер крутой?

 

Давайте статсю накорябыем!)) Получим многа вкусных плюсов)) Могу на заказ темы деллать за 1 доллар!

 

пиздец, перцы античата вконтакте.

Мировой кризис? Понимаю... ну кто то ведь должен дрочерством заниматься.