Раскрашиваем RDN в любимый цвет
+4
Раскрашиваем RDN в любимый цвет
Друзья, в этот праздничный день я подготовил для вас одно юзабильное улучшение, которое позволит вам раскрасить наш сайт в ваш любимый цвет! На данный момент мануал доступен только для пользователей опера, приступим!


С выходом RDN Team 2.0 было проведено множество изменений, одним из них является переход на программные градиенты. Это означает, что теперь градиенты фона табов блоков меню генерируются из стилей таблиц, а не как раньше - замощением из файлов-картинок. Смена фона сейчас происходит по принципу: По четным дням мы синие, по нечетным - зеленые. Однако как известно все фломастеры на вкус разные и у вас есть уникальная возможность пошаманить над собственным стилем, а скриншоты своих творений и стилей выкладывайте в комментах, возможно среди нас есть прирожденные дизайнеры!

Первое что нам нужно, решить реально ли вы этого хотите? Если нет лучше не лезть))
Далее если уже решили, заблокируем таблицы стандартных стилей, через блокировщик содержимого:
http://rdn-team.com/engine/classes/min/index.php?charset=windows-1251&f=/templates/r-style/style/engine-min-green.css&7
http://rdn-team.com/engine/classes/min/index.php?charset=windows-1251&f=/templates/r-style/style/engine-min-blue.css&7


Теперь скачиваем кастомный серый стиль отсюда:
https://dl.dropbox.com/u/48649503/engine-mi...ne-min-grey.rar

Распаковываем в любое место и подключаем его через свойства сайта:
Раскрашиваем RDN в любимый цвет

Далее, обновляем сайт и видим что стиль успешно применился, будет как на первом скриншоте, теперь если вы желаете изменить стиль откройте файл engine-min-grey.css в нём вы увидите три класса для возможного изменения цвета. Для подбора цвета я реккомендую использовать удобный визуальный онлайн генератор градиентов colorzilla:
http://www.colorzilla.com/gradient-editor/
Через него вы сгенерируете нужный вам код цвета и вставите его в свой стиль - обновите страницу и все будет в том виде в каком вы пожелаете. На этом у меня все, удачи

Если что-то не получается, то отменить все изменения можно отключением блокировки содержимого.

---
Если есть желающие напишите порт мануала на огнелиса, разместите его в комментах...



Внимание! Данная статья была написана более полугода назад, актуальность материала и состояние жизни ссылок не гарантируется! Воспользуйтесь дополнительными параметрами для поиска необходимого вам контента! Приносим свои извинения...
Russian Federation  Комментарий #1, добавлен: 27 июля 2012, 17:34 [2] [Q] [#]
avatar
INF
0
я так понел это под фаерфокс тока?

Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий от Автора #2, добавлен: 27 июля 2012, 17:35 [2] [Q] [#]
0
Под любой браузер где поддерживаются пользовательские таблицы стилей, данный мануал написан под оперу потому что я её ярый фанат smile101

Russian Federation  Комментарий #3, добавлен: 27 июля 2012, 18:03 [2] [Q] [#]
avatar
INF
0
хмммм... чота я под хром не нарыл ничо ((

Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Ukraine  Комментарий #4, добавлен: 27 июля 2012, 23:47 [2] [Q] [#]
0
Прикольно. Серый понравился. Останусь на нем thumbup0

Russian Federation  Комментарий от Автора #5, добавлен: 17 декабря 2012, 00:59 [2] [Q] [#]
0
По просьбе Moran сделал хак пользовательского стиля с тёмным боковым фоном:
(будет работать только на широкоформатных мониторах > 1280px)


Бонус версия хака со снежинками w00t0000


Загрузить хак можно тут:
http://dl.dropbox.com/u/48649503/smooth_gr...h_grey_ucss.rar

Применить для браузера Opera (для других браузеров вы можете добавить своё руководство)

Russian Federation  Комментарий от Автора #6, добавлен: 18 декабря 2012, 00:25 [2] [Q] [#]
0
Никто не напишет руководства для Chrome и FF?

Russian Federation  Комментарий #7, добавлен: 18 декабря 2012, 01:13 [2] [Q] [#]
avatar
INF
+3
в этом может помочь расширение Stylish

Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий от Автора #8, добавлен: 18 декабря 2012, 01:26 [2] [Q] [#]
0
Вот спасибо, теперь материал можно использовать на всех браузерах az

Russian Federation  Комментарий от Автора #9, добавлен: 7 апреля 2013, 18:21 [2] [Q] [#]
+2
Подключил интересную текстурку, получилось круто:

Подойдет для широких экранов.
Загрузить king-mode здесь:
http://dl.dropbox.com/u/48649503/rdn-king-mode.rar

Russian Federation  Комментарий #10, добавлен: 8 апреля 2013, 14:47 [2] [Q] [#]
0
По мне дак мрачновато. Маленько приукрасил.

CSS код:
html, body {background: url("http://f2.s.qip.ru/qGVcUxq7.png")  #F7F7F7 !important;}
.tbl2 {background-color:  #FFF !important;}

Russian Federation  Комментарий от Автора #11, добавлен: 8 апреля 2013, 14:50 [2] [Q] [#]
0
SeveNth AngeL,
голова от красного начинает болеть, найдешь ещё интересные текстурки - закидывай bully

Если кто-то владеет css
Сообщайте о замеченных косяках, будем думать как их исправить.

Russian Federation  Комментарий от Автора #12, добавлен: 20 апреля 2013, 15:13 [2] [Q] [#]
0
Позаимствовал текстуру табов с сайта stopgame.ru, получилось стильно:

Предварительной блокировки других стилей не требуется.
Загрузка:
https://dl.dropboxusercontent.com/u/4864950...bs-rdn-skin.rar

***добавлено через 12 минут, 42 секунды***

В архиве так же есть вариация с более тёмным цветом из хедера:


***добавлено через 13 часов, 1 минута, ***

Вот ещё одна вариация с наложенной на табы текстурой стандартных юзербаров (текстуры в комплекте):

Смотрите в увеличении, а то не понятно.
Загрузка:
https://dl.dropboxusercontent.com/u/4864950...erbar-style.rar

Ukraine  Комментарий #13, добавлен: 21 апреля 2013, 13:17 [2] [Q] [#]
+2
А это от меня)
Правда кнопки менюхи не кашерны, но пойдет)
rdn-teamrdn-team

Загрузка
http://yadi.sk/d/1FmP_GAi4DMMZ

Cтатус: Бегите глупцы :: изменен: 2014-07-16 17:23:34
Russian Federation  Комментарий от Автора #14, добавлен: 21 апреля 2013, 18:05 [2] [Q] [#]
0
-=MaD_DoG=-,
на кнопки меню найди текстуру и будет масло

***добавлено через 1 минута, 4 секунды***

да и панели навигации фон другой нужен, а то этот сливается с табами..

Ukraine  Комментарий #15, добавлен: 21 апреля 2013, 22:26 [2] [Q] [#]
0
Цитата: ®at
да и панели навигации фон другой нужен, а то этот сливается с табами..

а мне наоборот так нравится)

Cтатус: Бегите глупцы :: изменен: 2014-07-16 17:23:34
Russian Federation  Комментарий от Автора #17, добавлен: 30 апреля 2013, 22:14 [2] [Q] [#]
0
Сделал стиль с фоновой текстурой от danieldefo.ru

Загрузить:
https://dl.dropboxusercontent.com/u/4864950...3/defo-mode.rar
Ещё два скина с интересными текстурами:


Загрузить:
https://dl.dropboxusercontent.com/u/4864950...503/zp-mode.rar

и нашел клёвые обои-текстуры (1920 на 1200):

Больше тут:
http://www.picstopin.com/1440/backgrounds-...C11%7C4705*jpg/
https://www.google.com/search?safe=off&sa=G...iw=1920&bih=932


Сайтик этот, фото-социальная сеть:
http://www.picstopin.com/

Russian Federation  Комментарий от Автора #18, добавлен: 1 мая 2013, 18:48 [2] [Q] [#]
0
Текстура деревянного пола из под pipec.ru:

Russian Federation  Комментарий от Автора #20, добавлен: 11 мая 2013, 17:24 [2] [Q] [#]
0
несколько заманчивых текстур:



Russian Federation  Комментарий от Автора #21, добавлен: 17 мая 2013, 02:26 [2] [Q] [#]
0
Текстурка=смак:

Russian Federation  Комментарий от Автора #22, добавлен: 10 июня 2013, 00:12 [2] [Q] [#]
0
текстура supercoolpics.com

Russian Federation  Комментарий от Автора #24, добавлен: 3 июня 2014, 14:36 [2] [Q] [#]
0
Черный фон табов:

.tab {
background: -webkit-linear-gradient(top, rgb(45, 45, 45) 0%, rgb(25, 25, 25) 100%);
}

Оставить комментарий / Добавление ссылок в комментариях разрешено