Свежие темы форума
○ Стикеры "Pepsi"	в 13:16
○ [Vn5socks.net] Service Seller Socks Good	в 06:39
○ Промо-акции: различные полезные программы	в 22:25
○ Здесь вы можете скачать бесплатно программы	в 22:23
○ Ключи к Norton/Symantec Антивирус №3 (Продолжение)	в 18:02
○ Успей забрать свои токены (монеты)	в 02:28
○ Поднимаем профит на фишинге ★ Взлом с помощью фейка	в 02:28
○ Раздача игровых ключей на gleam.io Free(,бесплатно )	в 02:26
○ Как возник ваш ник? [истории возникновения ваших ников]	в 10:14
○ Тема для киноманов! (Обсуждение фильмов, сериалов и др.)	в 10:13

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

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

Бесплатная Steam игра Grimoire: Manastorm от Bundl...

Получаем бесплатную игру Steam Grimoire: Manastorm. Способ получения новой Steam игры на халяву, читаем!

[Почтовая халява] Бесплатные обложка для паспорта ...

Aviasales раздаёт на халяву вещи, которые можно взять бесплатно на Ebay! Обложка для паспорта или очки от солн

Как получить стикеры в ВК бесплатно?

Я уверен в том, что практически каждый активный пользователь ВКонтакте задумывался о том, как получить стикеры

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

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

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

Форум о халяве - FREE-PASS.Ru » Административный раздел » Вопросы к Администрации, Предложения, Книга жалоб » Делаем темный скин форума Free-pass.ru собственными руками

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 утра приспичило зайти на фп глаза сгорают от цвета