Можно всё узнать тут " http://vkontakte.ru/club3681574 "
Но если кому-то лень, или кто-то ещё не зарек В контакте, то вот:
P.S-Я в этом не шарю, мне не очь интересно^ ^ потому что всё-таки этим можно всё себе збить :З
Art [В]контакте.
Сообщений 1 страница 2 из 2
Поделиться114 Май 2009 15:45:01
Поделиться214 Май 2009 15:45:14
КАК УСТАНОВИТЬ ТЕМУ НА Internet Explorer
Внимание - под Эксплорером установленные темы применяются ко всем сайтам, не только для http://vkontakte.ru!
Для корректного отображения других сайтов вам придется выключать тему каждый раз, когда вы переходите на другой сайт, или же установить себе другой браузер (Firefox или Opera) и поставить темки уже на него.
+ побочный эффект - если вы пользуетесь ICQ тема и на неё будет распространяться.
+ еще одна причина уйти от эксплорера: цитата Павла Дурова "Пользуйтесь браузерами FireFox и Opera, сводите к минимуму работу в браузере Internet Explorer." (это он о безопасности)
_____________________________________________________________Как установить на Explorer:
1. Под фото выбранной темы выделяем и копируем текст каскадной таблицы (в комментариях к выбранной темке)
вот так http://vkontakte.ru/photos.php?act=show&id=-2428...2. Открываем Блокнот (или др. простой текстовый редактор) и вставляем в него то, что скопировали.
вот так http://vkontakte.ru/photos.php?act=show&id=-2428...3. В блокноте нажмите "Файл" - "Сохранить как". Впишите название, например http://vkontakte.css (обязательно с окончанием .css латиницей!)
Укажите папку, куда сохранить файл (неважно куда, лишь бы не потерять, например в папку Program Files или создайте новую) и Сохраните.
вот так http://vkontakte.ru/photos.php?act=show&id=-2428...4. В эксплорере переходим Cервис( Tools) → Св-ва обозревателя ( internet options) → Общие(General)→ Оформление(Accesibility)
Поставить галочку на "Оформлять,используя пользовательский стиль"(Format documents using my style sheet)
Нажать "Обзор" и открыть там сохраненный файл .cssВидео-инструкция:
1 этап. Создание файла css - http://vkontakte.ru/video-2428795_67637475
2 этап. Установка темы - http://vkontakte.ru/video-2428795_67637761
_____________________________________________________________ЧТОБЫ ВЫКЛЮЧИТЬ тему, снимите галочку с "Оформлять,используя пользовательский стиль"("Format documents using my style sheet")
КАК УСТАНОВИТЬ ТЕМУ НА Opera
1. Проверьте настройки:
Инструменты/Настройка/Дополнительно/Содержимое/Параметры стиля/Режимы представлений.
Слева проверить, чтобы стояла галочка около "Моя таблица стилей"2. Под фото выбранной темы выделяем и копируем текст каскадной таблицы (в комментариях)
3. Открываем Блокнот (или др. простой текстовый редактор) и вставляем в него то, что скопировали.
4. В блокноте нажмите "Файл" - "Сохранить как". Впишите название, например http://vkontakte.css (обязательно с окончанием .css латиницей!)
Укажите папку, куда сохранить файл (неважно куда, лишь бы не потерять, например в папку Opera) и Сохраните.5. Правой кнопкой мыши щелкните по фону странички Вконтакта и нажмите "Изменить настройки узла"
6. На вкладке "Отобразить" нажмите "Обзор", укажите место, где сохранили файл http://vkontakte.css
И нажмите "Ок"
Все!Видео-инструкция:
1 этап. Создание файла css - http://vkontakte.ru/video-2428795_67637475
2 этап. Установка темы - http://vkontakte.ru/video-2428795_67638293Чтобы выключить тему, на вкладке "Отобразить" сотрите путь к файлу и жмите Ок.
КАК УСТАНОВИТЬ ТЕМУ НА Mozilla FireFox
1. Установите на FireFox аддон Stylish, перейдя по ссылке и добавив аддон в Firefox
http://addons.mozilla.org/ru/firefox/addon/21082. Под выбранной темой (в альбомах группы) аккуратно скопируйте текст каскадной таблицы
3. В меню Stylish (в правом нижнем углу браузера) нажмите Создать стиль>Для http://vkontakte.ru
4. В появившемся окне в поле "описание" назовите как хотите.
В нижнее окно вставьте текст каскадной таблицы МЕЖДУ узорными скобками { }5. Жмите Cохранить, теперь можно эту тему включать, выключать, комбинировать несколько тем.
Видео-инструкция - http://vkontakte.ru/video-2428795_67638413
__________________________________________________________Перед тем как поставить другую тему, желательно отключите предыдущую!!! Иначе они могут отображаться некорректно!
Чтобы выключить тему, снимите с неё галочку в меню Stylish
и обновите страницу. Перечень тем для Вконтакте появляется лишь когда находишься на сайте Вконтакте.Вы можете создать тему самостоятельно, переписав коды цветов шрифта, ссылок на фоновые картинки, и опубликовать свои темы для всех.
Если вы все сделали, а тема не работает, напишите какая конкретно тема, указав ссылку на неё (некоторые темы могут быть нерабочие).
Теперь сами дизайны ^ ^
/1280*/
body {background: #FFFFFF url(http://img401.imageshack.us/img401/7387/94557065rt6.jpg) no-repeat fixed bottom !important}
div, Select, td, TEXTAREA, http://span.ncc, input, a {background: transparent !important;}
#boxWrap {background: blu !important}
a, h2, td, h4, A:hover {color: blu !important}
#pageHeader
{background: url(http://img238.imageshack.us/img238/4257/28220360ff4.png) !important;}
.actionspro {background: transparent none !important}
.buttonRow li {background-color: #554883 !important;}
.buttonRow li a { color: white !important; }
#banner1, #banner2 {display: none !important}
DIV, b, span, TEXTAREA, a {color: black !important}
--, #rateLeft {background: #554883 !important}
http://Div.flexHeader, http://Div.header {border-top: 1px solid #554883 !important; border-bottom: 1px solid #554883 !important}
select, option {background: white !important; color: blu !important}
#header, #quickquery {border:1px solid #554883 !important}
#nav li a, p, B, .pageList a, div, .nc *, http://Div.header, http://div.actions, .bNav li a, #wrapH, .flexHeader, http://ul.buttonRow a, #profileActions a, LI, #myLink {border-color:transparent !important;}
#nav li, #nav li#myprofile a {border-bottom: 1px solid transparent !important;}
http://ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #http://td.info
{background: none !important;}
/1024*/
body {background: #FFFFFF url(http://s44.radikal.ru/i104/0807/92/f3de7bb243d5.jpg) no-repeat fixed bottom !important}
div, Select, td, TEXTAREA, http://span.ncc, input, a {background: transparent !important;}
#boxWrap {background: blu !important}
a, h2, td, h4, A:hover {color: blu !important}
#pageHeader
{background: url(http://img238.imageshack.us/img238/4257/28220360ff4.png) !important;}
.actionspro {background: transparent none !important}
.buttonRow li {background-color: #554883 !important;}
.buttonRow li a { color: white !important; }
#banner1, #banner2 {display: none !important}
DIV, b, span, TEXTAREA, a {color: black !important}
--, #rateLeft {background: #554883 !important}
http://Div.flexHeader, http://Div.header {border-top: 1px solid #554883 !important; border-bottom: 1px solid #554883 !important}
select, option {background: white !important; color: blu !important}
#header, #quickquery {border:1px solid #554883 !important}
#nav li a, p, B, .pageList a, div, .nc *, http://Div.header, http://div.actions, .bNav li a, #wrapH, .flexHeader, http://ul.buttonRow a, #profileActions a, LI, #myLink {border-color:transparent !important;}
#nav li, #nav li#myprofile a {border-bottom: 1px solid transparent !important;}
http://ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #http://td.info
{background: none !important;}
/1280*/
body {background: #FFFFFF url(http://s52.radikal.ru/i136/0808/72/bfbddaa6f665.jpg) no-repeat fixed bottom !important}
div, Select, td, TEXTAREA, http://span.ncc, input, a {background: transparent !important;}
#boxWrap {background: red !important}
a, h2, td, h4, A:hover {color: blu !important}
#pageHeader
{background: url(http://s45.radikal.ru/i109/0808/cb/186d44e54b2f.png) !important;}
.buttonRow li {background-color: grey !important;}
.buttonRow li a { color: white !important; }
#banner1, #banner2 {display: none !important}
.actionspro {background: transparent none !important}
DIV, b, span, TEXTAREA, a {color: white!important}
--, #rateLeft {background: #554883 !important}
http://Div.flexHeader, http://Div.header {border-top: 1px solid #554883 !important; border-bottom: 1px solid #554883 !important}
select, option {background: white !important; color: red !important}
#header, #quickquery {border:1px solid #554883 !important}
#nav li a, p, B, .pageList a, div, .nc *, http://Div.header, http://div.actions, .bNav li a, #wrapH, .flexHeader, http://ul.buttonRow a, #profileActions a, LI, #myLink {border-color:transparent !important;}
#nav li, #nav li#myprofile a {border-bottom: 1px solid transparent !important;}
http://ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #http://td.info
{background: none !important;}
/1024*/
body {background: #FFFFFF url(http://s53.radikal.ru/i142/0808/57/a20e6a7b81d7.jpg) no-repeat fixed bottom !important}
div, Select, td, TEXTAREA, http://span.ncc, input, a {background: transparent !important;}
#boxWrap {background: red !important}
a, h2, td, h4, A:hover {color: blu !important}
#pageHeader
{background: url(http://s45.radikal.ru/i109/0808/cb/186d44e54b2f.png) !important;}
.buttonRow li {background-color: grey !important;}
.buttonRow li a { color: white !important; }
#banner1, #banner2 {display: none !important}
.actionspro {background: transparent none !important}
DIV, b, span, TEXTAREA, a {color: white!important}
--, #rateLeft {background: #554883 !important}
http://Div.flexHeader, http://Div.header {border-top: 1px solid #554883 !important; border-bottom: 1px solid #554883 !important}
select, option {background: white !important; color: red !important}
#header, #quickquery {border:1px solid #554883 !important}
#nav li a, p, B, .pageList a, div, .nc *, http://Div.header, http://div.actions, .bNav li a, #wrapH, .flexHeader, http://ul.buttonRow a, #profileActions a, LI, #myLink {border-color:transparent !important;}
#nav li, #nav li#myprofile a {border-bottom: 1px solid transparent !important;}
http://ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #http://td.info
{background: none !important;}