Свежие темы форума
Ключи для Connectify в 17:06
Ключи к Norton/Symantec Антивирус в 16:59
[Dichvusocks.us] Service Seller Socks Good в 16:39
[Vn5socks.net] Service Seller Socks Good в 16:26
Лучшая халява CS GO и PUBG 2017 года в 14:06
CS:GO сайты с халявой (UPD 52 сайтa) в 13:45
Продаю премиум аккаунт Turbobit в 13:41
Раздача аккаунтов,ключей,cookies,JavaScript на ФО в 13:36
[Халява] Раздача ключей Steam БЕСПЛАТНО в 13:22
Ключи для Windows 8.1 в 12:52
Популярные темы форума
Ключи для Windows 8.1 1601
CS:GO сайты с халявой (UPD 52 сайтa) 1479
Ключи к Office 2013 431
Бесплатные ключи CS:GO 249
Бесплатные ключи для Microsoft Office 2016 209
Driver Booster 4.3 Pro лицензионный ключ 79
[Халява] Раздача ключей Steam БЕСПЛАТНО 63
CS:GO сайты без депозита от Фрая 5
Bananatic - играй в лучшие игры онлайн и выигрывай призы 3
BITSKINS.COM - Продажа/Покупка скинов в различных играх 0
Интересные статьи и лайфхаки
Как получить стикеры в ВК бесплатно?
Как получить стикеры в ВК бесплатно?
Я уверен в том, что практически каждый активный пользователь ВКонтакте задумывался о том, как получить стикеры
Как вернуть старый дизайн ВКонтакте?
Как вернуть старый дизайн ВКонтакте?
В данной статье Вы узнаете о том, как вернуть старый дизайн ВКонтакте различными способами, которые по прежнем
Как узнать что вас взломали во Вконтакте?
Как узнать что вас взломали во Вконтакте?
Наверное многих интересует такой вопрос, как узнать что вас взломали во Вконтакте? Ведь никто от этого не заст
Ответить в теме Новая тема Новый опрос
Сейчас вы просматриваете тему

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

Страница 1 из 11
Форум о халяве - FREE-PASS.Ru » Административный раздел » Вопросы к Администрации, Предложения, Книга жалоб » Делаем темный скин форума Free-pass.ru собственными руками
Делаем темный скин форума Free-pass.ru собственными руками
SSD
Автор темы
Дата: Понедельник, 28.07.2014, 00:21 | Сообщение # 1
Сегодня я научу вас как из приевшегося, разъедающего глаза белого скина сделать нейтральный темный (ну или какой хотите)

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




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(183Kb) · 7353716.jpg(112Kb)

Поделиться этой темой:
 
Бот
Аватарка бота
Интересное
Не видишь блоки? - Отключи AdBlock
HARD
Дата: Понедельник, 28.07.2014, 00:28 | Сообщение # 2
Добро пожаловать
Ух-ты-ж. некоторым будет полезный гайд. В будущем скорее всего сделаем кнопочку переключения шаблонов сайта на темный/светлый
Хотите купить рекламу на форуме, задать какой-либо вопрос администрации?
Skype, @Email и другие контакты указаны на этой странице (Жми сюда).

 
RockSmasher
Дата: Понедельник, 28.07.2014, 00:29 | Сообщение # 3
А я уже привык к белому.  smile
 
Oellekon
Дата: Понедельник, 28.07.2014, 02:26 | Сообщение # 4
Нужно внедрять как официальная функция сайта,на фрипассе чаще всего провожу время с телефона,когда в 4 утра приспичило зайти на фп глаза сгорают от цвета
 
HARD
Дата: Понедельник, 28.07.2014, 13:21 | Сообщение # 5
Добро пожаловать
Oellekon
Цитата HaRd ()
В будущем скорее всего сделаем кнопочку переключения шаблонов сайта на темный/светлый
Хотите купить рекламу на форуме, задать какой-либо вопрос администрации?
Skype, @Email и другие контакты указаны на этой странице (Жми сюда).

 
Baryzz
Дата: Понедельник, 28.07.2014, 14:00 | Сообщение # 6
Наконец то, отличное решение для защиты ваших глаз от этого палящего глаза светлого дизайна biggrin
 
Форум о халяве - FREE-PASS.Ru » Административный раздел » Вопросы к Администрации, Предложения, Книга жалоб » Делаем темный скин форума Free-pass.ru собственными руками
Страница 1 из 11
Поиск:

Чтобы оставить свое сообщение в данной теме, пожалуйста,
зарегистрируйтесь или войдите через логин и пароль / одну из социальных сетей.
Пожалуйста, зарегистрируйтесь! или войдите под любой соц.сетью
Вы сможете видеть всю халяву на сайте, писать сообщения и создавать темы на форуме!
Войти Зарегистрироваться