Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   Болталка (https://forum.antichat.xyz/forumdisplay.php?f=46)
-   -   Тема для сайта [В]контакте в стиле antichat (https://forum.antichat.xyz/showthread.php?t=107864)

mrTUZ 24.02.2009 23:45
Тема для сайта [В]контакте в стиле 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

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

Ржунимагу 24.02.2009 23:49
ну и где тут хотябы подобие Ачата???????????????????????

F1shka 24.02.2009 23:50
Вот приспичело мне немного пофлудить, строго не судите!

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

Ржунимагу 24.02.2009 23:56
Цитата:
Ржунимагу, это наша первая работа. скажи что именно не устраивает, исправим!
базара нет! :D - работает - уже супер!!! Просто Античатом помоему совсем не пахнет! А так молодцы!!!

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

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

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

F1shka 25.02.2009 00:05
Цитата:
Вы добавили слишком много репутации...
А МНЕ НЕ ЖАЛКО!
Жаль что вам поставить не могу!

1ce666 25.02.2009 00:14
mrTUZ

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

:D:D:D:D:D:D:D

-=Victoris=- 25.02.2009 00:18
Цитата:
Сообщение от mrTUZ
Ржунимагу, это наша первая работа. скажи что именно не устраивает, исправим!
сделайте в стиле античата, а не в стиле хз чего :)
фон ачата и так далее :(
а так зачет !

Nelzone 25.02.2009 00:20
норм

F1shka 25.02.2009 03:35
У меня вот что вышло, ужасно правда.
Код:
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; }
Криво выглядит сам "чцвачок" надо его по больше сделати.
Планка поиск и прочее не отоброжаеться - *** с ними и так заебали в доску
фотожопой бы владел, фон был бы охрененным. Идинственное что порадовало глаз так это фон на которых надписи:
подарки, стена, аудио записи.

F1shka 25.02.2009 09:23
ВО! Сделал! Даже не плохо выщло по моему! На сегодняшний день жалею что не овладел фотошопом!
Код:
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; }

dinar_007 25.02.2009 09:55
Хехех )))

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

dinar_007 25.02.2009 09:59
Цитата:
Сообщение от lilsaint
Вот сел для себя сделал! оцените!, если понравится могу выложить!!!
Мда... А зачем на скрине нужно было что-то затирать то? Хэккер крутой?

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

procedure 25.02.2009 10:10
пиздец, перцы античата вконтакте.
Цитата:
Давайте статсю накорябыем!)) Получим многа вкусных плюсов)) Могу на заказ темы деллать за 1 доллар!
Мировой кризис? Понимаю... ну кто то ведь должен дрочерством заниматься.

F1shka 25.02.2009 10:14
procedure ПРОТВНЫЙ КАКОЙ! Там смайлик стаит...
1) Кризис у людей в башке.Этим всё сказано!
2) А сам то не задротствуешь?

lilsaint 25.02.2009 11:20
Цитата:
Сообщение от dinar_007
Мда... А зачем на скрине нужно было что-то затирать то? Хэккер крутой?
причем там крутой, или не крутой, ты по делу говори, а то только .....))))

lilsaint 25.02.2009 11:22
Цитата:
Сообщение от lilsaint
Вот сел для себя сделал! оцените!, если понравится могу выложить!!!
up!) не нравиЦо навеРнОе!(((

mrTUZ 25.02.2009 15:03
Цитата:
Сообщение от 1ce666
mrTUZ

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

:D:D:D:D:D:D:D
это не для ачата :D :D :D

root_sashok 25.02.2009 17:24
не я не понимаю, нах грузить такой огромный фоновый рисунок? сделал бы тайл и наложил надпись ачата в пнг

PHOEN_i_X 25.02.2009 18:25
Так не плохо...
Меня впринципе дефаултный как то устраивает )

F1shka 25.02.2009 18:26
Цитата:
Сообщение от root_sashok
не я не понимаю, нах грузить такой огромный фоновый рисунок? сделал бы тайл и наложил надпись ачата в пнг
Да там делать то, пятнадцать минут, не зная никаких языков програмирования.

Connor 25.02.2009 18:33
Во первых, та капуста или арбуз или что это? какое отношение имеет к античату? А во вторых, неудобно читать из-за полупрозрачного фона.
з.ы. если делаете что-то для всех, то потратьте чуть больше чем 20 минут, продумайте всё как следует, а уж потом выставляйте на показ, имхо.

m0Hze 25.02.2009 18:59
хех,а я думал нормальные люди не сидят о социалкам.\
По теме.Все темы выше говно.Особеннго та что сделал lilsaint.
ВК высосет ваш мозг,досидитесь вы там...

lilsaint 25.02.2009 21:59
Цитата:
Сообщение от m0Hze
хех,а я думал нормальные люди не сидят о социалкам.\
По теме.Все темы выше говно.Особеннго та что сделал lilsaint.
ВК высосет ваш мозг,досидитесь вы там...
сделай круче, зацени!, поставлю много репы!, и некуй стебаться СУЧКА!!!!!!!!!!

Connor 25.02.2009 22:25
Цитата:
Сообщение от lilsaint
сделай круче, зацени!, поставлю много репы!, и некуй стебаться СУЧКА!!!!!!!!!!
Оскорблениями тоже отвечать не стоит, получается, что ты ничем не лучше.

A_n_d_r_e_i 07.02.2010 18:22
не нашел недавней темы, где мэн выложил свою роботу, пишу тут, жаловались что искажено.
поправил, немного изменил:
http://depositfiles.com/files/3dn9f0l7l

mrTUZ 08.02.2010 15:38
перезалей

Nizhegorodets 08.02.2010 17:55
Вот еще одна версия от менЯ

http://dump.ru/file/4284945

Тестировал на Мозиле

1680px × 1050px


Время: 10:43