ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🎲 Майский ваншот

Ленивая сезонная майская акция
Сыграем в настольную игру в дискорде?
Пишите, присоединяйтесь к обсуждению!

Подробности

GEMcross

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

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Проблемы с настройкой фона.

Сообщений 1 страница 9 из 9

1

Всем привет.

Суть вопроса такова:
Пытаюсь настроить код так, чтобы выделенные области были прозрачными, однако котелок уже не догоняет как это сделать. Кто может - подскажите пожалуйста, как это сделать. Заранее спасибо!

https://forumupload.ru/uploads/0007/e3/f7/8287/41125.jpg
https://forumupload.ru/uploads/0007/e3/f7/8287/532842.jpg

http://dssc.rusff.me

Отредактировано Антон Хмелевской (20.05.23 19:55)

+1

2

#p184201,Антон Хмелевской написал(а):

, однако котелок уже не догоняет как это сделать. Кто может - подскажите пожалуйста, как это сделать. Заранее спасибо!

Ну поставить в эти окна фон боди с подбором нужного смещения и background-attachment: fixed

Отредактировано Deff (20.05.23 21:54)

+1

3

Антон Хмелевской
при нарезке макета у вас куда-то потерялся кусок рамки в фоне шапки слева

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

верхнее окно стиля
Код:
/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* fonts */
/* A1.1 */
@import url(style_cs.css);
@import "http://fonts.fontstorage.com/import/bebasneue.css";

@font-face {font-family: 'KUDRYASHEVHE'; 
src: local("Berlingske"), url(http://forumstatic.ru/files/001b/de/6a/67909.ttf);}

@font-face {font-family: 'SAVA'; 
src: local("Berlingske"), url(http://forumstatic.ru/files/001b/de/6a/60535.ttf);}

/* A2 отвечает за отображение форума в браузере
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0 0 0 22px;}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
    width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

 /* A3 отвечает за текст на всём форуме
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 96.01%;
  }

/* A3.2 */
.punbb {
  font: normal 72% tahoma, arial, helvetica, sans-serif, Cuprum;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em tahoma, arial, helvetica, sans-serif, Cuprum;
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb pre {
/*  font: 12px monaco, "bitstream vera sans mono", "courier new", courier, monospace*/
}


/* A3.6 */
.punbb address, .punbb em {
    font-style: normal
  }

/* A3.7 */
.punbb .post-content em {
    font-style: italic
  }

/* A3.8 */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
  }

/* A3.9 */
.punbb a {
    text-decoration: underline
  }

/* A3.10 */
.punbb optgroup {
    font-weight: bold;
  }


/* A4 отвечает за поверхностную очистку и скрытие элементов
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow:hidden;
    line-height: 0.0;
    font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    position:absolute;
    left: -9999px;
    overflow: hidden
  }

/* A5  за основной макет страницы и границы
-------------------------------------------------------------*/
/* A5.1 */
/* ширина форума проставляется здесь */
#pun {
    width: 1210px;
    margin: 0px auto 10px auto;
    margin-top: 0px;    
    margin-bottom: 0px;
  }


/* A5.2 */
.punbb .section, .punbb .main {
    margin-bottom: 0.3em;
  }

/* A5.3 */
.punbb .category, .punbb .post {
    margin-top: 0.4em;
  }

/* A5.4 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
    margin-top: 0;
    margin-left: -11px;
  }

/* 5.5 */
#pun-post .topic {
    margin-top: 1em;
  }

/* A5.6 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-style: none none solid none;
    border-width: 0px 0px 2px 0px
  }

/* A5.7 */
.punbb .container {
    border-style: solid;
    border-width: 1px;
  }

/* A5.8 */

/* Оформление категорий, "быстрый ответ", название тем в постах */
.punbb h1 span {
    color: #7f6d60 !important;
    font-size: 30px;
    /* font-family: '36953'; */
    /* text-shadow: -1px 0px 1px #fd009773, 2px 0px 1px #5dc7bce6; */
    text-transform: uppercase;
    /* letter-spacing: 5px; */
  }

/* Оформление категорий, "быстрый ответ", название тем в постах */

.punbb h2 span {
    color: #58422f !important;
    font-size: 30px;
    font-family: 'Sava';
    /* text-shadow: -1px 0px 1px #fd009773, 2px 0px 1px #5dc7bce6; */
    text-transform: uppercase;
    /* letter-spacing: 5px; */
  }

.punbb legend span {
    font-size: 1em;
    font-family: '36953';
  }

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    padding: 0.5em 1em;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    text-align:center;
    text-transform:uppercase;
    letter-spacing: 1.8px;
    font-weight: normal;
    font-size: 3.5em;
    color: #2d2d2d;
  }

/* Картинки категорий */
#pun-main h2  { 
    background-image: url("http://forumstatic.ru/files/001b/de/6a/21016.png"); 
      width: 1250px;
    background-repeat: no-repeat; 
    overflow-x: hidden; 
    background-position: center; 
    color: transparent;
    text-align: center;
    letter-spacing: 1.8px;
    font-weight: normal;
    font-size: 1.1em;
    color: #242424;
    margin: 0 -105px;
  }

#pun-stats h2{
    background: url("http://forumstatic.ru/files/001b/de/6a/21016.png") top repeat-x;
    width: 1250px;
    height: 95px;
    padding: 0 !important;
    margin-left: -93px;
  }

#pun-stats .container table{
margin-top: -6px;
  }


/* B1 отвечает за разбор на содержание,подписи и движки
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: justify;
  }

/* B1.2 */
.post-sig img{
    max-width: 500px;
    max-height: 164px;
  }


.post-sig, .post-sig p {
    font-size: 11px;
    color: #171717;
  }

.post-content .post-sig dt {
    box-shadow: 0px 1px 1px rgb(161, 160, 160);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 7px;
    width: 26%;
    border-style: none !important;
  }


/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
    vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
    vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
  }

.punbb .post-content .blockcode {
    width: 100%;
    overflow: hidden; 
    max-height: 80px;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 0.4em 1.8em 1.4em 1.8em;
    padding: 1em;
    border-style: none;
    border-width: 1px;
    border: 1px solid #5dc7bc;
    background-color: #d5d5d5;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.7em;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    margin: 0;
  }

/* B2 отвечает за блок информации
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
    padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: bold;
  }


/* B3 за разбивку на странице и размещение ссылок
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
  }

/* B3.2 */
.multipage {
    margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -4em;
    left: 1em;
    width: 24em;
    font-size: 9px;
    font-family: '36953';
  }

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -5em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
    text-transform: lowercase;
    font-family: '36953';
  }

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 3em 0.5em 1em;
    font-size: 1.1em;
    font-family: '36953';
  }

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font-size: 9px;
  }

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold;
    font-size: 11px;
    text-transform: lowercase;
  }

/* B3.8 */
.subscribelink {    
    float: right;
    width: 19em;
    font-weight: bold;
    font-size: 11px;
    text-transform: lowercase;;
  }


/* C1 отвечает за форму макета
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
    padding: 0.7em 0.2em 0.1em 0.2em;
  }

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
  }

/* C1.5 */
.punbb fieldset legend {
    font-size: 1.1em;
    font-family: '36953';
  }

/* C1.6 */
.punbb fieldset legend span {
    font-size: 11px;
    padding: 0 5px;
    margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
    border-style: none;
    margin: 0;
    padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
    padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
    padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
    float: left;
    margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
    clear:both
  }

/* C1.12 */
.punbb .datafield br {
    display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
    font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
    font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
    display: block;
    padding: 0 12em 0 0;
    height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
    width: 64%;
    margin: 0;
  }


/* C1.17 */
.punbb .hashelp {
    position: relative;
  }

/* C1.18 */
.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: normal;
    width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
    top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
    display: block;
    padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
  }


/* C2 отвечает за таблицу макета
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
    font-family: '36953';
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    background-color: transparent;
    text-align: center;
    width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: left;
    width: 30%;
    text-transform: uppercase;
    font-size: 9px;
  }

.punbb .main .tcr a {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333333;
    font-family: '36953';
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    background-color: transparent;
    width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    background-color: transparent;
    text-align: left;
    width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
    background-color: transparent;
    width: 15%;
    white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
    background-color: transparent;
    width: 90%;
    white-space: normal;
  }

/* C2.8 названия подфорумов*/ 
#pun-index .tcl h3 {
    text-align: right;
    padding-bottom: 3px;
    margin-top: 5px;
    margin-bottom: 1px;
    -webkit-text-size-adjust: none;
  }

#pun-index .tclcon h3 {
    text-align: left;
    padding-bottom: 3px;
    margin-top: 5px;
    margin-bottom: 1px;
    -webkit-text-size-adjust: none;
  }

#pun-index .tcl h3 a {
    color: #8b6449 !important;
    font-size: 16px;
    /* font-weight: bold; */
    font-family: 'SAVA';
    /* text-shadow: -1px 0px 1px #fd009773, 2px 0px 1px #5dc7bce6; */
    text-transform: uppercase;
    letter-spacing: 1px;
/* margin-left: 15px; */
  }
 
#pun-index .tcl h3 a:hover {
    color: #605e5c !important;  
    transition: all 0.6s;
  }


/* C2.9 */
.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
  }

/* C2.10 */
.punbb td .modlist { 
    display: none; 
  }

/* C2.11 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0
 }

* html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    width: 450px;
    font-size: 10px;
    text-align: justify;
  }
  

/* C3 отвечает за темы
-------------------------------------------------------------*/
#pun-title {
    border-color: #202021 ;
  }



/* C3.1 */
.punbb .container, .punbb .post-body, .post h3 {
    border-color:  transparent;
  }

/* C3.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-color: transparent;
    margin-left: -10px;
    width: 97%;
  }

/* C3.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin, #pun-admain h2, .punbb-admin #pun-admain h2 {
    border-color: transparent ;
  }

.pun-admain h2, .punbb-admin #pun-admain h2 {
    background-color: #e6e6e6; color: #363636;
  }

/* C3.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: transparent;
  }

/* C3.5 */
.punbb th {
    border-color: transparent ;
  }

/* C3.6 */
.punbb .quote-box, .punbb .code-box {
    border-color: #d6d6d6;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
    border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    border-color: transparent ;
  }

.punbb .divider {
    border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
    border: 1px solid transparent ;
  }

li.pa-online {
    border-left-color: transparent ;
  }


/* C3.7 */
.punbb .post .container {
    border-style: none solid solid solid;
    border-width: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
  }

/* C3.8 */
.punbb .post h3 {
    border-style: solid solid none solid;
    border-width: 1px;
  }

/* C3.9 */

/* Оформление разделителя постов */
#pun-viewtopic .post h3 {
    height: 13px;
    width: 960px;
    margin-left: 2px;
    padding: 4px 12px 4px 12px;
    background-color: #2d2d2d;
    border: 2px solid #ffffff;
  }

/* Оформление даты в разделителе */
.permalink {
    color: #5dc7bc!important;
  }

/* Оформление поделиться в разделителе */
.sharelink {
    color: #5dc7bc!important;
  }

/* Оформление цифры очередности поста */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: normal;
    color: #ffffff !important;
  }


/* C3.11*/
/* Оформление профиля*/
.punbb .post .post-author {
    float: left;
    text-align: center;
    font-family: 'roboto condensed';
    font-weight: bold;
    font-size: 11px;
    width: 220px;
    overflow: hidden;
    margin: 12px 0;
    background:url(http://forumstatic.ru/files/001b/9e/7f/16800.svg) top no-repeat, 
url(http://forumstatic.ru/files/001b/9e/7f/85115.svg) bottom no-repeat, 
url(http://forumstatic.ru/files/001b/9e/7f/72995.svg) repeat-y;
  }

.punbb .post .post-author > ul {
    background:url(https://i.ibb.co/Fx7VXWY/prof.jpg) 0 top no-repeat,url(https://i.ibb.co/Fx7VXWY/prof.jpg) 0 bottom no-repeat; 
    margin: 0px 0 0px 0!important;
    padding: 12px 0px 25px 0px!important;
    min-height: 100px;
  }

.pa-author {
    font-style: normal!important;
    margin-top: -7px;
    margin-bottom: 15px;
    padding: 3px;
  }

.pa-author a {
line-height: 2em;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 11px!important;
    color: #000000 !important;
    word-spacing: 3px;
    -webkit-text-size-adjust: none;
    font-family: '36953';
font-weight: bold;
text-shadow: -1px 0px 1px #fd009778, 2px 0px 1px #5dc7bcbd;
  }

.pa-author a:hover {
    color: #5dc7bc !important;
  }

/* Отдельное оформление границ аватара профиля */
.pa-avatar img[alt]{
    border-radius: 0px;
    border: 1px solid #40c4c800;
    padding: 6px;
    border-image-source: url(картинка);
    border-image-slice: 25%;
    border-image-width: 25px 25px;
    border-image-repeat: inherit;
  }

/* Отдельное оформление границ аватара профиля при наведении*/
.pa-avatar img[alt]:hover{
    border-radius: 0px;
    border: 1px solid #40c4c800;
    padding: 6px;
    border-image-source: url(картинка);
    border-image-slice: 25%;
    border-image-width: 25px 25px;
    border-image-repeat: inherit;
  }


li.pa-title {
    font-size: 0.6em;
    color: #ffffff!important;
    text-align: justify;
    font-family: 'roboto';
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-top: 2px!important;
    font-weight: normal!important;
    width: 162px;
    padding: 0px 10px 0px 20px !important;
  }


li.pa-respect a {
    font-family: 'roboto condensed';
    color: #212121 !important;
    letter-spacing: 0.2px;
    font-weight: normal!important;
  }

li.pa-online {
    line-height: 6px;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-top: 8px;
    margin-left: -6px;
    text-align: center;
    margin-bottom: -2px;
    text-transform: uppercase;
    font-size: 9px;
    color: #76f9ec;
    font-weight: normal!important;
    font-family: '36953';
    letter-spacing: 1px;
    padding-bottom: 10px;
  }

li.pa-online strong{
    font-weight: normal!important;
  }

li.pa-awards {
    width: 190px;
  }

li.pa-fld1 {
    width: 220px;
    font-size: 10px;
    text-align: center;
    font-weight: normal!important;
    font-family: '36953'!important;
    margin-top: 5px;
  }

.pa-fld1 a {
    font-family: '36953';
    color: #5dc7bc !important;
    font-size: 10px !important;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    font-weight: normal!important;
  }


.pa-fld1 a:hover {
    color: #fff !important;
  }



.pa-fld2, .pa-fld3  {
    text-transform: uppercase;
    font-family: 'roboto condensed';
    color: #212121 !important;
    font-size: 8px !important;
    letter-spacing: 0.2px;
    display: inline-block;
    font-weight: normal!important;
  }

.punbb .pa-posts,.pa-respect{
    font-weight: normal;
    text-align:center;
    color:#212121;
    text-transform: uppercase;
    display:inline-block;
    padding: 2px!important;
    font-size: 8px !important; 
    width: 40%;
  }

.pa-fld4 {    
    width: 180px;
    font-family: 'roboto condensed';
    color: #ffffff !important;
    font-size: 10px !important;
    letter-spacing: 0.4px;
    font-weight: normal;
    background-image: url(картинка подложка);
    height: 23px;
    padding: 7px 0px 0px 0px!important;
    margin-bottom: -20px;
    margin-left: 2px;
  }

.pa-fld4 a {
    font-family: 'roboto condensed';
    color: #5DC7BC !important;
    font-size: 11px !important;
    letter-spacing: 0.2px;
  }

.pa-fld4 a:hover {
color: #3e3d3d !important;
  }

.pa-fld5 {
    width: 185px;
    font-family: 'roboto';
    font-size: 9px;
    margin-left: 7px;
    text-align: justify;
    color: #e3dbd0;
    padding: 10px 10px 0px 10px !important;
    letter-spacing: 0.2px;
    font-weight: normal;
  }

.pa-fld5 a {
    font-family: 'roboto';
    color: #5dc7bc !important;
    letter-spacing: 0.1px;
  }


.pa-fld5 a:hover {
color: #fff !important;
  }


.punbb .pa-posts {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 2px;
    color: #ffffff !important;
    padding: 6px 0px 0px 0px!important;
    width: 95px;
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 9px !important;
    font-family: '36953';
    background-image: url(картинка подложка);
    height: 19px;
  }

.punbb .pa-respect {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 2px;
    color: #ffffff !important;
    padding: 6px 10px 0px 7px!important;
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 9px !important;
    font-family: '36953';
    background-image: url(картинка подложка);
    width: 78px;
    height: 19px;
  }

.punbb .pa-fld2 {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 2px;
    color: #ffffff !important;
    padding: 6px 0px 0px 0px!important;
    width: 95px;
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 8px;
    margin-top: -10px;
    font-size: 9px !important;
    font-family: '36953';
    background-image: url(картинка подложка);
    height: 19px;
  }

.punbb .pa-fld3{
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 2px;
    color: #ffffff !important;
    padding: 6px 0px 0px 0px!important;
    width: 95px;
    vertical-align: middle;
    line-height: 14px;
    margin-bottom: 8px;
    margin-top: -10px;
    font-size: 9px !important;
    font-family: '36953';
    background-image: url(картинка подложка);
    height: 19px;
  }

.punbb .user-avatar .avatar-image {
    border-radius: 0%!important;
  }


/* Оформление значка онлайн в таблице */
.isonline {
    top: 0px!important;
    background: #82e4db!important;
    width: 2px!important;
    height: 48px!important;
    border-radius: 0%!important;
    -webkit-animation: blinkColor 0.5s linear infinite!important;
  }

/* C3.12 */
.punbb .post-body {
    margin-left:220px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
  }

/* C3.13 */
.punbb .post-box {
    padding: 2em;
  }

/*C3.14 */
.punbb fieldset .post-box {
    margin-bottom: 0.8em;
  }

/* C3.15 */
.punbb .post-links {
    margin-bottom: 2em;
    margin-left: 200px;
    border-left-style: solid;
    border-left-width: 1px;
    text-transform: lowercase;
    font-size: 10px;
    font-family: '36953';
  }

/* C3.16 */
.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -200px;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
  }

/* C3.17 */
.punbb .post-links li {
    display: inline;
    padding-left: 1em;
  }

/* C3.18 */
.pl-email, .pl-website {
    float: left;
  }

/* C3.19 */
.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
  }


/* C4 отвечает за модераторское меню
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    font-size: 10px;
    padding: 0.5em 1em;
    text-align: right;
    text-transform: lowercase;
    font-family: '36953';
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    height: 1.8em;
    line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
    float: left;
  }

/* C4.4 */
.punbb .modmenu input {
    margin-left: 1em;
  }


/* C5 отвечает за страницу сообщений
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
    padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
    padding-top: 0.8em;
  }


/* C6 отвечает за страницу профиля
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
    padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
  }

/* C6.3 */
#profilenav li {
    padding-bottom: 0.8em;
    font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    width: 7em;
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
    padding: 0 0 0 16em;
    margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.5em 1em;
    font-weight: bold;
    clear: both;
    line-height: 150%;
    background-color: #000000;
    border: 2px solid #345552;
    display: inline-block;
    font-family: '36953';
    color: #5dd1c5;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
  }

#viewprofile li span a{
    color: #5dd1c5;
  }

#viewprofile li span a:hover{
    color: #ffffff!important;
  }

/*C6.9 */
#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
  }

/* C6.10 */
#viewprofile li strong {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
  }

#viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
  }

#profile-name * {
    padding-left: 0;
    margin-left: 0;
    display: block;
    font-weight: normal;
    font-family: '36953';
    text-shadow: -1px 0px 1px #fd009773, 2px 0px 1px #5dc7bce6;
    text-transform: uppercase;
  }

/* C6.11 */
.punbb img.avatardemo {
    float: right;
    margin: 0 0 0.8em 1.8em
  }


/* C7 отвечает за страницу со списком пользователей
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
    border-bottom: none;
    margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
    padding: 0 2.3em 2.3em 2.3em;
    border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
    border-style: solid;
    border-width: 1px;
  }



/* D1 отвечает за лого и описание форума
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    margin: 0;
    border-style: none none none none;
    border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
    display : block;
    height : 40px;
    padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
    border-style: none none none none;
  }

/* D1.4 */
#pun-title h1 span  {
    font-size: 1.5em;
  }

/* D1.4 */
#pun-title h1 span  {
    display: none;
  }

#pun-title h1 span  {
    font-size: 1.5em;
  }


/* D2 отвечает за навигацию на странице
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
    background: transparent;
    border: none;
    padding: 0
  }

/* D2.3 */
#pun-pagelinks .container li {
    display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
    height: 2em;
    line-height: 2em;
    padding: 0;
    font-size: 1.2em;
    margin-left: -9999px;
    display: block;
    float:left;
    width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    position:relative;
    margin: 0;
  }

#pun-pagelinks li a span {
    display:block;
    margin: 0 1em
  }



/* D3 отвечает за навигацию на форуме
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    text-align: center;
    font-style: normal;
    font-family: Montserrat;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    display: flex;
  }

#navpr_1 li span {
    font-size:0; 
    display: none
  }

#pun-navlinks {
    display: block;
    font-size: 0px !important;
    font-style: normal;
    font-weight: lighter !important;
    position: absolute;
    text-align: center;
    top: 35px;
    width: 49px !important;
    word-spacing: 0;
    padding: 0px !important;
    z-index: 999;
    height: auto;
    margin-left: -60px !important;
  }

#pun-navlinks a {
    color: #aa855e;
    text-align: center;
    transition: all .2s;
    font-size: 16px !important;
    display: block;
    font-weight: normal;
    font-family: KUDRYASHEVHE;
    padding-right: 1em;
  }

#pun-navlinks li a:hover {
    color: #5dc7bc !important;
    text-align: center;
    transition: all .2s;
    font-size: 16px !important;
    display: block;
    font-weight: normal;
    font-family: KUDRYASHEVHE;
  }

#pun-navlinks a span {    
    padding: 0px !important;
  }

#pun-navlinks .container {
    padding: 1px 1px;
    padding-top: 190px;
  }


/* D.3 */
#pun-navlinks li {
    display: inline;
  }

/* D3.4 */
#pun-navlinks li a {
    font-size: 1.0em;
  }

/* D3.5 */
div#pun-navlinks #navawards a, div#pun-navlinks #navrules a{
    display:none!important;
  }

/* D4 отвечает за пользовательские ссылки
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
    width:100%;
    height: 20px;
  }

/* D4.2 */
#pun-ulinks .container {
    border-top: none;
    padding: 0.7em 1em;
    margin: -26px;
    margin-top: -112px;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
  }


/* D4.4 */
#pun-ulinks li a {
    padding: 0 0.3em 0 0.6em;
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 0
  }

div#pun-ulinks.section li a {
    text-transform: uppercase;
    color: #a7a7a7;
    font-family: '36953';
    font-size: 0.8em!important;
  }

div#pun-ulinks.section li a:hover {
    text-transform: uppercase;
    color: #5dc7bc;
    font-family: '36953';
    font-size: 0.8em!important;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #d87b0f;
    transition: 0.7s;
  }


     


/* D5 отвечает за приветствие
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    margin-top: -1px;
    margin-left: -10px;
    font-family: '36953';
    color: #484848;
    font-size: 8px;
  }

/* Оформление приветствия при наведении */
#pun-status .container:hover {
    font-family: '36953';
    color: #74ada7;
    font-size: 8px;
  }

/* D5.2 */
#pun-status .container {
    padding: 0.8em 1em 1em 1em;
  }
/* D5.3 */
#pun-status span {
    white-space: nowrap;
    margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 0;
    font-family: '36953';
  }

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 1.1em;
    margin-top: 50px;
  }
/* D5.6 */
#pun-break1 {
    margin: 0 1em;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
  }

/* D6 отвечает за объявление
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
    padding: 0;
    margin: 0 1em -3.5em 0em;
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    position: relative;
    font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
    display: block;
    padding: 1em 0 0.8em 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
    padding: 2.3em 1em 1em 1em;
  }

/* D7 отвечает за статистику
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
    padding: 0.8em 1em
  }

/* D7.2 */
/* Можно оставить так и регулировать все в строку или в один столбец, можно дробить */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    clear: both;
    line-height: 150%;
    background-color: #2d2d2d;
    border: 2px solid #616161;
    display: inline-block;
    padding: 7px 7px 5px 7px;
    font-family: '36953';
    color: #ffffff;
    text-align: center;
    margin-left: 20px;
    text-transform: uppercase;
  }

#pun-stats li.item1 strong, #pun-stats li.item2 strong, #pun-stats li.item3 strong, #pun-stats li.item4 strong a {
    color: #fff;
    font-weight: normal;
}

/* D7.4 */
li#onlinelist {
    margin-top: 1em;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 100%;
    line-height: 130%;
    font-family: '36953';
  }

li#onlinelist span a {
    margin-top: 1em;
    font-size: 10px!important;
    width: 100%;
    font: normal 72% tahoma, arial, helvetica, sans-serif, Cuprum;
    color: #111;
  }

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
  }

/* D8 за быстрый переход и низ форума
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
  }

/* D8.2 */
#pun-qjump .container {
    border: none;
    background: transparent;
    padding: 0.8em 1em;
  }
/* D8.3 */
#pun-about {
    margin-top: 0px ;
    margin-bottom:0px;
    border: 0px transparent solid;
  }

/* D8.4 */
#pun-about .container {
    text-align: right;
    line-height: 150%;
    border-top: 0px transparent solid;
    border-bottom: 0px transparent solid;
  }

/* D8.6 */
#pun-crumbs2 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0.2em 1em;
    font-size: 1.1em;
    text-transform: lowercase;
    font-family: '36953';
  }

/* D8.8 */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 1px 0;
    position: relative;
    height: 0;
    z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
    border-top-style: solid;
    border-top-width: 1px;
  }


/* D9 отвечает за файл справки
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: 0.8em;
  }

/* D9.2 */

#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
    margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
    padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
    padding: 0;
    line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
    vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
  
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
    padding-bottom: 0;
  }
 
.punbb .pa-ip {
    text-align:center;
    color:#212121; font-size: 7px !important;
  }

.punbb .user-avatar .avatar-image {
    border-radius: 0%!important;
  }

.punbb .user-avatar .avatar-image {
    transition: all 0.8s ease;
  } 

.punbb .user-avatar .avatar-image:hover {
    transform: rotateY(180deg);
    transition: all 0.8s ease;
  } 


#pun-redirect{
    border:0 none !important;
    background: #2b2b2b url("///") top center fixed no-repeat; /* Параметры фона */
    margin:0;
    padding:0;
    left:0;right:0;
    top:0;bottom:0;
    width:100%;
    height:100%;
    text-align:center;
  }

#pun-redirect .container{
    text-align: justify;
    display: inline-block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 7% auto;
    width: 400px;
    padding: 30px;
    border: 3px double rgb(59, 59, 59);
    border-radius: 2px;
    background: #e3dbd0;
    box-shadow: -5px 0px 0px 0 #3b3b3b;
  }

#pun-redirect.punbb .info .container a{
    font-weight: normal;
}

.link2 {
    padding: 3px 3px 3px 6px;
    background-color: #111111;
    color: #e3dbd0!important;
    font: 12px oswald;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
  }

.link2 a {
    color: #e3dbd0 !important;
    transition: 0.5s;
  }

.link2 a:hover {
    color: #861405 !important; 
    transition: 0.5s;
  }



/*кнопки вверх-вниз позиционирование*/
.go-up {
    cursor: pointer;
    display: none;
    margin-top: 70px;
    margin-left: 1020px !important;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    text-align: center;
    transition: filter .4s ease-in-out 0s, color .4s ease-in-out 0s
  }

.go-down {
    cursor: pointer;
    display: none;
    margin-top: 90px;
    margin-left: 1020px !important;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    text-align: center;
    transition: filter .4s ease-in-out 0s, color .4s ease-in-out 0s
  }

.go-up {
    top: 250px;
    padding-bottom: 0.1em;
    display: inline-block;
    text-align: center;
    transition-duration: 0.4s;
  }
  
.go-down {
    top: 280px;
    padding-bottom: 0.1em;
    display: inline-block;
    text-align: center;
    transition-duration: 0.4s;
  }

.go-down:hover, .go-up:hover {
    opacity: 1;
    filter: grayscale(100%)
  }


::selection {
    background: #333333 !important;
    color: #e6ddd4;
  }

/* новости */
.pnews {
    background: #e6e6e6;
    padding: 2px 10px 4px 10px;
    width: 70px !important;
    display: inline-block;
    color: #be5400 !important;
    text-align: center;
    transition-duration: 0.6s;
    box-shadow: -4px 0px 0px 0 rgb(174, 110, 62);
  }

.pnews a{
    color: #222222 !important;
    font-size: 10px;
    text-transform: lowercase;
    text-align: center;
    font-family: 'Alegreya Sans SC' !important;
    font-weight: bold;
  }

.pnews:hover {
    transform: scale(1.2);
  }


#MyBookmarks {
    background-color: #e2e2e2db;
    z-index: 9999999 !important;
  }

#BookmCntToggle {
    color: #6f6b68!important;
  }

#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
    margin-left: 0;
  }

/*рекомендация страницы русфф*/
div#pun-live-rusff {
    display: none;
  }


#pun-redirect .main-title {
    display:none;
  }

span.num_msg {
    margin-left: -3px!important;
    margin-top: -11px!important;
    background: #e6e6e6!important;
    color: #1f1f1f!important;
    border-radius: 1px!important;
    height: 10px!important;
    font-size: 9px!important;
  }

span.num_msg:before {
    display: none!important;
    background: #e6e6e6!important;
    top: 13px!important;
  }

.jGrowl-notification {
    border-radius: 0px!important;
  }

#messages-list a>img.atr {
    border-radius: 0px!important; 
    box-shadow: 0px!important; 
    border: solid 1px #af6e3e!important;
  }

/* ширина первой ячейки в списке активного онлайна */
#pun-online #pun-main .section .container table tbody tr .tcl {
    width: 25%
  }

.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
    font-size: 13px;
  }

/* фон полей смайлов, цвета, таблицы, загрузки изображения, шрифтов и тп */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    background-color: #d6d6d6b0!important; 
    border: 1px solid #999999!important;
  }

#smilies-area {
    width: 560px !important;
  }

/* сокрытие стандартных смайлов */
div#wrapper li.t-0 {
    display: none!important;
  }

/* фон загрузки аватара быстрой функцией */
.pun-modal .modal-inner {
    background-color: #e6e6e6 !important;
  }



/* сокрытие "отредактировано" после правок в постах */
.lastedit {
    display:none;
  }

/* настраиваем админские ссылки*/

.adminlnk { 
    position: relative; 
    display: inline-block;
  } 

.adminlnk span { 
    display: none; 
  } 

.adminlnk a {
    padding: 1px;
    color: #a1a0a0!important;
  }

.adminlnk a:hover {
    color: #ae6e3e!important;
  }

.adminlnk:hover span { 
    position:absolute; 
    border: none;
    text-align:center; 
    display:inline-block; 
    margin-top: -5px!important;
    left: 0px;
    height: 84px!important;
    z-index: 9999999999;
}

.adminzone {
    font-family: Helvetica Neue;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 11px;
    position: absolute!important;
    margin-top: 220px!important;
    margin-left: 10px!important;
    width: 250px;
    height: 50px;
    text-align: ;
    color: #dfdddd;
}



/* счетчик непрочитанных сообщений в теме*/
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    border-radius: 0px!important;
    background: transparent!important;
    color: #e3dbd0!important;
    font-size: 0.8em!important;
    font-weight: 700!important;
    height: 11px!important;
    line-height: 11px!important;
    margin: 12px!important;
    min-width: 11px!important;
    padding: 2px!important;
}


/* замена плюса в мини-профиле*/


.pa-respect a[href*="&v=1&cod"]{
    margin-top: -6px!important;
    display: inline-block;
    vertical-align: middle;
  }
  
.pa-respect a[href*="&v=1&cod"] img {
    visibility:hidden;
    /*размеры для картинок  +/- */
    height:9px;
    width:9px;
  }

.pa-respect a[href*="&v=1&cod"] {
    background:url(http://forumstatic.ru/files/001a/be/0e/63067.gif) center 100% no-repeat; /*картинка для +*/
  }


#navsearch {
  display: none!important;
}

#yandex_rtb_R-A-1623045-1, #yandex_rtb_R-A-1623045-3, #yandex_rtb_R-A-1623045-2, #yandex_rtb_R-A-1623045-4 {
display: none;
}
нижнее окно стиля

Отредактировано starling (20.05.23 21:48)

+3

4

@starling  Благодарю, помогло. Единственное - на разных устройствах, отображается по разному. Не знаете как это фиксится?

0

5

Антон Хмелевской
Покажите, пожалуйста, скринами, какие различия у вас в отображении фона. Просто на словах не понятно, какую именно ошибку надо исправлять.

0

6

#p184226,starling написал(а):

Золотая рамка пропала (выделил красным где она должна быть, а в футере сдвинуть левее не получается).

А так же - на третьем скрине видно разницу в отображении (1-2 скрины - один компьютер, 3 - другой).https://forumupload.ru/uploads/0007/e3/f7/8287/400417.png
https://forumupload.ru/uploads/0007/e3/f7/8287/160219.png
https://forumupload.ru/uploads/0007/e3/f7/8287/476373.jpg

0

7

#p184227,Антон Хмелевской написал(а):

Золотая рамка пропала (выделил красным где она должна быть, а в футере сдвинуть левее не получается).

Касательно рамки. Проверьте свой макет и как вы вырезали шапку. У вас изначально кусочка слева не хватало

Отредактировано starling (22.05.23 20:54)

+1

8

Приветствую, есть вопрос.

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

(на скриншоте - где стоит курсор).

Заранее спасибо.
https://forumupload.ru/uploads/0007/e3/f7/8287/t890007.png

0

9

#p194939,Антон Хмелевской написал(а):

Приветствую, есть вопрос.

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

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляй ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удали символы: "http://", "https://" или "www."
font_download format_size format_bold format_italic format_underlined strikethrough_s format_paint color_lens
format_align_left format_align_center format_align_right list table_view
link add_photo_alternate ondemand_video mood
content_cut lock_open format_quote code
horizontal_rule anchor live_help emoji_symbols library_add
Bebas Neue Arial Georgia Microsoft Sans Serif Tahoma Verdana Century Gothic Palatino Linotype Times New Roman Franklin Gothic Medium Impact Arial Black Courier New Lucida Console Comic Sans Ms
10px 12px 14px 16px 18px 20px 22px
  • Точками
  • Кружочками
  • Квадратами
  • Цифрами
  • Римскими цифрами
  • Без обозначений
Многострочный пункт списка
© ® « » ¢ £
Заголовок Автосжатие больших картинок Скрыть от гостей Ссылка «скачать» Имя читателя Добавлено спустя… Надстрочный текст Подстрочный текст Блок HTML Анкета: разделитель текста Анкета: закрыть ответы

Теги оформления специальных постов

Сделать пост специальным[block="portfoliopost"]portfoliopost[/block],
Светлый фон[block="makeportfoliolight"]makeportfoliolight[/block],
Красный пост[block="saledpost"]saledpost[/block],
Синий пост[block="forsalepost"]forsalepost[/block],
Зеленый пост[block="freepost"]freepost[/block],

Пост без профиля[block="no-prof"]no-prof[/block],
Общее портфолио FD[block="FDteam-portf"]FDteam-portf[/block],

Теги оформления картинок

Обложки: Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px

Обложка[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]
Закрыто[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]
Продажа[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]
Подарок[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Превью: Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px

Блок для превью[block="morepics"],[/block]

Разноцветные картинки-ссылки: Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)

Блок для картинок-ссылок[block="port-block"],[/block]
Красный[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
Синий[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
Зеленый[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
Желтый[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Теги оформления контента

Обведенный текст[block="details"] [block="det"],[/block] [/block]
Добавить еще блок[block="det"],[/block]

Блок с кнопками[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]
Синяя кнопка[block="demo"][url=ссылка]текст,[/url][/block]
Оранжевая кнопка[block="store"][url=ссылка]текст,[/url][/block]

добавить работу [block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block]

Иконки:

lock[block="icon material-icons"]lock,[/block]

[block="icon fa-solid fa-sack-dollar"],[/block]

[block="icon fa-solid fa-gift"],[/block]

ТЕГИ (вставить в p-out через пробел)
Тип работы:

под заказ saled,

на продажу forsale,

бесплатно free,



Основная категория:

Вебдизайн dis,

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

Графика graf,

(для графона, НЕ включающего кодинг/скрипты)

Скрипты/коды code,

(для готовых разработок и работы по верстке/кодингу)

Мини-фильтры дизайнов:

адаптивные mob,

ролевые игры frpg,

компьютерные игры game,

нейтральные flat,

Подкатегории:

Дизайн форумов/сайтов fulldis,

(для полных работ по дизайну)

Макеты layout,

(для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)

Верстка dis-code,

(для работ по верстке чужих дизайнов или отдельных штук)

Соц-сети/стримы graf-s,

(графон для оформления соцсетей/стримов)

Ролевая графика/арт art,

(для мелкой графики)

Javascript/CSS js,

(для скриптов или выложенных цсс кодов)

Бесплатный диз от FD [block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Платный диз от FD [block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Дизайн от юзеров [block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

ТЕГИ (вставить в p-out через пробел)
Платформа:

MyBB.ru mybb-ru,

Макет (любая платформа) any,



Параметры:

+ PSD psd-in,

(в наличии макет помимо кодов)

+ адаптивка mob,

(есть версия для мобилок)
Тематика:

нейтральные flat,

ролевые игры frpg,

компьютерные игры game,

фентези fant,

аниме anime,

кино/сериалы kino,

стимпанк/киберпанк cyb,

мультфильмы kids,

животные cats,



Цвета:

тёмные darkst,

светлые light,

яркие bright,

добавить скрипт/код [block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block]

Иконки:

[block="icon fa-brands fa-js"],[/block]

[block="icon fa-brands fa-css3-alt"],[/block]

[block="icon fa-regular fa-file-lines"],[/block]

[block="icon fa-solid fa-file-code"],[/block]

[block="icon fa-solid fa-file-invoice-dollar"],[/block]

ТЕГИ (*значение в скобках вставить в SCRBLOCK через пробел)
Тип кода:

скрипт (js)[block="js"]скрипт, js[/block]

css код (css)[block="css"]css код, css[/block]

HTML/CSS шаблоны (shab)[block="shab"]HTML/CSS шаблоны, shab[/block]

Модули/Расширения (global)[block="global"]Модули/Расширения, global[/block]

Платформа:

MyBB.ru (mybb-ru)[block="mybb-ru"]MyBB.ru, mybb-ru[/block]

Любой движок (any)[block="any"]Любой движок, any[/block]

Тип для форума:

Пользователи (users)[block="users"]Пользователи, users[/block]

Профиль (userprof)[block="userprof"]Профиль, userprof[/block]

Доп. поля профиля (adfield)[block="adfield"]Доп. поля профиля, adfield[/block]

Аватары (avatars)[block="avatars"]Аватары, avatars[/block]

Репутация (repa)[block="repa"]Репутация, repa[/block]


Группы (groups)[block="groups"]Группы, groups[/block]

Гoсти (guest)[block="guest"]Гoсти, guest[/block]

Администраторы (admins)[block="admins"]Администраторы, admins[/block]

Модераторы (moders)[block="moders"]Модераторы, moders[/block]


Регистрация (regis)[block="regis"]Регистрация, regis[/block]

Личные сообщения (ls)[block="ls"]Личные сообщения, ls[/block]

Вход (login)[block="login"]Вход, login[/block]

Подписки (subsc)[block="subsc"]Подписки, subsc[/block]


Поиск (search)[block="search"]Поиск, search[/block]

Цитирование (quotes)[block="quotes"]Цитирование, quotes[/block]

Пагинация (pagin)[block="pagin"]Пагинация, pagin[/block]

Опросы (polls)[block="polls"]Опросы, polls[/block]

Смайлы (smiles)[block="smiles"]Смайлы, smiles[/block]


Фикс скриптов QuadroBoards (qbfix)[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]

Страница форума:

На всех страницах (allpages)[block="allpages"]На всех страницах, allpages[/block]

Страницы (созд. в админке) (fpages)[block="fpages"]Страницы (соз. в админке), fpages[/block]


Главная страница (mainpage)[block="mainpage"]Главная страница, mainpage[/block]

Объявление (announ)[block="announ"]Объявление, announ[/block]

Категории (categ)[block="categ"]Категории, categ[/block]

Форумы (forums)[block="forums"]Форумы, forums[/block]

Статистика (stats)[block="stats"]Статистика, stats[/block]


Список тем (topiclist)[block="topiclist"]Список тем, topiclist[/block]

Страница профиля (profpage)[block="profpage"]Страница профиля, profpage[/block]


Тема (topics)[block="topics"]Тема, topics[/block]

Сообщения (posts)[block="posts"]Сообщения, posts[/block]

Контент сообщений (p-content)[block="p-content"]Контент сообщений, p-content[/block]

Рейтинг постов (p-repa)[block="p-repa"]Рейтинг постов, p-repa[/block]

Профиль автора поста (p-prof)[block="p-prof"]Профиль автора поста, p-prof[/block]


Форма ответа (fo)[block="fo"]Форма ответа, fo[/block]

Модификация ФО (fomod)[block="fomod"]Модификация ФО, fomod[/block]

Новые BB-теги (newbb)[block="newbb"]Новые BB-теги, newbb[/block]

Инструментарий спец тем/постов (spesh)[block="spesh"]Инструментарий спец тем/постов, spesh[/block]

Универсальные теги:

Дизайн/стиль (dis)[block="dis"]Дизайн/стиль, dis[/block]

Замена элементов/атрибутов (chan)[block="chan"]Замена элементов/атрибутов, chan[/block]

Загрузка (load)[block="load"]Загрузка, load[/block]

Переадресация (redir)[block="redir"]Переадресация, redir[/block]

Скроллинг (scroll)[block="scroll"]Скроллинг, scroll[/block]


Виджеты (vidjet)[block="vidjet"]Виджеты, vidjet[/block]

Меню (menu)[block="menu"]Меню, menu[/block]

Вкладки (ttabs)[block="ttabs"]Вкладки, ttabs[/block]

Галереи (gall)[block="gall"]Галереи, gall[/block]

Слайдеры (sliders)[block="sliders"]Слайдеры, sliders[/block]

Ротаторы (rotat)[block="rotat"]Ротаторы, rotat[/block]

Таймеры/даты (timers)[block="timers"]Таймеры/даты, timers[/block]

Спойлеры (spoilers)[block="spoilers"]Спойлеры, spoilers[/block]


Реклама (adv)[block="adv"]Реклама, adv[/block]

Изображения (pics)[block="pics"]Изображения, pics[/block]

Медиа (media)[block="media"]Медиа, media[/block]

Ролевые игры (frpg)[block="frpg"]Ролевые игры, frpg[/block]


Hover-эффекты (hover)[block="hover"]Hover-эффекты, hover[/block]

Анимация (anim)[block="anim"]Анимация, anim[/block]

Украшения (decor)[block="decor"]Украшения, decor[/block]

Праздники (seleb)[block="seleb"]Праздники, seleb[/block]


Ограничения/запреты (stops)[block="stops"]Ограничения/запреты, stops[/block]

Антикопирование (nocopy)[block="nocopy"]Антикопирование, nocopy[/block]

Уведомления (notif)[block="notif"]Уведомления, notif[/block]