HOME FORUMS MEMBERS RECENT POSTS LOG IN  
× Авторизация
Имя пользователя:
Пароль:
Нет аккаунта? Регистрация
Баннер 1   Баннер 2
НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ
loading...
Скрыть
Вернуться   ANTICHAT > ПРОГРАММИРОВАНИЕ > PHP
Перезагрузить страницу [ARZ] Оформление форума
   
Ответ
Страница 1 из 5 1 2 3 4 5 >
 
Опции темы Поиск в этой теме Опции просмотра

  #1  
Старый 24.05.2022, 10:19
ewin
Постоянный
Регистрация: 13.07.2019
Сообщений: 672
С нами: 3598360

Репутация: 68


По умолчанию
*в душе не чаю что писать в начале темы

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

Цитата:
Сообщение от Спойлер  

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">


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">


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">


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

Цитата:
Сообщение от Спойлер  

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

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">


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">


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">


Цитата:
Сообщение от Спойлер  


Первое:





Код:
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​
𝕏 Twitter Reddit Telegram Копировать ссылку
 
Ответить с цитированием

  #2  
Старый 24.05.2022, 11:23
FeelPain721
Познающий
Регистрация: 10.04.2020
Сообщений: 43
С нами: 3207844

Репутация: 58
По умолчанию
Какой размер картинки должен быть для заднего фона чтобы не было пиксельно? Вторая кста не работает, гифка отвалилась похоже
 
Ответить с цитированием

  #3  
Старый 24.05.2022, 11:28
ewin
Постоянный
Регистрация: 13.07.2019
Сообщений: 672
С нами: 3598360

Репутация: 68


По умолчанию
Цитата:
Сообщение от FeelPain721  

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

upd: второе исправил
 
Ответить с цитированием

  #4  
Старый 24.05.2022, 12:45
FeelPain721
Познающий
Регистрация: 10.04.2020
Сообщений: 43
С нами: 3207844

Репутация: 58
По умолчанию
Цитата:
Сообщение от ewin  

зависит от твоего моника
upd: второе исправил
тип 1920x1080 должно быть?
 
Ответить с цитированием

  #5  
Старый 24.05.2022, 12:50
ewin
Постоянный
Регистрация: 13.07.2019
Сообщений: 672
С нами: 3598360

Репутация: 68


По умолчанию
Цитата:
Сообщение от FeelPain721  

тип 1920x1080 должно быть?
ну если у тебя 1920x1080, то да
 
Ответить с цитированием

  #6  
Старый 24.05.2022, 13:14
zakatov
Флудер
Регистрация: 25.11.2020
Сообщений: 2,001
С нами: 2877503

Репутация: 183


По умолчанию
Как сделать на 1680х1050?
 
Ответить с цитированием

  #7  
Старый 24.05.2022, 13:20
ewin
Постоянный
Регистрация: 13.07.2019
Сообщений: 672
С нами: 3598360

Репутация: 68


По умолчанию
Цитата:
Сообщение от Shirai  

Как сделать на 1680х1050?
Изменить размер изображения в пикселях онлайн - IMG online

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

www.imgonline.com.ua
 
Ответить с цитированием

  #8  
Старый 24.05.2022, 13:34
FeelPain721
Познающий
Регистрация: 10.04.2020
Сообщений: 43
С нами: 3207844

Репутация: 58
По умолчанию
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">


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

  #9  
Старый 24.05.2022, 13:39
ewin
Постоянный
Регистрация: 13.07.2019
Сообщений: 672
С нами: 3598360

Репутация: 68


По умолчанию
Цитата:
Сообщение от FeelPain721  

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

  #10  
Старый 24.05.2022, 14:23
zakatov
Флудер
Регистрация: 25.11.2020
Сообщений: 2,001
С нами: 2877503

Репутация: 183


По умолчанию
Цитата:
Сообщение от ewin  

Изменить размер изображения в пикселях онлайн - IMG online

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

www.imgonline.com.ua

А полученное сообщение куда залить? Чтобы вставить ссылку в код
 
Ответить с цитированием
Ответ
Страница 1 из 5 1 2 3 4 5 >



« Предыдущая тема | Следующая тема »


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT ™ © 2001- Antichat Kft.