Как поставить свой фон для форума

[Pepyaka]

Каждый из вас хотел бы внести изюминку, чувствуя удовольствие от форума. Сейчас вы узнаете как легко изменить пользовательский фон для форума. Данный способ не является никакой уязвимостью, его можно использовать на других сайтах

1. Устанавливаем расширение Stylus для браузера

2. Тыкаем ЛКМ по иконке расширения (1) и кликаем по mipped.com (2)

3. Копируем и вставляем данный код, там где "Background" - вставляем ссылку на фон, который вы выбрали (3) и нажимаем кнопку "Сохранить" (4)

​

#ProfilePanes
.typewriter h1 {
color: #fff;
margin: 0 auto;

animation:
typing 3.5s steps(30, end),
blink-caret .5s step-end infinite;
}

body {
background: url("Background") no-repeat center center fixed;
background-size: cover;
}

#bgRek{
display: none;
}

4. Вы восхитительны!

Спойлер: Единственный минус

Прозрачный фон в окошке написания сообщения

 

[XUYAch19]

Можно поставить фото квака?

 

[Pepyaka]

Можно поставить фото квака?

Естественно

 

[fraPPy]

залазит в поле ответа и из-за этого не видно текст

 

[SevenG888]

Я пожалуй просто на темной теме посижу

 

[jason09]

Исправил фон окна набора сообщения.

#ProfilePanes
.typewriter h1 {
color: #fff;
margin: 0 auto;

animation:
typing 3.5s steps(30, end),
blink-caret .5s step-end infinite;
}

html[id="XenForo"] > body{
background: url("ССЫЛКА") no-repeat center center fixed;
background-size: cover;
}

#bgRek{
display: none;
}

 

[SevenG888]

Мб надо кому, вроде не плохо смотрится

Спойлер: Фон

#ProfilePanes
.typewriter h1 {
color: #fff;
margin: 0 auto;

animation:
typing 3.5s steps(30, end),
blink-caret .5s step-end infinite;
}

html[id="XenForo"] > body{
background: url(https://images.wallpaperscraft.ru/image/list_kapli_rastenie_127301_1920x1080.jpg) no-repeat center center fixed;
background-size: cover;
}

#bgRek{
display: none;
}

 

[dysphoria]

Можно поставить фото квака?

А у тебя есть оно?

 

[Pepyaka]

Посмотреть вложение 89901 залазит в поле ответа и из-за этого не видно текст

Я об этом уже указал, сверху человек написал код для исправления этого недостатка

Спойлер

#ProfilePanes
.typewriter h1 {
color: #fff;
margin: 0 auto;

animation:
typing 3.5s steps(30, end),
blink-caret .5s step-end infinite;
}

html[id="XenForo"] > body{
background: url(https://images.wallpaperscraft.ru/image/list_kapli_rastenie_127301_1920x1080.jpg) no-repeat center center fixed;
background-size: cover;
}

#bgRek{
display: none;
}