Stylus — меняем оформление продоты

[Kefa]

Меняем оформление ПД.

В этой теме собраны стайлишы, сделанные юзерами ПД для юзеров ПД. Если хотите, чтобы ваш дизайн появился в первом посте, то кидайте ссылку и хотя бы 1 скриншот.

 

Как установить тему?

 

Качаем плагин.

Переходим по ссылке с темами, которые собраны ниже.

 

Тема номер 1 от @Rooster

Spoiler

 

 

Изменено 27 декабря 2019 пользователем Kefa

[sokol-cool]

с подключением 

[fargate]

спасибо бро

[Kefa]

с подключением 

 

я давно знаю об этом офк, но все забили на такую клевую штуку

ты бтв вроде собирался делать 

[Feanaro]

Ну придумайте чё-нибудь, запилю 
А пока я чисто для себя всякую юзлес хуйню выпилю вроде списка модераторов под каждым разделом или описания этих разделов 

[sokol-cool]

а смысл чет придумывать кроме конкретно новый цветовых гамм если можно напрямую дуфрелю предложить эту идею? 

я единственное что хотел сделать это заменить все ссылки на главную страницу на ссылки на основную страницу форума 

 

хотя знаешь что 

а ты сможешь сделать скрипт типа черного списка для "мои материалы"

т.е. удалять из него темы которые ты там видеть не хочешь

[Feanaro]

Используя чистый css? Неа
Могу только прям грубо в коде указать те темы, которые я не хочу видеть

[sokol-cool]

Ну придумайте чё-нибудь, запилю 

А пока я чисто для себя всякую юзлес хуйню выпилю вроде списка модераторов под каждым разделом или описания этих разделов 

если хочешь я могу завтра заверстать это как я это вижу, а ты чисто запрограммируешь все кнопки что я наклепаю (пока что 2 типа кнопок планирую)

я просто не смогу доделать

я даже хз где переменные хранить 

Используя чистый css? Неа

Могу только прям грубо в коде указать те темы, которые я не хочу видеть

нет офк js нужен причем походу с серверной стороной (а где еще хранить залоченные темы??)

[Kefa]

 

 

а смысл чет придумывать кроме конкретно новый цветовых гамм если можно напрямую дуфрелю предложить эту идею? 

 

потому что это ДЕФРЕЛЬ - это раз

у каждого свой вкус - это два

изменить через стайлишь проще чем менять дизайн сайта - это три (мб я не прав тут, но мне кажется так)

 

 

Ну придумайте чё-нибудь, запилю 
А пока я чисто для себя всякую юзлес хуйню выпилю вроде списка модераторов под каждым разделом или описания этих разделов 

 

вместо красного цвета вот такой 

ну или похожий оттенок, чтобы смотрело 

а задник сайта (где пдпдпдпдпдп) тоже можно менять?

еще было бы круто черную тему пофиксить, потому что там щас местами белый фон (в квотах, например)

или вот окно отправки тоже глаза режет все светлое 

вот эта идея еще ахуенная в теме от хедкуна:

 

http://i.imgur.com/4gp2y3z.png

это вместо

 

http://i.imgur.com/DixfYxV.png

вот так тоже пиздато, но чуть побольше бы и значки, чтобы ниже аватарок ну и пост каунт тоже бы вернуть

http://i.imgur.com/OpYnCiY.png

т.е. убрать Use, Rare Flooder сделать вот таким ахуенным, размер вернуть дефолтный на

http://i.imgur.com/ur2QKTK.png

[sokol-cool]

какой же кефа тупой

я же написал КРОМЕ

[Kefa]

шрифты побольше сделать и квоту пофиксить

 

http://i.imgur.com/RoY7Z9g.png

какой же кефа тупой

я же написал КРОМЕ

 

какой же сокол тупой

я пишу феанаре ну и в целом тем, кто такое может сделать

 

 

А пока я чисто для себя всякую юзлес хуйню выпилю вроде списка модераторов под каждым разделом или описания этих разделов 

 

да, это тоже в теме хедкуна сделано

 

 http://i.imgur.com/quQcBcY.png

короче идеальная тема для меня:

 

за основу взята тема хедкуна, но с след. изменениями:

 

1. вместо синего цвета бирюзовый (или любой другой оттенок зеленого, который с серым будет хорошо смотреться - не яркий офк)

2. фикс шрифта и сломанных квот

3. сделать аватарки размеров как в дефолтном оформлении сайта

/* ¦L¦-+T T+T L -+= */

/******±??v??? ?????***********/
.group_title,#cke_15,#cke_19,#cke_20,#cke_17,.cke_toolbox .cke_break,
#forum_active_users br, .twtr-ft>div,
.statistics_head, .statistics_brief, .forum_rules,
#board_statistics, #content>br, [class*="forum_desc"], #forum_led_by,
.__like,  .post_count,  .custom_fields, .message.error, .topic_share {display:none!important;}

.post_wrap .member_title {margin-bottom:-15px !important;position:relative;z-index:155;background:rgba(255,255,255,0.7);color:#555!important}
.post_wrap .group_icon {margin-top:-20px!important;}
.post_wrap .posted_info {margin:-34px 200px 0 70px!important;color:#999!important;text-align:right}
.post_wrap .ipsUserPhoto_variable {width:125px;}
.post_wrap .ipsUserPhoto {box-shadow:none!important;border:none!important}
.post_wrap .author_info {width:130px!important;padding:10px 10px 0!important}
.post_wrap .post_body {margin-left:150px!important;}
.post_wrap p.citation {background:rgba(230,230,230,0.4)!important;margin-left:5px !important;font-size:10px!important}
.post_wrap div.blockquote {background:rgba(240,240,240,0.4)!important;padding:3px 7px 4px 6px!important;border:0px!important;border-radius:0px!important;
border-left:2px #bbb solid!important;border-bottom:1px #bbb solid !important;margin-left:5px !important;}
.post_wrap p.citation {padding:3px 10px !important;border:0px!important;border-radius:0px!important;border-left:5px #bbb solid!important;box-shadow:0px -0px 2px#ccc inset;}
.post_wrap .post_body .post {font-size:13px !important}
.post_block h3 {margin:0 -14px!important;background:#fafafa!important;box-shadow:0px 0px 2px#ccc inset;line-height:22px!important;padding:0 7px !important;height:22px!important}
.post_wrap .author {;}
.post_wrap .post_controls {margin-top:-20px!important;opacity:0;position:relative!important;top:-5px;height:0px!important;}
.post_wrap:hover .post_controls {opacity:1;}
.post_wrap:hover .post_controls a {opacity:0.3!important;}
.post_wrap .post_controls a {opacity:0.3!important;}
.post_controls:hover a:hover {opacity:1!important;}
.post_wrap h3 a {color:#4888C4 !important;}
.post_wrap h3 a:hover {color:#76B0E7 !important;}
.post_wrap .ipsBadge_grey {background:#dcdcdc!important;}
.post_wrap [class*="ipsBadge"] {width: 11px;;border-radius:3px 0 0 3px!important;height:22px!important;background:none!important;display:block;float:left;font-size:0px!important;}
.post_wrap .ipsBadge_green {background:#6AE28A!important;}
.post_wrap .ipsBadge_grey {background:#bbb!important;}
table.ipb_table td {padding:5px!important;}
a, #primary_nav .active a {color: #3373A4 !important;;text-decoration: none !important;}
a:hover {color: #40A8D4 !important;}
#primary_nav .active a {color: #0b5794;}
.bbc_spoiler_show {color:#0b5794 !important;}
.pagination .back a:hover,.pagination .forward a:hover {background: #0b5794 !important;color: #fff !important;}
.pagination .pages li { margin: 0 1px; }
.pagination .pages li.active {background: #0b5794 !important;color: #fff!important;}
.desc.lighter, .desc.lighter.blend_links a span {color:#a4a4a4!important;}
#content .active a {color:#ddd!important;}
#content .topic_buttons li.important a,#content  .topic_buttons li.important span, #content .ipsButton .important, #content .topic_buttons li a, #content .topic_buttons li span, #content .ipsButton {color:#fff!important;}
#header_bar {background: rgba(0,0,0,0.4) !important;}
#header_bar a, #footer_utilities a {color:#ccc!important}
#primary_nav, #content, #search_wrap {border:none!important;}
#search_wrap {border-radius:2px;}
#primary_nav  a {color:#555!important;}
#primary_nav .active a, #primary_nav  a:hover {box-shadow:0px 1px 2px #ccc inset;}
#primary_nav  a:hover {background:#f2f2f2!important;}
#primary_nav .active a:hover {background:#fff!important;}
.unread {background-color: #F9F9F9!important;}
#secondary_navigation a, #content .breadcrumb a,#content .topic_buttons li.non_button a {color:#888!important;}
#secondary_navigation a:hover, #content .breadcrumb a:hover,#content .topic_buttons li.non_button a:hover {text-decoration:underline !important;}
.ipsBox {padding:8px!important;}
#content .ipsFilterbar a {color:#222!important;}
#content .ipsFilterbar .active a {color:#eee!important;}
#forum_active_users .ipsList_inline:before {content: Here are:  ";}
#links a {color:#222!important;}
*, .ipsBadge,.post_wrap [class*="ipsBadge"] {border-radius:0px !important;}
#primary_nav {margin-bottom:5px!important;background:#fafafa!important;}
.maintitle {padding:5px 10px !important;}
.maintitle a {color:#555!important}
.ipsBox_container tr * {font-weight:normal!important;}
.ipsBox_container .unread * {font-weight:bold!important;}
.author [itemprop="name"] {font-family:tahoma;}
.col_c_stats {visibility:hidden;}
.news_preview_text a, .main_menu a {color:#ddd!important;}
.main_menu .navigation_active {color:#555!important;}
.block_header, .newsfullblock {background:#3373A4!important;}
.header_wrapper {border-color:#3373A4!important;}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4,#twtr-widget-1 h4 a {background:#3373A4!important;color:#fff!important}

сам код 

вот как-то так

 

http://i.imgur.com/KVKQE8i.png

след. маст хев функция это:

 

http://i.imgur.com/JJa5mR5.png

 

наводишь на нее и появляется подпись, а так их не видно

чтобы Rare Flooder была на аватарке это офк необязательно, если это сложно делать

Изменено 16 октября 2016 пользователем Kefa

[Feanaro]

Дай хекс код цвета, который ты хочешь

[Kefa]

Дай хекс код цвета, который ты хочешь

 

так сложно сказать, но мб вот этот будет норм смотреться #008080

ты мне потом скажи че менять, я могу сам цвет тогда подобрать идеальный 

 

ааа, смотрите как ахуенно

http://i.imgur.com/cKn8Ldg.png

оно анимационное еще 

[Pham]

 

 

вот так, например черная продота выглядит:

http://dota2.ru/

 

[Kagami Taiga]

как думаете material тема как в сублейме норм зайдет?

я к ней привык пиздос

ща для себя склепаю там вроде не сложно

[Kefa]

@@Hed-kun 

[Feanaro]

Гого бетатест

@@Kefa

https://userstyles.org/styles/133857/pd-2k16-feanaro-edition

[Гость beautiful mess]

не 1 не 2 не нр

[Feanaro]

Бтв да, задник тоже могу поменять изи

[Kefa]

Гого бетатест

 

@@Kefa

 

https://userstyles.org/styles/133857/pd-2k16-feanaro-edition

 

батя         

хотя подписи наверное лучше вернуть, а то эта надпись выглядит как часть сообщения 

http://i.imgur.com/lAPqkFY.png

Бтв да, задник тоже могу поменять изи

 

 чтобы туда поставить