Свежие темы форума
○ [Vn5socks.net] Service Seller Socks Good	в 08:43
○ Ключи к Norton/Symantec Антивирус №3 (Продолжение)	в 08:33
○ Install-shop.ru - Магазин аккаунтов + партнерка 10%! Instagr	в 23:43
○ Poster Pro 2.0.25 - программа для рассылок и парсинга ВК	в 23:42
○ Программа для продвижения в instagram	в 23:33
○ Бесплатные товары с Pandao!	в 13:36
○ заработок от 1000 руб. в сутки	в 13:30
○ Реальный способ пассивного заработка	в 13:27
○ Надо составить курсовую работу	в 12:57
○ Генератор прямых ссылок	в 02:52

Популярные темы форума
○ Ключи к Norton/Symantec Антивирус	9999
○ Ключи к Norton/Symantec Антивирус №2 (Продолжение)	9734
○ [Dichvusocks.us] Service Seller Socks Good	7010
○ [Vn5socks.net] Service Seller Socks Good	6859
○ Ключи к Norton/Symantec Антивирус №3 (Продолжение)	2502
○ Ключи для Windows 8.1	1902
○ CS:GO сайты с халявой (UPD 52 сайтa)	1833
○ Раздача игровых ключей на gleam.io Free(,бесплатно )	1205
○ Раздача аккаунтов,ключей,cookies,JavaScript на ФО	1186
○ Промо-акции: различные полезные программы	1050

Интересные статьи и лайфхаки

Как получить бесплатно 30000 свободного опыта в Wo...

В данной статье я вам расскажу как до 15 марта 2016 года получить на халяву 30000 свободного опыта в World of

Как получить WINDOWS 10 бесплатно, на халяву?

Windows 10 - самая последняя операционная система (OC), созданная корпорацией Microsoft. Данный продукт интере

Как узнать что вас взломали во Вконтакте?

Наверное многих интересует такой вопрос, как узнать что вас взломали во Вконтакте? Ведь никто от этого не заст

Сейчас вы просматриваете тему

Делаем темный скин форума Free-pass.ru собственными руками

Страница 1 из 1
1

SSD

Автор темы

Дата: Понедельник, 28.07.2014, 00:21 | Сообщение # 1

3 уровень

Сообщений: 198

Репутация: 40

Подарки: 7

Замечания: 0%

Постоянные

Сегодня я научу вас как из приевшегося, разъедающего глаза белого скина сделать нейтральный темный (ну или какой хотите)

Итоговый вариант должен получиться вот такой:

1. Итак, нам нужен плагин для хрома с возможностью вносить свои персональные стили для сайтов. Его можно бесплатно поставить с сайта гугла - https://chrome.google.com/webstore/detail/stylish/
2. Включаем если не включен в настройках (chrome://extensions/) Расширения

3. Плагин должен появиться в правом верхнем углу (возле кнопки с настройками)
Нажимаем на него и выбираем Manage Installed Styles

В открывшемся меню выбираем Write new style (кнопка слева)
4. Заполняем название и ставим всё как показано на рисунке

5. В поле Code вписываем то, что внизу

Код

body.forum {
        background: #333;
        background-image: url(http://i.imgur.com/hFFI1Sq.jpg);
        background-repeat: repeat;
        background-attachment: fixed;
        color: #999;
}

body {
        background: #333;
        background-image: url(http://i.imgur.com/hFFI1Sq.jpg);
        background-repeat: repeat;
        background-attachment: fixed;
}

.header_content {
        background: rgba(30,30,30,0.5);
        border-top: 1px solid rgb(10, 10, 10);
}

.header .hbar {
        background: rgba(20,20,20,0.7);
        border-bottom: 1px solid rgb(20, 20, 20);
}

.header_content .banner {
        display: none;
}

.header {
        background: none;
}

.navi {
        background: rgba(20,20,20,0.7);
        color: #f5f5f5;
        -webkit-box-shadow: 0px 4px 7px rgba(0,160,230,0.4);
        -moz-box-shadow: 0px 4px 7px rgba(0,160,230,0.4);
        box-shadow: 0px 4px 7px rgba(0,160,230,0.4);
}

.social {
        display: none;
}

.menu li a {
        display: block;
        color: #f5f5f5;
        height: 24px;
        text-decoration: none;
        padding-bottom: 2px;
        background: rgba(0,0,0,0);
        float: left;
        transition: all 0.4s ease-in;
}

.menu li a:hover {
        background: rgba(20,166,237,0.7);
}

.header .hbar .auth .miniprofile .logout {
        margin-left: 7px;
        background: none;
        bottom: 0px;
        border-radius: 2px;
        color: #f5f5f5;
        text-indent: 0px;
        width: 0px;
        height: 0px;
        text-align: center;
}
.cuzadpn {
     background:none;
     position:relative !important;
}
.logo {
        display: none;
}

.header_content {
        height: 70px;
        background-image: url(http://i.imgur.com/Hf1uW7b.png);
        background-repeat: no-repeat;
}

.forums {
        background: rgba(20,20,20,0.5);
        margin: 0 52px;
}

body.forum a {
        color: #61D0FF;
        text-shadow: 1px 1px #000;
}

table {
        color: #f5f5f5;
        border-color: #000;
        border-spacing: 0px;
}

.advBox {
        display: none;
}

.gTable td {
        background: none;
        border-bottom: none;
        border-right: none;
        color: #f5f5f5;
}

td {
        color: #f5f5f5;
}

.gTable {
        background: rgba(50,50,50,0.4);
        border-radius: 0px;
        -moz-border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #f5f5f5;
}

td.gTableTop {
        background: rgba(50,50,50,0.4);
        border-radius: 0px;
        -moz-border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
}

td.gTableSubTop, td .postTdTop {
        background: rgba(30,30,30,0.3);
}

td.threadIcoTd, td.threadPostTd, td.threadViewTd {
        background: rgba(30,30,30,0.3);
}

.gTable td {
        background: rgba(30,30,30,0.3);
        border-bottom: rgba(99,99,99,0.2) 1px solid;
        border-right: rgba(05,05,05,0.2) 1px solid;
        border-top: rgba(05,05,05,0.2) 1px solid;
        border-left: rgba(05,05,05,0.2) 1px solid;
}

td.gTableSubTop, td .postTdTop {
        color: #f5f5f5;
}

.switches {
        color: #f5f5f5;
        background: #303030;
        border: #050505 1px solid;
}

.switchActive {
        background: #555555;
}

.footer {
        display: none;
}

select {
        background: transparent;
}

input {
        background: #555;
        border: 1px solid #111;
        padding: 3px;
}

.wysibb-text textarea {
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        color: #f5f5f5 !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        background: rgba(30,30,30,0.5)  !important;
}

.wysibb-text {
        background: none !important;
}

.wysibb-text .wysibb-text-iframe {
        max-width: 100%;
        width: 100%;
        margin: 0;
        background: none !important;
}

.wysibb .wysibb-toolbar {
        background: rgba(55,55,55,0.6) !important;
        background-image: linear-gradient(bottom, rgba(45,45,45,0.4) 50%, rgba(20,20,20,0.2) 100%) !important;
        background-image: -o-linear-gradient(bottom, rgba(45,45,45,0.4) 50%, rgba(20,20,20,0.2) 100%) !important;
        background-image: -moz-linear-gradient(bottom, rgba(45,45,45,0.4) 50%, rgba(20,20,20,0.2) 100%) !important;
        background-image: -webkit-linear-gradient(bottom, rgba(45,45,45,0.4) 50%, rgba(20,20,20,0.2) 100% !important);
        background-image: -ms-linear-gradient(bottom, rgba(45,45,45,0.4) 50%, rgba(20,20,20,0.2) 100%) !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom: 1px solid #111 !important;
}

.wysibb {
        border: 1px solid #050505 !important;
        border-radius: 0px !important;
        background: none !important;
}

.postTable td.postTdInfo {
        background: rgba(35,35,35,0.5);
        border-right: 1px solid #050505;
        color: #f5f5f5;
        border-right: 1px solid #111;
        border-bottom: 1px solid #999;
}

.postTable td.posttdMessage {
        background: rgba(55,55,55,0.2);
        border-right: 1px solid #050505;
        border-bottom: 1px solid #999;
}

.postTable {
        background: none;
}

.postTable td {
        color: #f0f0f0;
        background: none;
}

.postFirst {
        border: none !important;
        background: none !important;
}

.postSeparator {
        height: 3px !important;
        padding: 0px !important;
        background: rgba(20,20,20,0.5) !important;
}

hr {
        height: 0px;
        color: #999;
        background-color: rgba(55,55,55,0.7);
        border: 1px dotted rgba(55,55,55,0.8);
}

a.forum:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {
        color: rgb(130, 130, 130);
}

a.forum, a.forumLastPostLink, a.threadAuthorLink {
        color: rgb(150, 150, 150) !important;
}

a.forum:link {
        color: rgb(150, 150, 150);
}

.forumDescr, .forumModer {
        color: rgb(180, 180, 180);
}

.maincol {
        background: rgba(33,33,33,0.5);
        ;
}

.threadIcoTd style {
        background: #333 !important;
}

.wrapper {
        min-width: 1015px;
        margin: 0 -5px;
}

a.fNavLink:hover {
        color: rgb(0,160,230);
}

6. Нажимаем сохранить (Save - кнопка слева)

Вкладку плагина можно закрыть. Если всё сделали правильно у вас должен быть темный скин форума.

Сообщение отредактировал SSD - Понедельник, 28.07.2014, 13:54

Прикрепления: 5856349.jpg (183.2 Kb) · 7353716.jpg (111.9 Kb)

Поделиться этой темой:

Бот

Интересное

10 уровень

Сообщений: 7172

Репутация: ∞

Подарки: 77

Замечания: 0%

Интересный контент

Не видишь блоки? - Отключи AdBlock

HARD

Дата: Понедельник, 28.07.2014, 00:28 | Сообщение # 2

10 уровень

Сообщений: 5765

Репутация: 176

Подарки: 156

Замечания:

Администраторы

Ух-ты-ж. некоторым будет полезный гайд. В будущем скорее всего сделаем кнопочку переключения шаблонов сайта на темный/светлый

Подпись Как поставить себе подпись?

Хотите купить рекламу на форуме, задать какой-либо вопрос администрации?
Контакты указаны на этой странице (Жми сюда).

RockSmasher

Дата: Понедельник, 28.07.2014, 00:29 | Сообщение # 3

9 уровень

Сообщений: 1178

Репутация: 69

Подарки: 24

Замечания: 0%

Форумчанин

А я уже привык к белому. smile

Oellekon

Дата: Понедельник, 28.07.2014, 02:26 | Сообщение # 4

2 уровень

Сообщений: 101

Репутация: 6

Подарки: 7

Замечания: 20%

Постоянные

Нужно внедрять как официальная функция сайта,на фрипассе чаще всего провожу время с телефона,когда в 4 утра приспичило зайти на фп глаза сгорают от цвета