PDA

Просмотр полной версии : [ARZ] Оформление форума


ewin
24.05.2022, 10:19
*в душе не чаю что писать в начале темы

Приветствую, наверное многие видели разные оформления Форума у Администрации:



1653374291230.pngewin · 24 Май 2022 в 09:19' data-fancybox="lb-post-1047023" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/149403/" style="cursor: pointer;" title="1653374291230.png">
https://forum.antichat.xyz/attachments/28047023/

vp4UBzx.gifewin · 24 Май 2022 в 09:19' data-fancybox="lb-post-1047023" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.imgur.com%2Fvp4UBz x.gif&hash=fde90d2cf539a55b449f4d0893033f49" style="cursor: pointer;" title="vp4UBzx.gif">
https://i.imgur.com/vp4UBzx.gif

qQe79Pn.gifewin · 24 Май 2022 в 09:19' data-fancybox="lb-post-1047023" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.imgur.com%2FqQe79P n.gif&hash=7783f98cb4b65fb1319651847e44299a" style="cursor: pointer;" title="qQe79Pn.gif">
https://i.imgur.com/qQe79Pn.gif




Хотел посмотреть на бласте какие нибудь оформления, но выяснилось что темы такой нету, поэтому и было решено создать самому.



1. Скачиваем расширение "User JavaScript and CSS"(поддерживается только браузерах на базе Chromium, *тут* (https://www.blast.hk/redirect/aHR0cHM6Ly9jaHJvbWUuZ29vZ2xlLmNvbS93ZWJzdG9yZS9kZX RhaWwvdXNlci1qYXZhc2NyaXB0LWFuZC4u) написаны некоторые из них)

2. В настройках расширения нажимаем на кнопку "Add new site"

WP5JJNo.pngewin · 24 Май 2022 в 09:19' data-fancybox="lb-post-1047023" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.imgur.com%2FWP5JJN o.png&hash=b857c55569b7643fd1d9b21c8613453c" style="cursor: pointer;" title="WP5JJNo.png">
https://i.imgur.com/WP5JJNo.png

3. Сверху в первой колонке вводим название(по желанию), а во второй домен форума, либо прямую ссылку на определенную тему/раздел

c2bsxjG.pngewin · 24 Май 2022 в 09:19' data-fancybox="lb-post-1047023" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.imgur.com%2Fc2bsxj G.png&hash=c19dd1c2fb3847fd9d595428fd8f6a72" style="cursor: pointer;" title="c2bsxjG.png">
https://i.imgur.com/c2bsxjG.png

4. Во вкладке CSS вставляем ваше оформление, код из примеров в спойлере ниже.

TAGACtp.pngewin · 24 Май 2022 в 09:19' data-fancybox="lb-post-1047023" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.imgur.com%2FTAGACt p.png&hash=e781e4f97202bbf7b3b6a24b0a3c962a" style="cursor: pointer;" title="TAGACtp.png">
https://i.imgur.com/TAGACtp.png







Первое:






body
{
background-image
:
url("https://w.wallhaven.cc/full/j5/wallhaven-j5g7pp.jpg")
;
background-attachment
:
fixed
;
background-size
:
cover
;
}
.p-body-pageContent .block:nth-child(even)::after, .p-body-sidebar .block:nth-child(even)::after
{
display
:
none
;
}
.p-body-pageContent .block:nth-child(odd)::after, .p-body-sidebar .block:nth-child(odd)::after
{
display
:
none
;
}
.p-body-pageContent .block--category:first-child .block-header::before
{
display
:
none
;
}
.button-text
{
font-weight
:
bold
;
}
.button, a.button
{
color
:
#fff
;
}
.block.block--category .block-header
{
text-shadow
:
0 0 1px
rgb
(
0 242 255 / 70%
)
;
}
.menu-tabHeader .tabs-tab.is-active
{
border-color
:
##ff0015
;
}
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after
{
background
:
##ff0015
;
}
.tabs-tab
{
color
:
##ff0015
;
}
.blockLink.is-selected
{
color
:
##ff0015
;
border-left
:
2px solid ##ff0015
;
}
.block-tabHeader .tabs-tab:hover
{
color
:
##ff0015
;
}
.button.button--primary, a.button.button--primary
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.button.button--primary:hover, a.button.button--primary:hover, .button.button--primary:focus, a.button.button--primary:focus
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus
{
color
:
##ff0015
;
}
.fr-toolbar
{
border-top-color
:
rgb
(
0
,
168
,
255
)
;
}
.fr-toolbar
{
border-top
:
2px solid ##ff0015
;
}
.block-tabHeader .tabs-tab.is-active
{
color
:
##ff0015
;
border-color
:
##ff0015
;
}
.messageNotice
{
border-left
:
2px solid ##ff0015
;
}
.messageNotice:before
{
color
:
##ff0015
;
}
.messageNotice:not(.messageNotice--highlighted) a, .messageNotice:not(.messageNotice--highlighted) a:hover
{
color
:
##ff0015
;
}
.bbCodeBlock
{
border-left
:
2px solid ##ff0015
;
}
.bbCodeBlock-title
{
color
:
##ff0015
;
}
.button.button--scroll, a.button.button--scroll
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.bbCodeBlock-expandLink a
{
color
:
##ff0015
;
}
.message-newIndicator
{
background
:
##ff0015
;
}
.p-navEl-link p-navEl-link--splitMenu
{
opacity
:
0
;
}
.menu-content:before
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.tabs--standalone .tabs-tab.is-active
{
color
:
##ff0015
;
border-color
:
##ff0015
;
}
.tabs--standalone .tabs-tab:hover
{
color
:
##ff0015
;
}
.p-nav-list .p-navEl.is-selected:after
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.p-nav-list .p-navEl.is-selected
{
color
:
##ff0015
;
}
.button.button--link, a.button.button--link
{
background
:
##ff0015
;
}
.js-thHolidaysSnowstormCanvas
{
opacity
:
0
;
}
.block-body .block-minorHeader.uix_threadListSeparator:before
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.button.button--cta, a.button.button--cta
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.button--cta
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.p-nav
{
opacity
:
0.95
;
}
.block-container
{
opacity
:
0.95
;
}
.p-footer
{
opacity
:
0.95
;
}
.button.button--cta, a.button.button--cta
{
opacity
:
0.95
;
}
.buttonGroup
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.pageNav-main
{
opacity
:
0.95
;
}
.pageNav-jump
{
opacity
:
0.95
;
}
.tabPanes
{
opacity
:
0.95
;
}
.menu-content
{
opacity
:
0.95
;
}
.overlay
{
opacity
:
0.95
;
}
span[itemprop="name"]
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
span[class="hScroller-scroll is-calculated"]
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.p-body-header .p-title-value
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
.block-minorHeader
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.a .uix_logo
{
background-image
:
url("https://emkfriedrichsdorf.de/sites/default/files/icons/YouTub..")
;
background-attachment
:
fixed
;
}




Второе:






body
{
background-image
:
url("https://cdn.statically.io/img/i.pinimg.com/originals/09/24/4c/09244c7f7dd4d17b0484370f32db6641.gif")
;
background-attachment
:
fixed
;
background-size
:
cover
;
}
.button-text
{
font-weight
:
bold
;
}
.button, a.button
{
color
:
#fff
;
}
.block.block--category .block-header
{
text-shadow
:
0 0 1px
rgb
(
0 242 255 / 70%
)
;
}
.menu-tabHeader .tabs-tab.is-active
{
border-color
:
#00A8FF
;
}
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after
{
background
:
#00A8FF
;
}
.tabs-tab
{
color
:
#00A8FF
;
}
.blockLink.is-selected
{
color
:
#00A8FF
;
border-left
:
2px solid #00A8FF
;
}
.block-tabHeader .tabs-tab:hover
{
color
:
#00A8FF
;
}
.button.button--primary, a.button.button--primary
{
background
:
linear-gradient
(
#00A8FF
,
#00A8FF
)
;
}
.button.button--primary:hover, a.button.button--primary:hover, .button.button--primary:focus, a.button.button--primary:focus
{
background
:
linear-gradient
(
#00A8FF
,
#00A8FF
)
;
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus
{
color
:
#00A8FF
;
}
.fr-toolbar
{
border-top-color
:
rgb
(
0
,
168
,
255
)
;
}
.fr-toolbar
{
border-top
:
2px solid #00A8FF
;
}
.block-tabHeader .tabs-tab.is-active
{
color
:
#00A8FF
;
border-color
:
#00A8FF
;
}
.messageNotice
{
border-left
:
2px solid #00A8FF
;
}
.messageNotice:before
{
color
:
#00A8FF
;
}
.messageNotice:not(.messageNotice--highlighted) a, .messageNotice:not(.messageNotice--highlighted) a:hover
{
color
:
#00A8FF
;
}
.bbCodeBlock
{
border-left
:
2px solid #00A8FF
;
}
.bbCodeBlock-title
{
color
:
#00A8FF
;
}
.button.button--scroll, a.button.button--scroll
{
background
:
linear-gradient
(
#00A8FF
,
#00A8FF
)
;
}
.bbCodeBlock-expandLink a
{
color
:
#00A8FF
;
}
.message-newIndicator
{
background
:
#00A8FF
;
}
.p-navEl-link p-navEl-link--splitMenu
{
opacity
:
0
;
}
.menu-content:before
{
background
:
linear-gradient
(
-270deg
,
#00A8FF 0%
,
#00A8FF 100%
)
;
}
.tabs--standalone .tabs-tab.is-active
{
color
:
#00A8FF
;
border-color
:
#00A8FF
;
}
.tabs--standalone .tabs-tab:hover
{
color
:
#00A8FF
;
}
.p-nav-list .p-navEl.is-selected:after
{
background
:
linear-gradient
(
-270deg
,
#00A8FF 0%
,
#00A8FF 100%
)
;
}
.p-nav-list .p-navEl.is-selected
{
color
:
#00A8FF
;
}
.button.button--link, a.button.button--link
{
background
:
#00A8FF
;
}
.js-thHolidaysSnowstormCanvas
{
opacity
:
0
;
}
.block-body .block-minorHeader.uix_threadListSeparator:before
{
background
:
linear-gradient
(
-270deg
,
#00A8FF 0%
,
#00A8FF 100%
)
;
}
.button.button--cta, a.button.button--cta
{
background
:
#00A8FF
;
border-color
:
#00A8FF00
;
background-color
:
#00A8FF
;
}
.button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus
{
background
:
#00A8FF
;
border-color
:
#00A8FF00
;
background-color
:
#00A8FF
;
}
.button--cta
{
background
:
#00A8FF
;
border-color
:
#00A8FF00
;
background-color
:
#00A8FF
;
}
.p-nav
{
opacity
:
0.95
;
}
.block-container
{
opacity
:
0.95
;
}
.p-footer
{
opacity
:
0.95
;
}
.button.button--cta, a.button.button--cta
{
opacity
:
0.95
;
}
.buttonGroup
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.pageNav-main
{
opacity
:
0.95
;
}
.pageNav-jump
{
opacity
:
0.95
;
}
.tabPanes
{
opacity
:
0.95
;
}
.menu-content
{
opacity
:
0.95
;
}
.overlay
{
opacity
:
0.95
;
}
span[itemprop="name"]
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
span[class="hScroller-scroll is-calculated"]
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.p-body-header .p-title-value
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
.block-minorHeader
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.a .uix_logo
{
background-image
:
url("https://emkfriedrichsdorf.de/sites/default/files/icons/YouTub..")
;
background-attachment
:
fixed
;
}




Третье:






body
{
background-image
:
url("https://i.imgur.com/W0khxMT.giff")
;
background-attachment
:
fixed
;
background-size
:
cover
;
}
.menu li
{
display
:
inline-block
;
background-color
:
#5B5B5B
;
margin-top
:
13px
;
margin-right
:
3px
;
margin-bottom
:
3px
;
margin-left
:
3px
;
padding-top
:
3px
;
padding-right
:
10px
;
padding-bottom
:
3px
;
padding-left
:
10px
;
opacity
:
1
;
border-radius
:
6px
;
}
input
{
color
:
#E3E3E3
;
border-radius
:
6px
;
background-color
:
#5B5B5B
;
margin-top
:
13px
;
margin-right
:
3px
;
margin-bottom
:
3px
;
margin-left
:
3px
;
padding-top
:
3px
;
padding-right
:
3px
;
padding-bottom
:
3px
;
padding-left
:
3px
;
/* border-left: 2px solid #03A4FF; */
/* border-right: 2px solid #03A4FF; */
/* border-bottom: 2px solid #0076BB; */
/* border-top: 2px solid #59C3FF; */
font-size
:
15px
;
font-family
:
'main'
;
}
.p-nav
{
opacity
:
0.95
;
}
.block-container
{
opacity
:
0.95
;
}
.p-footer
{
opacity
:
0.95
;
}
.button.button--cta, a.button.button--cta
{
opacity
:
0.95
;
}
.buttonGroup
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.pageNav-main
{
opacity
:
0.95
;
}
.pageNav-jump
{
opacity
:
0.95
;
}
.tabPanes
{
opacity
:
0.95
;
}
.menu-content
{
opacity
:
0.95
;
}
.overlay
{
opacity
:
0.95
;
}
span[itemprop="name"]
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
span[class="hScroller-scroll is-calculated"]
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.p-body-header .p-title-value
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px
#22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
.block-minorHeader
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.a .uix_logo
{
background-image
:
url("https://emkfriedrichsdorf.de/sites/default/files/icons/YouTub..")
;
background-attachment
:
fixed
;
}
body
{
color
:
#ebc895
;
}
a
{
color
:
#fff
;
}







РАБОТАЕТ НА BLASTHACK​

FeelPain721
24.05.2022, 11:23
Какой размер картинки должен быть для заднего фона чтобы не было пиксельно? Вторая кста не работает, гифка отвалилась похоже

ewin
24.05.2022, 11:28
Какой размер картинки должен быть для заднего фона чтобы не было пиксельно? Вторая кста не работает, гифка отвалилась похоже


зависит от твоего моника

upd: второе исправил

FeelPain721
24.05.2022, 12:45
зависит от твоего моника
upd: второе исправил


тип 1920x1080 должно быть?

ewin
24.05.2022, 12:50
тип 1920x1080 должно быть?


ну если у тебя 1920x1080, то да

zakatov
24.05.2022, 13:14
Как сделать на 1680х1050?

ewin
24.05.2022, 13:20
Как сделать на 1680х1050?



Изменить размер изображения в пикселях онлайн - IMG online (https://www.blast.hk/redirect/aHR0cHM6Ly93d3cuaW1nb25saW5lLmNvbS51YS9yZXNpemUtaW 1hZ2UucGhw)

Изменить размер фотографии в пикселях и DPI онлайн. Автоматическая обрезка обоев под размер рабочего стола.

www.imgonline.com.ua

FeelPain721
24.05.2022, 13:34
1653384824102.pngFeelPain721 · 24 Май 2022 в 12:34' data-fancybox="lb-post-1047134" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/149418/" style="cursor: pointer;" title="1653384824102.png">
https://forum.antichat.xyz/attachments/28047134/

в оригинале, кнопки форумы, новые сообщения, создать тему, красного цвета, их же по идее можно как то поменять?

ewin
24.05.2022, 13:39
в оригинале, кнопки форумы, новые сообщения, создать тему, красного цвета, их же по идее можно как то поменять?


открываешь код элемент, получишь id кнопок и через css меняешь цвет, пример смотри в коде который я приложил

zakatov
24.05.2022, 14:23
Изменить размер изображения в пикселях онлайн - IMG online (https://www.blast.hk/redirect/aHR0cHM6Ly93d3cuaW1nb25saW5lLmNvbS51YS9yZXNpemUtaW 1hZ2UucGhw)

Изменить размер фотографии в пикселях и DPI онлайн. Автоматическая обрезка обоев под размер рабочего стола.

www.imgonline.com.ua



А полученное сообщение куда залить? Чтобы вставить ссылку в код

ewin
24.05.2022, 14:28
А полученное сообщение куда залить? Чтобы вставить ссылку в код


заливаешь на тот же имгур и копируешь прямую ссылку, ссылку заменяешь и все

BisQwit
24.05.2022, 16:34
я чутка туповатый в этом, но можно на первом коде, кнопки синие как во втором?

ewin
24.05.2022, 17:18
я чутка туповатый в этом, но можно на первом коде, кнопки синие как во втором?


все стили где используется цвет #00A8FF, перекидываешь в первую

эчпочмак
24.05.2022, 19:14
можно ли свою фотку поставить?

ewin
24.05.2022, 19:17
можно ли свою фотку поставить?


да, заливаешь на имгур, копируешь ссылку и заменяешь в css

эчпочмак
24.05.2022, 19:22
да, заливаешь на имгур, копируешь ссылку и заменяешь в css


а на какой строчке ссылку ставить?

ewin
24.05.2022, 19:49
а на какой строчке ссылку ставить?



CSS:






body
{
background-image
:
url("https://w.wallhaven.cc/full/j5/wallhaven-j5g7pp.jpg")
;
}

Igray_v_pomoiky
25.05.2022, 01:28
Было бы супер если это было в виде расширения как vk styles (no add) и там были бы какие то присеты

FeelPain721
29.05.2022, 01:36
Не по теме конечно, но мб знаешь как убрать блоки справа на форуме аризоны, по типу быстрого доступа, списка онлайн пользователей и т.д? Типо, не на уровне сайта а через вот этот аддон к браузеру

Aesthetic
29.05.2022, 02:12
Годненько, даже гифки можно?

ewin
29.05.2022, 09:36
Не по теме конечно, но мб знаешь как убрать блоки справа на форуме аризоны, по типу быстрого доступа, списка онлайн пользователей и т.д? Типо, не на уровне сайта а через вот этот аддон к браузеру


если не ошибаюсь, в css можно менять значение непрозрачности, либо через функцию display none(вроде такая есть)

Vadel
04.07.2022, 15:44
Как изменить цвет префикса на форуме

ewin
07.07.2022, 10:23
Как изменить цвет префикса на форуме


через инструменты браузера получаешь class блока с префиксом и через него присваиваешь цвет, базовые знания html и css

loading.exe
07.07.2022, 19:19
Неактуально. Сейчас уже, нету токого прям скачиванией, и установок всякой красивой и не только ***ни

Vadel
07.07.2022, 23:50
через инструменты браузера получаешь class блока с префиксом и через него присваиваешь цвет, базовые знания html и css


Есть код

ewin
10.07.2022, 07:35
Неактуально. Сейчас уже, нету токого прям скачиванией, и установок всякой красивой и не только ***ни


ты понял что написал?

UwwU
19.07.2022, 14:24
Есть ещё типы оформлений?

georgb5633
02.08.2022, 23:32
Для Firefox есть альтернатива - https://addons.mozilla.org/ru/firefox/addon/custom-style-script/ (https://www.blast.hk/redirect/aHR0cHM6Ly9hZGRvbnMubW96aWxsYS5vcmcvcnUvZmlyZWZveC 9hZGRvbi9jdXN0b20tc3R5bGUtc2NyaXB0Lw)

Phoenixx7
09.10.2022, 16:50
Сделаешь на форум Жизнь в Деревне, если не сложно ? :)

ewin
09.10.2022, 19:23
Сделаешь на форум Жизнь в Деревне, если не сложно ? :)


прост ссылку на форум меняешь и все

Phoenixx7
09.10.2022, 19:25
прост ссылку на форум меняешь и все


менял уже, нету какого либо эффекта.

ARMOR
09.10.2022, 19:27
Для Firefox есть альтернатива - https://addons.mozilla.org/ru/firefox/addon/custom-style-script/ (https://www.blast.hk/redirect/aHR0cHM6Ly9hZGRvbnMubW96aWxsYS5vcmcvcnUvZmlyZWZveC 9hZGRvbi9jdXN0b20tc3R5bGUtc2NyaXB0Lw)


Хуйня этот твой Custom Style Script, Stylebot лучше.

Stylebot – скачайте это расширение для 🦊 Firefox (ru) (https://www.blast.hk/redirect/aHR0cHM6Ly9hZGRvbnMubW96aWxsYS5vcmcvcnUvZmlyZWZveC 9hZGRvbi9zdHlsZWJvdC13ZWIv)

Скачать «Stylebot» для Firefox. Мгновенно меняйте внешний вид сети

addons.mozilla.org

ewin
09.10.2022, 19:49
менял уже, нету какого либо эффекта.


все отлично работает




https://forum.antichat.xyz/attachments/28167135/

ARMOR
09.10.2022, 19:50
менял уже, нету какого либо эффекта.



Stylebot - Chrome Web Store (https://www.blast.hk/redirect/aHR0cHM6Ly9jaHJvbWUuZ29vZ2xlLmNvbS93ZWJzdG9yZS9kZX RhaWwvc3R5bGVib3Qvb2lhZWppZGJta2llY2diamVpZm9lanBn bWRhbGVvaGE)

Change the appearance of the web instantly

chrome.google.com


Если ты с хрома - поставь это расширение.

Phoenixx7
10.10.2022, 22:30
все отлично работает







+, моя ошибка. спасибо

Komed
27.12.2022, 22:04
Парни, а кто-нибудь знает, какой вписать в css код, чтобы ники администраторов были с фоном? типа со звёздочками там какими-нибудь

ARMOR
03.01.2023, 03:38
как менять цвет этой фигни



CSS:






.p-nav-list .p-navEl.is-selected
{
color
:
#ffffff
;
font-weight
:
700
;
}
.p-nav-list .p-navEl.is-selected::after
{
position
:
absolute
;
bottom
:
10px
;
left
:
12px
;
right
:
12px
;
height
:
4px
;
border-radius
:
8px
;
background
:
#3f424a
;
display
:
block
;
transition
:
ease-in .2s right
;
background
:
linear-gradient
(
-270deg
,
#ffffff 0%
,
#ffffff 100%
)
;
}




Там где #ffffff ставишь нужный тебе цвет в HEX формате.

Nyawkaa
06.01.2023, 20:50
как сделать быстрый ответ? https://media.discordapp.net/attach...9480659054612/image.png?width=1116&height=248 (https://www.blast.hk/redirect/aHR0cHM6Ly9tZWRpYS5kaXNjb3JkYXBwLm5ldC9hdHRhY2htZW 50cy82MDM2MDYwOTkwODE0Mjg5OTUvMTA2MDk1OTQ4MDY1OTA1 NDYxMi9pbWFnZS5wbmc_d2lkdGg9MTExNiZoZWlnaHQ9MjQ4) на подобии этого

ewin
07.01.2023, 06:48
как сделать быстрый ответ? https://media.discordapp.net/attach...9480659054612/image.png?width=1116&height=248 (https://www.blast.hk/redirect/aHR0cHM6Ly9tZWRpYS5kaXNjb3JkYXBwLm5ldC9hdHRhY2htZW 50cy82MDM2MDYwOTkwODE0Mjg5OTUvMTA2MDk1OTQ4MDY1OTA1 NDYxMi9pbWFnZS5wbmc_d2lkdGg9MTExNiZoZWlnaHQ9MjQ4) на подобии этого



Гайд - BlackHack | Быстрый ответ (https://www.blast.hk/threads/135262/)

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

www.blast.hk


просто ссылку поменяй на forum.arizona-rp.com

avcs
07.01.2023, 17:28
Гайд - BlackHack | Быстрый ответ (https://www.blast.hk/threads/135262/)

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

www.blast.hk


просто ссылку поменяй на forum.arizona-rp.com


где можно брать гифки аниме для расширения 1920 х 1080? если в инете просто написать там будут с расширением 580 и т.п

ewin
07.01.2023, 17:34
где можно брать гифки аниме для расширения 1920 х 1080? если в инете просто написать там будут с расширением 580 и т.п


link (https://www.blast.hk/redirect/aHR0cHM6Ly95YW5kZXgua3ovaW1hZ2VzL3NlYXJjaD90ZXh0PW FuaW1lJTIwZ2lmJTIwZnVsbGhkJnJkcm5kPTEyNDg4NSZscj0x NjU)

avcs
07.01.2023, 17:36
link (https://www.blast.hk/redirect/aHR0cHM6Ly95YW5kZXgua3ovaW1hZ2VzL3NlYXJjaD90ZXh0PW FuaW1lJTIwZ2lmJTIwZnVsbGhkJnJkcm5kPTEyNDg4NSZscj0x NjU)


большое спасибо

lakman
12.03.2023, 17:48
дайте код на как на 1 картинке, а то чето не нашел, там только 2 и 3 есть, или 1 отвалилось











149403lakman · 12 Мар 2023 в 16:48' data-fancybox="lb-post-1270839" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/149403/" style="cursor: pointer;" title="149403">
https://forum.antichat.xyz/attachments/28270839/

ewin
12.03.2023, 17:49
дайте код на как на 1 картинке, а то чето не нашел, там только 2 и 3 есть, или 1 отвалилось












https://forum.antichat.xyz/attachments/28270841/



CSS:






body
{
background-image
:
url("https://w.wallhaven.cc/full/j5/wallhaven-j5g7pp.jpg")
;
background-attachment
:
fixed
;
background-size
:
cover
;
}
.p-body-pageContent .block:nth-child(even)::after, .p-body-sidebar .block:nth-child(even)::after
{
display
:
none
;
}
.p-body-pageContent .block:nth-child(odd)::after, .p-body-sidebar .block:nth-child(odd)::after
{
display
:
none
;
}
.p-body-pageContent .block--category:first-child .block-header::before
{
display
:
none
;
}
.button-text
{
font-weight
:
bold
;
}
.button, a.button
{
color
:
#fff
;
}
.block.block--category .block-header
{
text-shadow
:
0 0 1px
rgb
(
0 242 255 / 70%
)
;
}
.menu-tabHeader .tabs-tab.is-active
{
border-color
:
##ff0015
;
}
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after
{
background
:
##ff0015
;
}
.tabs-tab
{
color
:
##ff0015
;
}
.blockLink.is-selected
{
color
:
##ff0015
;
border-left
:
2px solid ##ff0015
;
}
.block-tabHeader .tabs-tab:hover
{
color
:
##ff0015
;
}
.button.button--primary, a.button.button--primary
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.button.button--primary:hover, a.button.button--primary:hover, .button.button--primary:focus, a.button.button--primary:focus
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus
{
color
:
##ff0015
;
}
.fr-toolbar
{
border-top-color
:
rgb
(
0
,
168
,
255
)
;
}
.fr-toolbar
{
border-top
:
2px solid ##ff0015
;
}
.block-tabHeader .tabs-tab.is-active
{
color
:
##ff0015
;
border-color
:
##ff0015
;
}
.messageNotice
{
border-left
:
2px solid ##ff0015
;
}
.messageNotice:before
{
color
:
##ff0015
;
}
.messageNotice:not(.messageNotice--highlighted) a, .messageNotice:not(.messageNotice--highlighted) a:hover
{
color
:
##ff0015
;
}
.bbCodeBlock
{
border-left
:
2px solid ##ff0015
;
}
.bbCodeBlock-title
{
color
:
##ff0015
;
}
.button.button--scroll, a.button.button--scroll
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.bbCodeBlock-expandLink a
{
color
:
##ff0015
;
}
.message-newIndicator
{
background
:
##ff0015
;
}
.p-navEl-link p-navEl-link--splitMenu
{
opacity
:
0
;
}
.menu-content:before
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.tabs--standalone .tabs-tab.is-active
{
color
:
##ff0015
;
border-color
:
##ff0015
;
}
.tabs--standalone .tabs-tab:hover
{
color
:
##ff0015
;
}
.p-nav-list .p-navEl.is-selected:after
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.p-nav-list .p-navEl.is-selected
{
color
:
##ff0015
;
}
.button.button--link, a.button.button--link
{
background
:
##ff0015
;
}
.js-thHolidaysSnowstormCanvas
{
opacity
:
0
;
}
.block-body .block-minorHeader.uix_threadListSeparator:before
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.button.button--cta, a.button.button--cta
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.button--cta
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.p-nav
{
opacity
:
0.95
;
}
.block-container
{
opacity
:
0.95
;
}
.p-footer
{
opacity
:
0.95
;
}
.button.button--cta, a.button.button--cta
{
opacity
:
0.95
;
}
.buttonGroup
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.pageNav-main
{
opacity
:
0.95
;
}
.pageNav-jump
{
opacity
:
0.95
;
}
.tabPanes
{
opacity
:
0.95
;
}
.menu-content
{
opacity
:
0.95
;
}
.overlay
{
opacity
:
0.95
;
}
span[itemprop="name"]
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
span[class="hScroller-scroll is-calculated"]
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.p-body-header .p-title-value
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
.block-minorHeader
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.a .uix_logo
{
background-image
:
url("https://emkfriedrichsdorf.de/sites/default/files/icons/YouTub..")
;
background-attachment
:
fixed
;
}

lakman
12.03.2023, 17:58
CSS:






body
{
background-image
:
url("https://w.wallhaven.cc/full/j5/wallhaven-j5g7pp.jpg")
;
background-attachment
:
fixed
;
background-size
:
cover
;
}
.p-body-pageContent .block:nth-child(even)::after, .p-body-sidebar .block:nth-child(even)::after
{
display
:
none
;
}
.p-body-pageContent .block:nth-child(odd)::after, .p-body-sidebar .block:nth-child(odd)::after
{
display
:
none
;
}
.p-body-pageContent .block--category:first-child .block-header::before
{
display
:
none
;
}
.button-text
{
font-weight
:
bold
;
}
.button, a.button
{
color
:
#fff
;
}
.block.block--category .block-header
{
text-shadow
:
0 0 1px
rgb
(
0 242 255 / 70%
)
;
}
.menu-tabHeader .tabs-tab.is-active
{
border-color
:
##ff0015
;
}
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after
{
background
:
##ff0015
;
}
.tabs-tab
{
color
:
##ff0015
;
}
.blockLink.is-selected
{
color
:
##ff0015
;
border-left
:
2px solid ##ff0015
;
}
.block-tabHeader .tabs-tab:hover
{
color
:
##ff0015
;
}
.button.button--primary, a.button.button--primary
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.button.button--primary:hover, a.button.button--primary:hover, .button.button--primary:focus, a.button.button--primary:focus
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus
{
color
:
##ff0015
;
}
.fr-toolbar
{
border-top-color
:
rgb
(
0
,
168
,
255
)
;
}
.fr-toolbar
{
border-top
:
2px solid ##ff0015
;
}
.block-tabHeader .tabs-tab.is-active
{
color
:
##ff0015
;
border-color
:
##ff0015
;
}
.messageNotice
{
border-left
:
2px solid ##ff0015
;
}
.messageNotice:before
{
color
:
##ff0015
;
}
.messageNotice:not(.messageNotice--highlighted) a, .messageNotice:not(.messageNotice--highlighted) a:hover
{
color
:
##ff0015
;
}
.bbCodeBlock
{
border-left
:
2px solid ##ff0015
;
}
.bbCodeBlock-title
{
color
:
##ff0015
;
}
.button.button--scroll, a.button.button--scroll
{
background
:
linear-gradient
(
##ff0015
,
##ff0015
)
;
}
.bbCodeBlock-expandLink a
{
color
:
##ff0015
;
}
.message-newIndicator
{
background
:
##ff0015
;
}
.p-navEl-link p-navEl-link--splitMenu
{
opacity
:
0
;
}
.menu-content:before
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.tabs--standalone .tabs-tab.is-active
{
color
:
##ff0015
;
border-color
:
##ff0015
;
}
.tabs--standalone .tabs-tab:hover
{
color
:
##ff0015
;
}
.p-nav-list .p-navEl.is-selected:after
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.p-nav-list .p-navEl.is-selected
{
color
:
##ff0015
;
}
.button.button--link, a.button.button--link
{
background
:
##ff0015
;
}
.js-thHolidaysSnowstormCanvas
{
opacity
:
0
;
}
.block-body .block-minorHeader.uix_threadListSeparator:before
{
background
:
linear-gradient
(
-270deg
,
##ff0015 0%
,
##ff0015 100%
)
;
}
.button.button--cta, a.button.button--cta
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.button--cta
{
background
:
##ff0015
;
border-color
:
##ff0015
;
background-color
:
##ff0015
;
}
.p-nav
{
opacity
:
0.95
;
}
.block-container
{
opacity
:
0.95
;
}
.p-footer
{
opacity
:
0.95
;
}
.button.button--cta, a.button.button--cta
{
opacity
:
0.95
;
}
.buttonGroup
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.button--scroll ripple-JsOnly button
{
opacity
:
0.95
;
}
.pageNav-main
{
opacity
:
0.95
;
}
.pageNav-jump
{
opacity
:
0.95
;
}
.tabPanes
{
opacity
:
0.95
;
}
.menu-content
{
opacity
:
0.95
;
}
.overlay
{
opacity
:
0.95
;
}
span[itemprop="name"]
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
span[class="hScroller-scroll is-calculated"]
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.p-body-header .p-title-value
{
text-shadow
:
1px 0 1px #22242b
,
0 1px 1px #22242b
,
-1px 0 1px #22242b
,
0 -1px 1px #22242b
;
}
.block-minorHeader
{
background-color
:
#22242b
;
opacity
:
0.95
;
border-top-left-radius
:
8px
;
border-top-right-radius
:
8px
;
border-bottom-left-radius
:
8px
;
border-bottom-right-radius
:
8px
;
}
.a .uix_logo
{
background-image
:
url("https://emkfriedrichsdorf.de/sites/default/files/icons/YouTub..")
;
background-attachment
:
fixed
;
}





о, благодарю, работает

Andrey_Lebarov
15.07.2023, 16:06
дайте новый код для обновленого форума пж