PDA

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

mrTUZ
24.02.2009, 23:45
Всем ку! Вот приспечило сделать тему для контакта в стиле АнТиЧаТа. Делаем в первый раз, так что сильно не пинать! Вот так смотрится на опере, на остальных браузерах не тестил ;) 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
Ржунимагу, это наша первая работа. скажи что именно не устраивает, исправим!
сделайте в стиле античата, а не в стиле хз чего :)
фон ачата и так далее :(
а так зачет !
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
Вот сел для себя сделал! оцените!, если понравится могу выложить!!!


http://pic.ipicture.ru/uploads/090225/thumbs/lT1mw55U7R.jpg (http://ipicture.ru/Gallery/Viewfull/13913256.html)
dinar_007
25.02.2009, 09:59
Вот сел для себя сделал! оцените!, если понравится могу выложить!!!


http://pic.ipicture.ru/uploads/090225/thumbs/lT1mw55U7R.jpg (http://ipicture.ru/Gallery/Viewfull/13913256.html)
Мда... А зачем на скрине нужно было что-то затирать то? Хэккер крутой?
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
Мда... А зачем на скрине нужно было что-то затирать то? Хэккер крутой?
причем там крутой, или не крутой, ты по делу говори, а то только .....))))
lilsaint
25.02.2009, 11:22
Вот сел для себя сделал! оцените!, если понравится могу выложить!!!


http://pic.ipicture.ru/uploads/090225/thumbs/lT1mw55U7R.jpg (http://ipicture.ru/Gallery/Viewfull/13913256.html)

up!) не нравиЦо навеРнОе!(((
mrTUZ
25.02.2009, 15:03
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
не я не понимаю, нах грузить такой огромный фоновый рисунок? сделал бы тайл и наложил надпись ачата в пнг
Да там делать то, пятнадцать минут, не зная никаких языков програмирования.
Connor
25.02.2009, 18:33
Во первых, та капуста или арбуз или что это? какое отношение имеет к античату? А во вторых, неудобно читать из-за полупрозрачного фона.
з.ы. если делаете что-то для всех, то потратьте чуть больше чем 20 минут, продумайте всё как следует, а уж потом выставляйте на показ, имхо.
m0Hze
25.02.2009, 18:59
хех,а я думал нормальные люди не сидят о социалкам.\
По теме.Все темы выше говно.Особеннго та что сделал lilsaint.
ВК высосет ваш мозг,досидитесь вы там...
lilsaint
25.02.2009, 21:59
хех,а я думал нормальные люди не сидят о социалкам.\
По теме.Все темы выше говно.Особеннго та что сделал lilsaint.
ВК высосет ваш мозг,досидитесь вы там...

сделай круче, зацени!, поставлю много репы!, и некуй стебаться СУЧКА!!!!!!!!!!
Connor
25.02.2009, 22:25
сделай круче, зацени!, поставлю много репы!, и некуй стебаться СУЧКА!!!!!!!!!!
Оскорблениями тоже отвечать не стоит, получается, что ты ничем не лучше.
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