Свежие темы форума
Ключи к Norton/Symantec Антивирус 3377 Феерический, в 00:34
Халява CS:GO + ключ от игры Steam 25 dan1679, в 00:08
[Предоставляю][$] Моб.номера для ... 0 ckorin52, в 23:49
upstore.net премиум аккаунт 205 THX-114, в 23:04
Раздача игровых ключей на gleam.i... 397 dan1679, в 22:46
Заработай деньги без вложений уде... 1 kostiaaka1, в 22:13
[Dichvusocks.us] Service Seller S... 2094 kickic47, в 21:11
[Vn5socks.net] Service Seller Soc... 1144 kashino113, в 19:19
Популярные и интересные темы форума
Чат "Free-Pass". Общение на разные ... 517 Just1ucky
Раздача игровых ключей на gleam.io Free(,бес... 397 chrap
Всем бесплатно по 1 рублю Qiwi! 306 kostiaaka1
Розыгрыш steam ключей от chrap 176 chrap
ВЫПРАВЛЕНИЕ ССЫЛОК 167 Vavan
CS:GO сайты с халявой (UPD 52 сайтa) 139 Slavik_White
Накрутка лайков ВКонтакте бесплатно - 5000 ла... 74 HaRd
Розыгрыш денег QIWI 19 kostiaaka1
Интересные статьи и лайфхаки
[Почтовая халява] Бесплатные обложка для паспорта и очки от... (9)
Как вернуть старый дизайн ВКонтакте? (7)
Как сделать псевдоним или отчество Вконтакте? (10)
Как узнать что вас взломали во Вконтакте? (0)
Как скачать и установить Pokemon GO? (2)
Как узнать возраст человека вконтакте, если он скрыт? (16)
Как получить бесплатно 30000 свободного опыта в World of Ta... (3)
Как поменять почту в World of Tanks [2016] (8)
Сейчас вы просматриваете тему

Делаем темный скин форума 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
Активничай! - Помогай развиваться нашему форуму :)
Ух-ты-ж. некоторым будет полезный гайд. В будущем скорее всего сделаем кнопочку переключения шаблонов сайта на темный/светлый
Создатель, Администратор и гарант Free-Pass.

Добавить в Skype

Вступить в нашу группу ВКОНТАКТЕ
 
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 ()
В будущем скорее всего сделаем кнопочку переключения шаблонов сайта на темный/светлый
Создатель, Администратор и гарант Free-Pass.

Добавить в Skype

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