Проверено Общая курилка || Новые темы форума.

[Cort Quwin]

Здравствуйте, уважаемые читатели форума! В этой теме вы сможете найти цветовые схемы для форума и также разрабатывать свои собственные варианты, а затем делиться ими.

Для установки цветовых схем вам потребуется расширение для вашего браузера под названием "User JavaScript and CSS". Вы можете скачать его по ссылке: Download.


Установите данное расширение и перейдите на главную страницу форума - link
Далее повторяем действия как на скриншоте ниже

Переходите в расширение "User JavaScript and CSS" и нажимаем кнопку "Добавить"

И добавляем правила для страницы.

Давайте сделаем наш форум стильным вместе. Поехали!​

 

[Cort Quwin]

Зелёная тема

Спойлер: Картинки

Спойлер: Описание

Общая цветовая схема - зелёная.
Ники пользователей с ролью "Пользователь" теперь зелёные, так же фиолетовая тень.
Роль "Пользователь" изменена на зелёную.

​

document.addEventListener('DOMContentLoaded', function() {
  var logoElement = document.querySelector('a.focus-logo');

  if (logoElement) {
    logoElement.style.filter = 'hue-rotate(271deg)';
  }
});

document.addEventListener('DOMContentLoaded', function() {
  var divElement = document.querySelector('div[align="left"]');

  if (divElement) {
    var authorElement = document.createElement('p');
    authorElement.textContent = 'Автор темы игрок: Cort_Quwin';

    divElement.appendChild(authorElement);
  }
});

header#header.p-header::before {
    background-color: #10c40d;
    --block-color: #10c40d;
}



a.button.bf1.bf2.buttonFast {
    background-color: #10c40d;
}

.p-header-logo a {
    padding: 0 27px;
}

.p-header-logo a {
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    font-family: inherit;
    font-size: 22px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 200px;
}

div#top.p-pageWrapper {
    --block-color: #10c40d;
}

a.username {
    color: #10c40d;
    text-shadow: #e60ccf 1px 1px 5px;
}


span.username {
    color: #10c40d;
    text-shadow: #e60ccf 1px 1px 5px;
}

span.p-navgroup-linkText {
    color: #10c40d;
    text-shadow: #e60ccf 1px 1px 5px;
}

.banner_banned {
    background: url(https://svgshare.com/i/zoi.svg);
    width: 163px;
    height: 29px;
    text-indent: -10000em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}

.banner_user {
    background: url(https://svgshare.com/i/zoY.svg);
    width: 163px;
    height: 29px;
    text-indent: -10000em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}

.block-header::before, body[data-template="thread_view"] .p-body-header::before, body[data-template="forum_view"] .p-body-content .block-container::before, .p-header::before, .message--quickReply::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    color: #10c40d;
    background: currentColor;
    box-shadow: currentColor 0px 0px 25px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-top: 1px solid rgba(255,255,255,0.25);
    box-sizing: border-box;
    transform: translate3d(0, 0, 0);
}

​

 

[Mihay_Cappuccino]

хорош

 

[Evgeniy_Barsikov]

Крутой Кортик

 

[Cort Quwin]

Учёл прошлые ошибки и хочу представить новую красную тему.

В ней была добавлена кнопка "Ваш профиль" в правом верхнем углу вместо вашего ника.
Заменено название технического раздела на "Раздел Дорриана", символично
Изменено название блока "Команда онлайн" на "Админы онлайн".
Заменён цвет кнопок.
Да и весь форум теперь в красных цветах.

Картинки: link

​

Спойлер: Red Theme

document.addEventListener('DOMContentLoaded', function() {
  function isProfilePage() {
    return window.location.href.includes("/members/73856/");
  }

  function changeLinkText(selector, newText) {
    var element = document.querySelector(selector);
    if (element) {
      element.textContent = newText;
    }
  }

  function addTextToDiv(selector, text) {
    var element = document.querySelector(selector);
    if (element) {
      var newElement = document.createElement('div');
      newElement.textContent = text;
      element.appendChild(newElement);
    }
  }

  function changeHeaderText(selector, newText) {
    var element = document.querySelector(selector);
    if (element) {
      element.textContent = newText;
    }
  }
 
  function changeTitleText(selector, currentText, newText) {
    var element = document.querySelector(selector);
    if (element && element.textContent.trim() === currentText) {
      element.textContent = newText;
    }
  }

  changeLinkText('a.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--user', 'Ваш профиль');

  if (isProfilePage()) {

    addTextToDiv('div.memberHeader-main', 'Разработчик вашей темы');

    var userBannerElement = document.querySelector('em.userBanner.banner_user');
    if (userBannerElement) {
      userBannerElement.style.background = 'url(https://panda-bot.ru/forum/staff.svg)';
      userBannerElement.style.width = '163px';
      userBannerElement.style.height = '29px';
      userBannerElement.style.textIndent = '-10000em';
      userBannerElement.style.backgroundRepeat = 'no-repeat';
      userBannerElement.style.backgroundPosition = 'center';
      userBannerElement.style.backgroundSize = 'cover';
      userBannerElement.style.display = 'block';
    }
  }

  changeLinkText('a[href="/tech/"][data-xf-init=""][data-shortcut="node-description"]', 'Раздел Дорриана');

  addTextToDiv('div[align="left"]', 'Автор темы игрок: Cort_Quwin');

  changeHeaderText('h3.block-minorHeader a[href="/members/?key=staff_members"]', 'Админы онлайн');
 
  changeTitleText('h1.p-title-value', 'Форум Namalsk RolePlay', 'Форум Namalsk RolePlay | Авторская тема от Cort');
});

header#header.p-header::before {
    background-color: #ff0000;
    --block-color: #ff0000;
}



a.button.bf1.bf2.buttonFast {
    background-color: #ff0000;
}

.p-header-logo a {
    padding: 0 27px;
}

.p-header-logo a {
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    font-family: inherit;
    font-size: 22px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 200px;
}

div#top.p-pageWrapper {
    --block-color: #ff0000;
}

a.username {
    color: #ff0000;
    text-shadow: #e60ccf 1px 1px 5px;
}


span.username {
    color: #ff0000;
    text-shadow: #e60ccf 1px 1px 5px;
}

span.p-navgroup-linkText {
    color: #ff0000;
    text-shadow: #e60ccf 1px 1px 5px;
}

.banner_banned {
    background: url(https://svgshare.com/i/zoi.svg);
    width: 163px;
    height: 29px;
    text-indent: -10000em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}

.banner_user {
    background: url(https://svgshare.com/i/zs5.svg);
    width: 163px;
    height: 29px;
    text-indent: -10000em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}

.actionBar-set.actionBar-set--external .actionBar-action {
    padding: 5px 8px;
    text-decoration: none;
    background: #e93636b8;
    color: #fff;
    border-width: 1px;
    border-color: #ff0000;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.actionBar-set.actionBar-set--external .actionBar-action:hover {
    background-color: #e93514;
}



.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 12px;
    color: #dae1f3;
    background: #2d3037;
    border-radius: 3px;
    border-top: 3px solid #919cb0;
}

.block-header::before, body[data-template="thread_view"] .p-body-header::before, body[data-template="forum_view"] .p-body-content .block-container::before, .p-header::before, .message--quickReply::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    color: #ff0000;
    background: currentColor;
    box-shadow: currentColor 0px 0px 25px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-top: 1px solid rgba(255,255,255,0.25);
    box-sizing: border-box;
    transform: translate3d(0, 0, 0);
}

​

​

 

[Cort Quwin]

Можете находить баги и писать о них здесь. Будем чинить!

 

[Garry_Krayt]

Здравствуйте, прошу прощения за задержку.
К сожалению, из за расширения в теме, которое и дает данные изменения, закрепить не могу