Greasy Fork

Greasy Fork is available in English.

[alpha] Убрать новый дизайн VK.com (CSS)

Удаляем новое оформление ВКонтакта, возвращая старый дизайн. (Тест версии css из сети)

当前为 2016-08-20 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name		 [alpha] Убрать новый дизайн VK.com (CSS)
// @version		 2.5.12
// @description	 Удаляем новое оформление ВКонтакта, возвращая старый дизайн. (Тест версии css из сети)
// @author		 ICP
//=	=	^^^ Автор, версия и название скрипта ^^^
// @match		 *://vk.com/*
//=	=	^^^ Перехватываемые URL ^^^
// @exclude		 *://vk.com/notifier.php?*
// @exclude		 *://vk.com/al_*
// @exclude		 *://vk.com/upload_fails.php
// @exclude		 *://vk.com/ads_rotate.php?*
//=	=	^^^ Исключённые URL, перехват которых запрещён ^^^
// @run-at		 document-end
// @grant		 GM_xmlhttpRequest
//=	=	^^^ Включение скрипта при старте загрузки документа ^^^
// @connect		 userstyles.org
// @namespace		 ICP
// ==/UserScript==
(function() {

document.querySelector("link[rel*='icon']").href = "http://vkontakte.ru/images/favicon.ico"; // замена иконки VK на привычное В

var addCSS = function () {/*
body {
	background: #FFFFFF; // Выбеливаем фон
}

body:before {
	color: rgba(0,0,0,.20); // Изменение цвета объявленной альфы на чёрный, с прозрачностью 80%
}

.im-page.im-page_classic .im-page--header.ui_search {
	top: 40px !important; // Изменение строки поиска в переписке
}

.im-right-menu.ui_rmenu {
	margin-top: 39px;
	margin-left: 0;
	width: 607px;
	z-index: 4; // Выравниваем верхнее меню в переписке
}

.im-page.im-page_classic .im-page--dialogs {
	padding-top: 80px; // переписка и списки - выравнивание
}

.im-page.im-page_classic .im-page--header-chat {
	width: 629px;
	margin-top: -33px; // выравнивание шапки диалогов.
}

.im-page .im-page--header, .im-page .im-page--search-header {
	width: 613px;
    top: -2px;
	left: 29px;
	z-index: 5; // Поиск по диалогу .im-page.im-page_classic .im-page--search-header
}

.ui_search {
	padding: 7px 7px 7px; // форма ввода поиска
}

.im-search--date-input .cal_div {
    top: 90px;
	left: 180px; // смещение календаря
}

.im-page .im-page--mess-actions {
	position: relative; // исправление перекоса обновления .42
}

.ui_rmenu {
	width: 607px; // калибровка верхнего меню настроек
}

.module_body .people_cell_ava {
	margin: 0 8px; // Удаление лишних полей от аватар в списках
}

.module_body .people_cell {
	width: 66px; // компрессия ячеек аватарок в списках, что-б помещались нормально
}

.page_square_photo {
	width: 150px;
	margin-left: 0px; // стыковка фотостатусов в единый блок
}

.nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic {
	background: #85f78a; // Изменение фоновой подсветки непрочитанных диалогов
}

.nim-dialog.nim-dialog_unread .nim-dialog--unread {
	display: block !important;
	border-radius: 5px;
	background: #72b693; // Кол-во непрочитанных
}

.nim-dialog.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--unread {
	display: block !important;
	background: rgba(200,147,173,.9);
	border-radius: 50%; // Знак непрочитанного своего
}

.nim-dialog.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--text-preview {
	background: rgba(200,255,200,.9); // Фон непрочитанного своего
}
// Окончание добавленного CSS
*/}.toString().slice(15,-3); // Добавление многострочной переменной, для редактирования и изменения подключаемого стиля.

	GM_xmlhttpRequest({ // Загрузка CSS
		method: "GET", // Метод
		url: 'http://userstyles.org/styles/128986.css', // Адрес
		onload: function(event) { // Если получен
			VK_CURRENT_CSS_CODE = event.responseText.slice(35,-1); // Отделяем чистый CSS
			var head = document.getElementsByTagName('html')[0]; // определение действующего html-а, должно работать в любом браузере
			var styleElement = document.createElement("style"); // Создайм стиль
			styleElement.type = 'text/css'; // Тип
			styleElement.appendChild(document.createTextNode('//--- Применение старого стиля ---\n'+VK_CURRENT_CSS_CODE+"\n"+addCSS)); // Собираем вместе
			head.appendChild(styleElement); // вставляем метатег внешнего стиля
			console.log('Стиль добавлен! - '+window.location.href); // Рапортуем в лог с указанием URL
		}
	});
})();