В каталог! (отдать дизайн для свободного использования)

Страница: « 1 2 3 4

Сообщений 31 страница 36 из 36

Поделиться103.11.17 14:23

Автор: Gerda
крашеный некротехнофил
Последний визит:
03.12.24 00:27
Уважение: +10113

topic=this
[expl]

no-prof

В этой теме вы можете поделиться своими дизайнами или psd-макетами.
Принимаются любые работы. Насколько они красивы/не красивы и подходят ли они для каталога - решаем не мы, а пользователи.
Оставляйте здесь информацию по шаблонам - модератор красиво отредактирует топик и добавит его в навигацию.

[/expl]
Название:
[expl]придумайте название дизайну. желательно использовать в названии тематику и цветовую гамму, например "сумерки черные"/"twilight black"
Комбинация тематика+цветовая гамма позволит пользователям по заголовку топика понимать, что скрывается внутри.[/expl]
[input width=95%]*Название стиля/шаблона[/input]
Условия публикации/использования:
[expl]вы можете указать, что вы хотите от нас при публикации (например, разместить определенные ссылки и баннеры в топике с дизайном), а также условия использования вашей работы (например, не удалять копирайт при таких-то условиях).
Если дизайн отдается без условий и заморочек, то поле заполнять не обязательно.[/expl]
[textarea width=100%]Условия публикации/использования[/textarea]
Автор/источник:
[expl]откуда взялся дизайн или вы его сами сделали? укажите автора или ссылку на источник. можно вставить баннеры, ссылки и т.д. - модератор красиво разместит их в топике[/expl]
[textarea width=100%]*Автор или источник[/textarea]
Платформа:
[expl]укажите для какого движка подойдёт ваш стиль. Если вы хотите поделиться макетом, так и пишите что подойдёт для любой платформы[/expl]
[input width=95%]*Название движка/платформы[/input]
Цветовая гамма:
[expl]перечислите цвета стиля/шаблона[/expl]
[input width=95%]Цвета[/input]
Корректность отображения: [select]none|ДА|НЕТ[/select]
Мобильная версия: [select]none|ДА|НЕТ[/select]
[expl]вы смотрели стиль при разных разрешениях и в разных браузерах?
если вы тестировали стиль и нет ошибок типа размножения фона или торчащих элементов, выбирите пункт "ДА".
если не тестировали - отметьте "нет"[/expl]
[expl]если вы проверили стиль при разных разрешениях и в нем есть ошибки, напишите какие ошибки вы заметили и при каком разрешении экрана стиль более-менее корректно отображается.[/expl]
[textarea width=100%]комментарий о корректности отображения стиля[/textarea]
Исходники или макет:
[expl]дайте ссылку на скачивание PSD-макета дизайна или PSD отдельных элементов (шапка, например).
если все утеряно - пишите "нет"[/expl]
[textarea width=100%]*Исходники и макет[/textarea]
Скриншот:
[expl]обязательно разместите скриншот дизайна. желательно залить картинку через форум[/expl]
[textarea width=100%]*Скриншоты[/textarea]
Код:
[expl]разместите код дизайна в тегах [*code][/expl]
[textarea width=100%]Коды дизайна[/textarea]

Код:

***QUESTIONARY***
%[%expl%]%%[%block="no-prof"%]%no-prof%[%/block%]%В этой теме вы можете поделиться своими дизайнами или psd-макетами.
Принимаются любые работы. Насколько они красивы/не красивы и подходят ли они для каталога - решаем не мы, а пользователи.
Оставляйте здесь информацию по шаблонам - модератор красиво отредактирует топик и добавит его в навигацию.
%[%hr%]%
%[%/expl%]%
%[%b%]%Название:%[%/b%]% 
%[%expl%]%%[%i%]%придумайте название дизайну. желательно использовать в названии тематику и цветовую гамму, например "сумерки черные"/"twilight black"
Комбинация тематика+цветовая гамма позволит пользователям по заголовку топика понимать, что скрывается внутри.%[%/i%]%%[%/expl%]% 
%[%input width=95%%]%*Название стиля/шаблона%[%/input%]% 
%[%b%]%Условия публикации/использования:%[%/b%]% 
%[%expl%]%%[%i%]%вы можете указать, что вы хотите от нас при публикации (например, разместить определенные ссылки и баннеры в топике с дизайном), а также условия использования вашей работы (например, не удалять копирайт при таких-то условиях).
Если дизайн отдается без условий и заморочек, то поле заполнять не обязательно.%[%/i%]%%[%/expl%]% 
 %[%textarea width=100%%]%Условия публикации/использования%[%/textarea%]% 
%[%b%]%Автор/источник:%[%/b%]% 
%[%expl%]%%[%i%]%откуда взялся дизайн или вы его сами сделали? укажите автора или ссылку на источник. можно вставить баннеры, ссылки и т.д. - модератор красиво разместит их в топике%[%/i%]%%[%/expl%]% 
 %[%textarea width=100%%]%*Автор или источник%[%/textarea%]% 
%[%b%]%Платформа:%[%/b%]% 
%[%expl%]%%[%i%]%укажите для какого движка подойдёт ваш стиль. Если вы хотите поделиться макетом, так и пишите что подойдёт для любой платформы%[%/i%]%%[%/expl%]% 
%[%input width=95%%]%*Название движка/платформы%[%/input%]% 
%[%b%]%Цветовая гамма:%[%/b%]% 
%[%expl%]%%[%i%]%перечислите цвета стиля/шаблона%[%/i%]%%[%/expl%]% 
%[%input width=95%%]%Цвета%[%/input%]% 
%[%b%]%Корректность отображения:%[%/b%]%  %[%select%]%none|ДА|НЕТ%[%/select%]%
%[%b%]%Мобильная версия:%[%/b%]%  %[%select%]%none|ДА|НЕТ%[%/select%]%
%[%expl%]%%[%i%]%вы смотрели стиль при разных разрешениях и в разных браузерах? 
если вы тестировали стиль и нет ошибок типа размножения фона или торчащих элементов, выбирите пункт "ДА". 
если не тестировали - отметьте "нет"%[%/i%]%%[%/expl%]%
%[%expl%]%%[%i%]%если вы проверили стиль при разных разрешениях и в нем есть ошибки, напишите какие ошибки вы заметили и при каком разрешении экрана стиль более-менее корректно отображается.%[%/i%]%%[%/expl%]%
 %[%textarea width=100%%]%комментарий о корректности отображения стиля%[%/textarea%]%
%[%b%]%Исходники или макет:%[%/b%]% 
%[%expl%]%%[%i%]%дайте ссылку на скачивание PSD-макета дизайна или PSD отдельных элементов (шапка, например).
если все утеряно - пишите "%[%b%]%нет%[%/b%]%"%[%/i%]%%[%/expl%]%
 %[%textarea width=100%%]%*Исходники и макет%[%/textarea%]% 
%[%b%]%Скриншот:%[%/b%]% 
%[%expl%]%%[%i%]%обязательно разместите скриншот дизайна. желательно залить картинку через форум%[%/i%]%%[%/expl%]%
 %[%textarea width=100%%]%*Скриншоты%[%/textarea%]%
%[%b%]%Код:%[%/b%]% 
%[%expl%]%%[%i%]%разместите код дизайна в тегах %[%*code%]%%[%/i%]%%[%/expl%]%
%[%textarea width=100%%]%Коды дизайна%[%/textarea%]%

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 1

Поделиться3125.02.23 10:40

Автор: Gothkiller
Проверенный специалист
Последний визит:
Сегодня 09:31
Уважение: +532

опубликовано

Название:

Дизайн минимализм
Условия публикации/использования:

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

сам сделал
Платформа:

mybb и ко
Цветовая гамма:

голубой, желтый
Корректность отображения: none
Мобильная версия: none

–
Исходники или макет:

https://disk.yandex.ru/d/INZpbRWHdf-Wow
Скриншот:

https://i.imgur.com/y0d6Rhu.png
Код:

–

Поделиться3225.02.23 10:51

Автор: Gothkiller
Проверенный специалист
Последний визит:
Сегодня 09:31
Уважение: +532

опубликовано

Название:

Минимализм pink
Условия публикации/использования:

да делайте что хотите
Автор/источник:

Gothkiller
Платформа:

mybb и ко
Цветовая гамма:

розово-белый
Корректность отображения: none
Мобильная версия: none

–
Исходники или макет:

https://disk.yandex.ru/d/9uXvtdAlE0b1SQ
Скриншот:

https://i.imgur.com/fxHfNFb.png
Код:

–

Поделиться3325.02.23 11:01

Автор: Gothkiller
Проверенный специалист
Последний визит:
Сегодня 09:31
Уважение: +532

опубликовано

Название:

гарри поттер
Условия публикации/использования:

–
Автор/источник:

Gothkiller
Платформа:

mybb и ко
Цветовая гамма:

бежево-черный
Корректность отображения: none
Мобильная версия: none

–
Исходники или макет:

https://disk.yandex.ru/d/v3JxXc33VCpucw
Скриншот:

https://i.imgur.com/ifQq6Jp.png
Код:

–

Поделиться3424.12.23 15:32

Автор: William Wilkins
Участник
Последний визит:
08.01.25 15:20
Уважение: +30

Опубликовано

Название:

HP green gold
Условия публикации/использования:

–
Автор/источник:

Дизайн делался по вдохновению, но ставился на коды бесплатных шаблонов. Тут часть кода из этого шаблона: Дизайн Светлый Минимализм (+PSD) (оформление аватара), большая часть из этого: Дизайн Hidden Japan (+PSD), а оформление шапки подсмотрено тут: Дизайн Gray Abstract.
Платформа:

Мубб
Цветовая гамма:

темно зеленый, светло зеленый, золотой, черный
Корректность отображения: НЕТ
Мобильная версия: НЕТ

Стиль создавался в браузере: Микрософт Эдж, проверялся только в Гугл Хром.
Исходники или макет:

Исходник: https://disk.yandex.ru/i/HQkjfn4twc4SdA
Макет: https://disk.yandex.ru/i/AGbea2uNTQm-MQ
Скриншот:

Код:

Структура style.css

/*********************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

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

/* 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 {
    table-layout: fixed;
    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 Text setup
-------------------------------------------------------------*/

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

/* A3.2 */
.punbb {
    font: normal 68.75% verdana, arial, helvetica, sans-serif;
}

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

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
    font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
    font: 1.1em/100% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

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

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

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

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

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


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* 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 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  position: relative;
  background: url(https://i.postimg.cc/J47TF82f/3.jpg) top center no-repeat;
}

/* A5.2 */
.punbb {
 height: auto;
  width: 830px;
  margin: 0 auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: 50px 20% 12px 20%;
    width: auto;
    float: none;
    background: #ffffff;
}

#pun-redirect h1 {background: #ffffff;}

/* A5.4 */
.punbb .section, .punbb .main {
    margin-bottom: 1em;
width: 100%;
}

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

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
    margin-top: 0;
}

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

/* A5.8 */
.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.9 */
.punbb .container {
    border-style: solid;
    border-width: 1px;
}

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    margin-left: -9px;
    border-style: none solid solid none;
    border-width: 0 0px 0px 0;
}


/***************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    border-top: 1px solid #5b579f;
    width: 250px;
    margin: 5px 0;
}

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

/* 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 .blockcode, .punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
}

/* 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: solid 1px;
    border-color: #000000;
    border-radius: 0px 0px 15px 0px;
}

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

/* B2 Information boxes
-------------------------------------------------------------*/

/* 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 Pagination and posting links
-------------------------------------------------------------*/

/* 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: -2.8em;
    left: 4em;
    width: 24em;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -3em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
}

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

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

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold
}

/* B3.8 */
.subscribelink {
    clear:both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
}


/***************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
    padding: 1.7em 2.3em 1.1em 2.3em;
}

/* 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 {
    padding: 0;
    margin: 0 0 0 11px;
    font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
    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 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 60%;
}

.intd {
    
background: #989e78;   
 color: #000000;
    padding: 1em 2em !important;
    min-height: 60px;
    max-width: 350px;
    border-color: #132c1e;
    border-width: 3px;
    border-style: solid;
}


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

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 30%;
}

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    font-size: 1.2em;
    font-weight: bold;
}

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

/* C2.10 */
.punbb td .modlist {
    display: block;
    padding-top: 0.3em
}

/* 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
}

/* C2.14 */
.punbb tbody.hasicon td.tcl {
    padding-left: 0.8em
}

/* C2.15 */
.punbb td div.tclcon h3 {text-transform: uppercase;}
div.icon {  float: right;
    display: block;
    width: 59px;
    height: 63px;
}

/* C3 Topics
-------------------------------------------------------------*/

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

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

/* C3.3 */
.punbb .post h3 span {
    padding: 0.5em 1em;
    display: block;
    margin-left: 19em;
    border-left-style: solid;
    border-left-width: 1px
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: normal;
}

/* C3.5 оформление аватара*/

 .punbb .post .post-author {
    float: left;
    margin-top: 0px;
    overflow: hidden;
    min-height: 140px!important;
}

/* оформление аватара */
.post-author {
    width: 250px;
    background: url(https://i.postimg.cc/wMG5G1MF/image.png) repeat-y;
    padding-bottom: 20px!important;
    margin-top: -7px;
    margin-left: -65px!important;
}
.post-author:before{
  content: url(https://i.postimg.cc/wvP7KL5t/image.png);
  display:inline-block;
  position:absolute;
  margin-top:-19px;
}

.post-author:after{
  content: url(https://i.postimg.cc/9fQPt3Wc/image.png);
  display:inline-block;
  position:absolute;
  margin-top: 10px;
}
  
/* внутреннее пространство*/
.post-author ul {
    margin-left: 30px;
    padding: 10px !important;
    padding-top: 48px !important;
    color: #989e78;
}

/* ник */

.pa-author {
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 180px;
  padding: 0 2px !important;
  font-family: var(--fontadd);
  font-size: 17px!important;
  line-height: 1;
  text-transform: lowercase;
  font-weight: normal !important;
  letter-spacing: 0;
  text-shadow: none;
  text-align: center!important;
  position: absolute;
  margin: -94px 0px 0px 35px !important;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: left;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* ник в спокойном состоянии*/
.punbb li.pa-author a{
color: #989e78;
}

/* ник при наведении*/
.punbb li.pa-author a:hover {
color: #c0915d;
}

/* аватар */
.pa-avatar {
    margin-top: -22px !important;
    margin-bottom: 0px !important;
    margin-left: -7px !important;
    text-align: center;
}

/* тень и рамка авы */
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    box-shadow: 0 0 7px #eff4e6;
    margin-top: 10px;
    border: 1px solid #d2d7c9!important;
    margin-bottom: 0px;
}

/* статус */
.pa-title {
  height: 40px;
  width: 120px;
  font-family: 'Myriad Pro';
  font-size: 10px!important;
  text-transform: lowercase;
  color: #000000;
  margin: -30px auto auto 33px!important;
  text-align: center!important
  z-index: 2;
  position: absolute;
}

/* слово посты кол-во постов и репутации */
.pa-posts, .pa-respect {
    font-family: 'Myriad Pro';
    padding: 2px 5px !important;
    width: 50px;
    display: inline-block;
    font-size: 10px;
    background-color: transperent;
    text-align: center;
    color: #000000;
    margin-top: 6px!important;
}

.pa-posts span, .pa-respect span, .pa-fld1 span {   
    display: inline-block;
    text-align: center;
    
}

/* слово репутация */
 .pa-respect a {   
 color: #000000 !important;}


/* перемещение кол-ва постов */
.pa-posts {
margin-left: 25px!important;
padding-right:14px!important;}

.pa-respect {
margin-left: 0px!important;
padding-right:7px!important;}



/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0 1em 1em 1em;
    line-height: 140%;
}

/* C3.7 */
.pa-author {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

/* C3.8 */
.pa-author a {
    text-decoration: none;
    text-align: center;
}

.pa-avatar {text-align: center;}

/* C3.9 */
li.pa-title {
    padding-bottom: 0.4em;
    font-weight: bold;
    text-align: center;
}


li.pa-online {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-top: 0.7em;
}

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

/* C3.12 */
.punbb .post-box {
    padding: 1em;
}

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

/* C3.14 */
.punbb .post-links {
    margin-left: 19em;
    border-left-style: solid;
    border-left-width: 1px;
}

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

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

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

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


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
}

/* 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 Message boxes
-------------------------------------------------------------*/

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

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


/* C6 Profile
-------------------------------------------------------------*/

/* 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 {
    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;
}

/*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, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
}

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


/* C7 User list
-------------------------------------------------------------*/

/* 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;
}


/************************************************/*************************************************************
                                                  D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
                                                      **************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

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

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

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

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

#pun-title table {
    border: none;
  height: 572px;
}

#pun-title td.title-logo-tdl {
    border: none;
    width: 1280px;
}

#pun-title td.title-logo-tdr {
    border: none;
    width: 1280px;
    position: absolute;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* 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 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
}

/* D3.2 */
#pun-navlinks .container {
    padding: 0.7em 1em;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Lucida Console;
}

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

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

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
    margin-top: 0;
}

/* D4.2 */
#pun-ulinks .container {
    border-top: none;
    padding: 0.7em 1em;
    text-align: center;
    font-size: 10px;
    text-transform: lowercase;
}

/* 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
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
}

/* 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;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 1.1em;
}

/* 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 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
    padding: 0;
    margin: 0 1em -3.5em 1em;
    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: 4.3em 1em 1em 1em;
}

/* D7 Statistics
-------------------------------------------------------------*/

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

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
    float: left;
    clear: both;
    line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

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

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

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* 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: 0;
}

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: right;
    line-height: 150%;
    padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
    display:block;
    padding-left: 50%;
}

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

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0.8em 1em;
    font-size: 1.1em;
}

/* 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 Help file
-------------------------------------------------------------*/

/* 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;
}



.pa-fld1 .fld-name {display: none;}



/* Cтрелки © ForumD.ru, Gerda */
.scrollbuttons {
position: fixed;
width: 820px; /* ширина рамки форума/сайта */
height: 0px;
top: 90%; /* отступ кнопок от верха экрана */
}
.go-up, .go-down {
opacity: 0;
position:absolute;
z-index:9999;
cursor:pointer;
padding: 0 8px 4px; /* отступы текста кнопок от краев */
transform: rotate(-90deg); /* переворачиваем кнопки */
transition: all 0.8s;
-webkit-transition: all 0.8s;
background: #989e78;
color: #000000;
 font-family: 'Myriad Pro';
/* добавь сюда цвет фона и текста кнопок, стиль шрифта и т.д. */
}
.go-up.show, .go-down.show {opacity: 1;}
.go-up {
right: -37px; /* двигаем вправо (кнопка ВВЕРХ) */
top: -60px; /* двигаем вверх (кнопка ВВЕРХ) */
}
.go-down {
right: -29px; /* двигаем вправо (кнопка ВНИЗ) */
top: 16px; /* двигаем вверх (кнопка ВНИЗ) */
}
.go-up:hover, .go-down:hover {
color: #fff; /* цвет текста при наведении курсора */
/* добавь сюда любые другие изменения при наведении курсора */
}

Код:

Цвета style_cs.css
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
    background: url(https://i.postimg.cc/NFKF21ZB/image.jpg) top center repeat; 
}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
    background-color: transparent;
    color: #333;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    background-color: transparent;
    color: #333;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    background: url(https://i.postimg.cc/Jzf0F6tX/image.png) top center no-repeat;
    color: #989e78;
    padding-top: 12px;
    height: 48px;
    text-align: center;
    font-weight: bolder;
    font-size: 20px;
    text-transform: uppercase;
    font-family: CAMBRIA;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
    background-color: transparent;
    color: #333;
}


/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: transparent;
    color: #989e78;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    background-color: transparent;
    color: #333
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box,  {
    background-color: #989e78;
    color: #333
}

/* CS1.8 */
#pun-navlinks .container {
    background-color: transparent;
    color: #989e78;
}

.offline li.pa-online strong {
    font-weight: normal
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
    border-color: transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-color: transparent;
}

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

/* CS2.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;
}

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box, #addition-area div, #tags .container {
    background: #989e78;
    color: #333;
}

#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: transparent;
}

li.pa-online {
    border-left-color: #989e78;
    border-radius: 3px;
}

.usertable td, #pun-online #pun-main td, hr, #wrapper ul, #similar-topics table td, .forum td, .punbb .post-links ul {
    border-bottom: 1px solid #ccc !important;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a,  
.punbb-admin #pun-admain a  {
    color: #000000;
    text-decoration: none;
}

.punbb a:visited,
 .punbb-admin #punbb-admain a:visited  {
    color: #000000;
    text-decoration: none;
}


.punbb a:link,
.punbb-admin #pun-admain a:link {
    color: #000000;
    text-decoration: none;
}


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #000000;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #c3914c;
}

/* CS3.3 */
#pun-navlinks a {
    color: #000000;
    text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #c3914c;
    text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #333;
    color: #000000;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/


.lastedit {
    display: none;
}

#pun-announcement h2 {
    display: none;
}

#pun-title td.title-logo-tdl {
    display: none;
}

.punbb textarea, .punbb select, .punbb input {
    background: #efeae7;
    color: #333;
    border: solid 1px;
    border-color: #dbd3cf;
    border-radius: 0px 0px 15px 0px;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 700;
  background: url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;
  background-position: -30px -33px;
  animation: fave-heart 1s steps(28);
  position: relative;
  padding-left: 1px;
  z-index: 100;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: #000;
}




div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
    font-size: 0 !important;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    width: 50px;
    height: 5px;
    background: #ccc;
    display: block;
    background-size: 100%;
    margin-left: 20px;
    margin-top: 42px;
}


#tooltip {
  position:absolute;
  background:#DDD;
  box-shadow: 3px 10px 7px -7px #9c8eac, -3px -3px 0px 0px #495879, inset 0px 0px 20px 0px #8a6396;
  border-radius: 5px;
  border-top: 3px solid #aa3d02 !important;
  border-bottom: 2px solid #25222e !important;
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  font-weight:bold;
  font-size:14px;
  display:none;
}

Код:

HTML-верх
<div class="Hoverbuttons" style="position: absolute;
    margin-top: 150px;
    margin-left: -185px;
    width: 170px;
    background-color: none;
    padding: 5px;
    border: 0px solid none;
    height: 310px !important;
    overflow-y: auto !important;
    opacity: 1;">
<font color="#989e78"><center>Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.</center>
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.</font>
<br>
</div>

<div class="Hoverbuttons" style="position: absolute;
    margin-top: 250px;
    margin-left: 50px;
    width: 80px;
    background-color: none;
    padding: 5px;
    border: 0px solid none;
    height: 210px !important;
    overflow-y: auto !important;
    opacity: 1;">
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a><br>
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a><br>
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a><br>
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a><br>
</div>

<div class="Hoverbuttons" style="position: absolute;
    margin-top: 380px;
    margin-left: 170px;
    width: 300px;
    background-color: none;
    padding: 5px;
    border: 0px solid none;
    height: 210px !important;
    overflow-y: auto !important;
    opacity: 1;">
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a><a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a>
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a><a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='имя'/></a>
</div>

<div class="Hoverbuttons" style="position: absolute;
    margin-top: 320px;
    margin-left: 650px;
    width: 300px;
    background-color: none;
    padding: 5px;
    border: 0px solid none;
    height: 210px !important;
    overflow-y: auto !important;
    opacity: 1;">
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='АМС'/></a>
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='АМС'/></a>
<a href='ссылка'><img src='https://i.postimg.cc/zBKxWXPQ/pngwing-com-3-1.png' border='0' title='АМС'/></a>
</div>

<div class="Hoverbuttons" style="position: absolute;
    margin-top: 385px;
    margin-left: 430px;
    width: 360px;
    background-color: none;
    padding: 5px;
    border: 0px solid none;
    height: 267px !important;
    overflow-y: auto !important;
    opacity: 1;">
<center>Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.</center>
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.
</div>

<div class="Hoverbuttons" style="position: absolute;
    margin-top: 150px;
    margin-left: 840px;
    width: 170px;
    background-color: none;
    padding: 5px;
    border: 0px solid none;
    height: 310px !important;
    overflow-y: auto !important;
    opacity: 1;">
<font color="#989e78"><center>Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.</center>
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.
<br>
Блок с информацией. Можно расположить сюжет ролевой, лучший эпизод месяца или любую другую текстовую информацию.</font>
</div>

Код:

HTML-низ
<img src="https://i.postimg.cc/8PF1VR2m/image.jpg" 
style="margin: -100px auto; 
margin-left: -226px;"/>

<!-- стилизованные кнопки вверх/вниз © ForumD.ru, Gerda -->
<div class="scrollbuttons"><div class="go-up" id='ToTop'>наверх</div><div class="go-down" id='OnBottom'>вниз</div></div>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").addClass("show")
$(window).scroll(function(){
 if ($(window).scrollTop()<="250") $("#ToTop").removeClass("show")
 else $("#ToTop").addClass("show")
  });
 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").addClass("show")
  $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").removeClass("show")
     else $("#OnBottom").addClass("show")
 });
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

Цитировать Сообщение 34

Поделиться3523.02.24 18:37

Автор: Simpasy
Участник
Последний визит:
27.12.24 18:12
Уважение: +8

Опубликовано

Название:

ГП/минимализм
Условия публикации/использования:

–
Автор/источник:

simpasy
Платформа:

MyBB
Цветовая гамма:

минимализм. орнажевый/беж/темно-коричневый
Корректность отображения: none
Мобильная версия: none

–
Исходники или макет:

нет
Скриншот:

Код:

стиль верх

Код:

/*************************************************************
by simpasy
**************************************************************/

/* A1 Fonts
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);
  /*@import url(http://allfont.ru/allfont.css?fonts=otama-ep);
  @import url(https://fonts.googleapis.com/css?family=Cormorant&subset=cyrillic,cyrillic-ext,latin-ext)*/;

  /*Остальные Шрифты в HTML верх*/



/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

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

/* 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 {
  table-layout: fixed;
  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 Text setup
-------------------------------------------------------------*/

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

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, georgia, arial, helvetica, sans-serif;
  }

/*A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  padding: 3.5px 3px;
  margin-left: -1px !important;
  background-color: rgba(111, 81, 45, 0.09);
  color: rgb(79, 51, 26);
  border: #38250036 solid 1px;
}



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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

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

/* A3.10 */
.punbb a {
  text-decoration: none;
  }

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


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* 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 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 Тело*/
#pun {
 margin: auto;
  position: relative;
  float: center;
  width: 1065px;
}

/* A5.2 */
.punbb {
    height: auto;
    width: 909px;
    margin-left: 83px;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

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

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

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

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

/* A5.8 */
.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.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.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;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
padding: 5px 9px 5px 0px;
  line-height: 147%;
  word-break: break-word;
  /* font-size: 11px; */
  }

/* 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 .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

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

/* B1.8 Содержимое блока цитат*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 5px 1em 15px 12px;
    padding: 1em;
    background-color: #f7d58d1f;
    border-top: 1px solid #7254310d;
    border-bottom: 1px solid #7254310d;
    border-left: 6px solid #7254310d;
    border-right: 6px solid #7254310d;
    outline: 1px solid #65430014;
 }



/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
    font-size: 11px;
    letter-spacing: 0.7px;
    font-style: normal;
    font-weight: 700;
    font-family: FEA;
    margin: 0;
    text-align: center;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-bottom: 4px;
    border-bottom: 1px solid #574629bf;
    color: #362100;
  }


/* B2 Information boxes
-------------------------------------------------------------*/

/* 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 Pagination and posting links
-------------------------------------------------------------*/

/* 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: 32px;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 2em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 3em 0.5em 32px;
  margin-top: 15px;
  margin-bottom: 14px;
  font-size: 1.1em;
  }

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

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 Отправить, Посмотреть*/
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1px 0px 0px 0px;
  }

/* C1.3 Кнопули*/
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
      margin: 0 0.6em 0 0;
    padding: 4.5px 29px;
    background-color: rgba(69, 54, 32, 0.11);
    color: rgb(54, 34, 0);
    text-transform: uppercase;
    letter-spacing: 0.2px;
    font-family: arial;
    font-weight: 600;
    font-size: 8px;
    border: #80643f double 1px;
  }


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

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

/* C1.6 */
.punbb fieldset legend span {
  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 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: justify;
  width: 78%;
  }

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

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 39%;
  }

/* C2.4 */
#pun-modviewforum .main .tcl {
  width: 38%;
  }


#pun-searchtopics .main .tcl {
width: 59%;
}

#pun-userlist .main .tcl  {
  width: 14%;
  padding-left: 10px;
  }

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

#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 24%;
  }

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

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

/* C2.8 */
#pun-index .tcl h3 {
    text-align: center;
    display: inline-block;
    margin-right: -3px;
    position: relative;
    float: left;
    margin-left: -1px;
}

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

/* C2.10 */
.punbb td .modlist {
  display: none;
  padding-top: 0.3em;
  }

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

/* 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
  }

 /* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 47px;
  }


/* C2.15 */
.punbb div.icon {
        float: right;
    display: block;
    height: 32px;
    width: 32px;
}


/* C2.16 */
#pun-viewforum div.icon, #pun-messages div.icon{
  float: right !important;
  display: block;
  width: 41px;
  height: 41px;
  border-style: none;
  margin-top: -11px;
  margin-left: 46px;
  margin-right: 54px;
  }

#pun-searchtopics div.icon {
  float: right !important;
  display: block;
  width: 18px;
  height: 41px;
  border-style: none;
  margin-top: -11px;
  margin-left: 46px;
  margin-right: 54px;
  }


/* C2.17*/
#pun-index td div.tclcon {
   width: 478px;
   font-size: 10.4px;
   line-height: 12px;
   text-align: justify;
   padding-left: 0px;
   padding-right: 3px;
   padding-top: 1px;
   padding-bottom: 8px;
   margin-left: -34px;
}



 /* C3 Topics
-------------------------------------------------------------*/

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



/* C3.2 */
.punbb .post h3 {
  background-image: url('https://forumstatic.ru/files/001a/bb/ea/51002.jpg');
  height: 48px;
  width: 911px;
  margin: 0px 0px 0px -10.5px;
  }

/* C3.3 */
.punbb .post h3 span {
    padding: 21px 0px 0px 16px;
    display: block;
    border-left-style: solid;
    border-left-width: 1px;
    font-family: verdana;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 7px;
    color: #2e1a00;
    margin-right: 6px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  font-family: tahoma;
  font-size: 8.4px;
  letter-spacing: 0.3px;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  color: #d6d2bea3;
  }

/* C3.7 */
.pa-author {
    margin-bottom: 7px;
    margin-left: -6px;
    font-family: Franklin Gothic Medium;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
    color: #bca13be8;
    padding-top: 15px;
}

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
padding-bottom: 8px;
    font-family: Franklin Gothic Medium;
    text-transform: uppercase;
    font-size: 7.5px;
    letter-spacing: 0.9px;
    padding-top: 0px;
  }



li.pa-online {
    text-align: center;
    font-family: Franklin Gothic Medium;
    font-size: 9px;
    text-transform: initial;
    letter-spacing: 0.5px;
    width: 196px;
margin-left: 19px !important;
}



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

/* C3.12 */
.punbb .post-box {
  padding-left: 21px;
  padding-right: 9px;
  }

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  margin-right: 16px;
  margin-top: 19px;
  text-shadow: 0px 0px 1px #2115004f;
  font-family: Franklin Gothic Medium;
  font-size: 11.5px;
  }


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

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

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

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


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 5.5em 3em;
  text-align: right;
  margin-top: -37px;
  margin-bottom: -53px;
  }


/* 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 Message boxes
-------------------------------------------------------------*/

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

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


/* C6 Profile
-------------------------------------------------------------*/

/* 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 {
  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;
  }

/*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, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

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


/* C7 User list
-------------------------------------------------------------*/

/* 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;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  }

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

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

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

#pun-title table {
    border: none;
    height: 353px;
    width: 1167px;
    margin-left: -134px;
    background-position: center 0;
}


#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* 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 Forum navigation (1ая навигация)
-------------------------------------------------------------*/

/* D3.1 * /
#pun-navlinks, #pun-navlinks .container {
  margin-top: -90px;
  margin-bottom: 3px;
  text-align: center;
  text-transform: lowercase;
  font-size: 15px;
  font-weight: bold;
  font-family: -webkit-pictograph;
  letter-spacing: -0.2px;
}

/* D3.2 */
#pun-navlinks .container {
     margin-top: -340px;
     margin-bottom: 117PX;
     margin-left: 0px;
     text-transform: uppercase;
     font-family: Verdana;
     text-align: center;
     font-weight: 700;
     font-size: 9.8px;
}


/* D3.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 5px;
  }

/* D3.4  Навигация 1ая*/
#pun-navlinks li a {
    color: #ad8b56
}

#pun-navlinks li a :first-letter{
  color:#edd691!important;
  text-shadow: 0px 0px 1px #ffd760;
}

/* D4 User links (2ая навигация) 
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
      border-top: none;
      position: inherit;
      padding-bottom: 1px;
      padding-top: 3px;
      letter-spacing: 0.1px;
      text-transform: uppercase;
      font-size: 6px;
      text-align: center;
      font-weight: 700;
  }


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


/* D4.4 */
#pun-ulinks li a {
  padding: 0 1px 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
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 1.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;
  margin-left: 19px;
  }

/* D5.5 * Футер/
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* 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 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  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 {
  margin-top: -588px;
  padding: 314px 0em 0px 0em;
  margin-left: -1px;
  }


/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 14.8em 12px;
  padding-right: 31px;
  margin-bottom: -154px;
  margin-top: -136px;
  }


/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

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

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

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* 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: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

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

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 11.8em 1em;
    font-size: 1.1em;
    margin-bottom: -97px;
    margin-top: -143px;
}

/* 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 Help file
-------------------------------------------------------------*/

/* 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;
  }

.mmf {
    line-height: 12.8px;
    border: 3px #584122;
    border-style: double;
    width: 422px;
    padding: 7px 15px;
    background-image: url(https://forumstatic.ru/files/0018/13/fc/68056.png);
    font-size: 10.7px;
    font-family: 'Noto+Serif';
}

.zagolovok
{
font-size: 10.5px;
font-weight: 700;
font-style: italic;
font-family: Georgia;
}

.zvan {
    font-size: 10px;
    font-family: 'Noto Serif';
    letter-spacing: 0px;
    text-align: center;
    text-transform: initial;
    line-height: 13px;
}

#lsimg {
padding-top: 4px;
}


/*новые соо, активные*/
#pun-searchtopics .main .tcl {
    padding-left: 43px;
}


#button-mybb 
{
background-image:url('https://forumupload.ru/uploads/000a/45/08/120-1.png');
 padding:0;
 line-height:0;
 background-position:center;
 background-repeat:no-repeat;
 height:26px;
 width:100%;
}

#zagl {
    font-size: 11px;
    font-family: georgia;
    font-style: italic;
    font-weight: 700;
    padding-bottom: 5px;
    letter-spacing: -0.7px;
}


/*подфорумы*/
.quotes {
    font-family: verdana;
    font-style: normal;
    font-weight: normal;
    width: 462px;
    padding: 9px;
    padding-top: 4px;
    font-size: 9px;
    text-transform: lowercase;
    color: rgb(43, 33, 0);
    text-align: justify;
    letter-spacing: 0.5px;
    line-height: 12.8px;
    margin-left: 0;
    /* background-color: #e5d9c01c; */
    border-top: 5px solid #a99a7f6b;
}

.zag {
  text-align: center;
    line-height: 12px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    padding: 0px;
    height: 14px;
    color: #1b1b1be6;
    font-family: verdana;
    font-weight: 800;
    width: 374px;
    font-size: 8.5px;
    margin-left: 13px;
    margin-right: 0px;
}



/*репутация*/
 #pun-reputation  > div.inner.post_reputation > h1 {
     background-color: #4a2f00;
     height: 0px;
     box-sizing: border-box;
     position: relative;
     z-index: 5;
     padding: 6px 0px 19px 0px;
     color: #b6b6b6;
     margin: 0px 0px 0px -1px;
     text-align: center;
     width: 769px;
     font-size: 11px !important;
     font-weight: bold;
}

#pun-reputation > div.inner.post_reputation > div.container {
    margin-left: -1px;
    background: #d8d5c9cc;
    margin-top: -5px;
    }


.post-rating > p {float:right !important;border:0 !important;padding-right: 17px !important;}

/*Таблица*/
#pun-announcement h2 {
display: none;
}

#table {
    width: 902px;
    height: 103px;
    margin-top: 85px;
    margin-bottom: 60px;
    margin-left: 21px;
    color: rgba(197, 192, 173, 0.95);
    display: inline-flex;
}






#lz {
    width: 185px;
    opacity: 0.93;
    padding-left: 2px;
    padding-right: 1px;
    padding-top: 5px;
    margin-top: 1px;
    margin-bottom: 3px;
    box-sizing: border-box;
    line-height: 14px;
    text-align: justify;
    font-family: tahoma;
    font-size: 10px!important;
}

#pun-modviewforum .main .tcl div.icon {
        margin-top: -5px;
        margin-right: -36px;
        margin-bottom: -8px;
}




#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
    height: 214px;
    overflow-x: auto;
    background-color: #c2bdaaed;
    color: rgb(81, 65, 25);
    border: 3px double rgb(114, 82, 44);
    padding: 7px;
}

hr, .banner-line {
border: 1px dotted rgba(161, 134, 61, 0.6);}

стиль низ

Код:

/*************************************************************
by simpasy
**************************************************************/
/* CS1 Background and text colours(фон) 
-------------------------------------------------------------*/
body {
background-color:#1f140a;
background-image: url(https://forumstatic.ru/files/001a/bb/ea/87089.png);
background-position: top center;
}

#pun {
background: url("https://forumstatic.ru/files/001a/bb/ea/42111.gif") repeat-y scroll center;
}

#pun-title TABLE 
{
background: url("https://forumstatic.ru/files/001a/bb/ea/58998.jpg") no-repeat; 
}


/* CS1.1 Приветственный текст|Всего тем|Гостей|Зарегистрированных(не ссылки) */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #2e0000;
  }

/* CS1.2 Описание подфор. и напротив */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #242424;
  }

/* CS1.3 Категории*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: transparent;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #333;
  }

/* CS1.5  Сообщения*/
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #333;
  }

/* CS1.6 Тем|Форум и т.д.*/
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
 background-color: transparent;
  color: transparent;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #000;
  }

/* CS1.8 Навигация*/
#pun-navlinks .container {
  background-color: transparent;
  color: transparent;
  border-style: none;
  border-width: 0;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

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

/* CS2.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;
  }

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#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: transparent
  }

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


/* CS3 Links
-------------------------------------------------------------*/

  /* CS3.1 Ссылки 2 навигации*/
#pun-ulinks .container a, #pun-ulinks .container a:link, #pun-ulinks .container a:visited {
  text-decoration: none;
  color: rgb(37, 20, 0);
  }

/*1.2 Активные*/
#pun-ulinks .container a:hover, #pun-ulinks .container a:focus, #pun-ulinks .container a:active {
 color: #302100db;
 }

/* CS3.2 Ññûëêè Ïîôîðóì*/
#pun-index .tcl h3 a, #pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited {
    font-size: 13px;
    font-weight: 700;
    color: #553308;
    font-family: FEA;
    padding-left: 0px;
    margin-left: 9px;
    text-transform: uppercase;
}

/*2.2 Активные ссылки пофорум*/
#pun-index .tcl h3 a:hover, #pun-index .tcl h3 a:focus, #pun-index .tcl h3 a:active {
  color: #321a00de;
  }





/* CS3.3 * Ссылки 1 Навигация /
#pun-navlinks a {
  color: #3c2a10;
  text-shadow: 0px 5px 1px rgba(22, 80, 56, 0.49);
  text-decoration: none;
  }

/* CS3.4 Активные ссылки 1 навигация*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #a36f2fc2;
    transition: 0.5s linear;
  }



#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS3.5 Ссылки в постах*/
.post-body a:link {
    text-decoration: none;
    color: rgba(47, 33, 12, 0.88);
    font-weight: 700;
text-shadow: none;
}

.post-body a:active, .post-body a:focus, .post-body a:hover {
    text-decoration: none;
    color: rgb(104, 79, 52);
    font-weight: 700;
    text-shadow: none;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #42250b73;
    height: 9px;
    width: 9px;
    border: 1px solid #af944869;
    box-shadow: 0px 0px 1px #00000080;
}


#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #42250b;
    height: 9px;
    width: 9px;
    border: 1px solid #af9448a1;
    box-shadow: 0px 0px 1px black;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background: #c46436d9;
    box-shadow: 0px 0px 2px 0 #00000066;
    border: 1px solid #944c1936;
    width: 9px;
    height: 9px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background: #3c342d;
    height: 9px;
    width: 9px;
    border: 1px solid #fff5dba1;
    box-shadow: 0px 0px 1px #00000073;
}



#pun-main div.catleft, #pun-main div.catright {display: none}


/* CS5 Footer
 -------------------------------------------------------------*/

/* CS5 Footer
 -------------------------------------------------------------*/

#pun-about p.container {
    font-size: 0px !important;
    background-image: url(https://forumstatic.ru/files/001a/bb/ea/53025.gif);
    background-position: top center;
    background-repeat: no-repeat;
    height: 53px;
    width: 1101px !important;
    margin-left: -102px;
    margin-top: -58px;
    margin-bottom: -31px;
}


/*Скролл*/
::-webkit-scrollbar { 
width: 8px; 
}
::-webkit-scrollbar-thumb {
   background-color: #382a24d6;
    border-radius: -1px 15px 15px 15px;
    box-shadow: 0px 0px 1px 0px #ba8c47b8 inset;
}
::-webkit-scrollbar-track {
    background-color: #241714;
}


/* CS6
-------------------------------------------------------------
#pun-index .tcl h3 {
    background-color: rgba(255, 255, 255, 0.13);
    font-style: normal;
    margin-bottom: 5px !important;
    margin-left: 0;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
    width: auto;
    text-shadow: 1px 1px 1px rgba(29, 80, 59, 0.56);
}
#pun-index .tcl h3 a:hover {
    color: #555;
}
#pun-index .tcl h3 a {
    color: #3f2f24;
}
#pun-index .tclcon {
    background-color: rgba(197, 197, 197, 0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3), 0 0 5px 0 rgba(0,0,0,0.3) inset;
    font-size: 11px;
    margin: 10px 60px 10px 5px;
    padding: 7px 10px 10px;
    text-align: justify;
    border: 3px double rgba(0,0,0,0.4);
}
.punbb .modlist {
    display: none !important;
}
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-messages .post-box {
    margin-top: 5px !important;
}


/*Спойлер с плюсиком*/
.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat right 505px center;
    cursor: pointer;
    padding-left: 67px;
    background-color: rgba(177, 130, 64, 0.16);
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author > ul {
border: solid 3px #b1b1b1cf;
    margin: -14px 14px -11px -8px!important;
    outline: 1px solid #a17651ba;
    padding: 12px 4px!important;
    color: rgb(171, 171, 171);
    line-height: 140%;
    text-align: center;
    width: 226px;
    background-color: #231d18eb;
}

.pa-author a, .pa-author {
    text-transform: uppercase;
    color: #1b1b1b !important;
    text-align: center;
    letter-spacing: 0.9px;
    font-size: 16px;
    font-weight: bold;
}


/*ник в профиле*/
.pa-author a {
    color: #1f1700;
}

div.post-author.online > ul > li.pa-author > a {
    color: #b49b40;
    /* background: -webkit-linear-gradient(#b98749, #8a6218); */
    /* -webkit-background-clip: text; */
    -webkit-text-fill-color: #c4812ec4;
}

div.post-author.online > ul > li.pa-author > a:hover, 
div.post-author.online > ul > li.pa-author > a:focus, 
div.post-author.online > ul > li.pa-author > a:active {
color: #b49b40;
    background: -webkit-linear-gradient(#b9874987, #8a621894);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #996a0000;
transition: 0.5s linear;
}


/*ссылки в профиле*/
.punbb .post-author li a {
color: #d6d0b6de;
}

.punbb .post-author li a:hover, 
.punbb .post-author li a:focus, 
.punbb .post-author li a:active {
color: rgba(196, 191, 172, 0.8);
}


.pa-posts,.pa-respect {
  padding:3px!important;
  display:inline-block!important;
  float:none!important;
  max-width: 60px!important;
  height: 27px!important;
  text-align:center;
  font: normal small-caps 700 9.5px/11px Arial;
}

/*Рамка на цитату*/
.punbb .quote-box, .punbb .code-box {
border-style: solid;
border-width: 20px;
}

.punbb .quote-box cite, .punbb .quote-box blockquote, .punbb .post-content .blockcode, .punbb .code-box strong.legend {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}



.lastedit {display:none;}
.category h2 span{visibility:hidden;}

#main-reply {
width:100%;
background-color: rgba(255, 255, 255, 0.43);
font: 1em verdana, arial, helvetica, sans-serif;
border: none;
}

#main-reply, .punbb .post-content {
    font-size: 11px;
    font-weight: normal;
}


/*Остальные ссылки */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: rgb(41, 22, 0);
  }


/*Остальные Активные*/
.punbb a:hover, .punbb a:focus, .punbb a:active,
.punbb-admin #pun-admain a:hover, .punbb-admin #pun-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #271c00c9;
  }

/*рамка на ав*/
    .pa-avatar img {
    border-bottom: 1px solid #0f0f0c !important;
    border-top: 1px solid #0f0f0c !important;
    border-left: 1px solid #0f0f0c !important;
    border-right: 1px solid #0f0f0c !important;
    outline: solid 1px #9b8766;
    }



.post-content {
  text-align: justify; 
}

Цитировать Сообщение 35

Поделиться3605.03.24 12:19

Автор: starling
Модератор
Последний визит:
13.01.25 16:16
Уважение: +1235

опубликовано

Название:

Светлый минимализм
Условия публикации/использования:

Дизайн свёрстан на основе чистого стандартного стиля, так что правила использования дизайна такие же, как и у кода-первоисточника.
Дизайн можно перекрашивать, если не устраивает его контрастность: для удобства все цвета были вынесены в :root.
Автор/источник:

starling
Платформа:

mybb
Цветовая гамма:

белый и оттенки серого
Корректность отображения: ДА
Мобильная версия: none

Мобильной версии нет, но с мобильных устройств должен отображаться корректно.
Исходники или макет:

-
Скриншот:

фулсайзовый скрин (2400х2656)

Код:

@import url(style_cs.css);

/********** Чистый стардартный стиль для MyBB ***********/
/******** Cпециально для ForumD.ru © Gerda, 2023 ********/
/**************************************************
!!! Условия использования !!!

1. Данный копирайт не удалять
2. При публикации производных работ указывать ссылку на автора и ForumD.ru
3. При публикации в общий доступ указывать ссылку на автора и ForumD.ru
4. Публичный производный контент должен распостраняться на тех же условиях

Подробно: forumd.ru/viewtopic.php?id=5751#rule
**************************************************/

/* ================== */

/* Скрываем элементы форума */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks 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,
#pun-title h1,
#pun-announcement h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}

#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;}

/* цвета */

:root {
  --textColor: #262626;
  --linkColor: #61ae69;
  --bodyColor: #e3e3e3;
  --darkBackColor: #f0f0f0;
  --midBackColor: #f8f8f8;
  --lightBackColor: #ffffff;
  --bodyBackground: var(--bodyColor);
  --font1: 'Verdana', sans-serif;
}

/* ================== */

/* Общие стили */
* {margin: 0; padding: 0;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}

body {
font-size: 12px;
font-family: var(--font1);
background: var(--bodyColor);
color: var(--textColor);
}
h1 {
font-size: 20px;
font-weight: 600;
padding: 5px 10px;
margin: 0px;
text-align: center;
}
h2 {
font-size: 16px; 
font-weight: 600;
padding: 5px 10px;
margin: 0px;
text-align: center;
}

address, em {font-style: normal}

a {color: var(--linkColor); text-decoration: none;}
a:link, a:visited, a:active { text-decoration: none; var(--textColor); transition: 0.2s;}
a:hover { color: var(--textColor); text-decoration: none; }

@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: 100%;}}

/* Скроллбары */

* {
scrollbar-width: thin; 
scrollbar-color: #e3e3e3 #262626;
}

/* Селект */

::selection {color: var(--bodyColor); background: var(--textColor);}

:focus {outline: none;}
/* ================== */

/* Тело форума */
#pun {
padding: 20px;
position: relative;
width: 1200px;
box-sizing: border-box;
margin: auto;
margin-top: 60px;
margin-bottom: 80px;
}
.punbb {
margin: 0 auto;
padding: 0px 30px 25px 30px;
background: var(--darkBackColor);
border-radius: 20px;
}

/* ================== */

/* Меню навигации */
#pun-navlinks li {
display: inline;
padding-right: 10px;
}

#pun-navlinks .container {
margin: 0;
padding: 5px 0;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: .5px;
text-align: center;
}

/* Юзер меню */
#pun-ulinks li {
display: inline;
padding-right: 10px;
}

#pun-ulinks .container {
padding: 5px 0;
margin: 0;
font-weight: 400;
font-size: 12px;
text-transform: lowercase;
text-align: center;
}

/* ================== */

/* Объявление */
#pun-announcement .container {padding: 10px;}

/* Статус (Добро пожаловать) */
#pun-status .container {
margin-bottom: 0;
padding: 8px 10px 10px;
}
#pun-status span {
white-space: nowrap;
margin-right: 5px;
}

#pun-crumbs1 {font-weight: bold;}
#pun-crumbs1 p.container {
padding: 10px 10px 8px 10px;
margin-top: 0;
}

/*хлебные крошки */
.container.crumbs {
font-weight: bold;
padding: 10px 10px 8px 10px;
}
#pun-crumbs1 .container.crumbs {margin-top: 0;}
#pun-crumbs2 .container.crumbs {margin-bottom: 0;}

/* Копирайт майбб */
#pun-about .container {text-align: right;}

/* ================== */

/* Форумные таблицы */
table {table-layout: fixed; width: 100%;}
#respect {width: auto;}
.tcl {width: 50%;}
.tc2, .tc3, .tcmod {
text-align: center;
width: 10%;
}
.tcr {width: 30%;}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%
}

#pun-searchtopics .tc2 {
text-align: left;
width: 20%;
}

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}

td {padding: 8px 10px;}
th {padding: 4px 10px;}

tbody.hasicon td.tcl {padding-left: 40px}

/* ================== */

/* Категории */
#pun-category1 {margin-top: 0;}
.category h2 {text-align: left;}
.category:nth-child(even) h2 {text-align: right;}
.category .tcl, .category .tc2, .category .tc3, .category .tcr {width: 100%;}
.category tbody.hasicon td.tcl {padding-left: 0px}
.category {margin-top: 30px;}
.category table thead {display: none;}
.category table td.tc2, .category table td.tc3 {display: none;}
.category tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-content: space-between;
}
.category table tr {
  display: grid !important;
  position: relative;
  padding: 20px;
  margin: 0 0px;
  gap: 10px;
  background: var(--midBackColor);
  border-radius: 20px;
  width: calc(49% - 40px);
  justify-items: center;
}

.category table tr.inew {background: var(--lightBackColor);}

.category h3 {font-size: 20px; margin: 0; font-weight: 700;}
.category .info {padding: 10px 0; text-align: justify;}
.category .info-link {padding: 4px; text-align: center;}
.category .info-link a {font-weight: bold; text-transform: uppercase;margin: 0 2px;}

#pun-index td.tcr a {font-size: 16px; font-weight: 500; } 

#pun-viewforum .category tr {
  background: var(--midBackColor);
  width: 100%;
  display: flex !important;
  flex-direction: row;
}

.subforums {padding: 5px 0; margin-top: 5px; text-transform: uppercase; font-weight: 700; font-size: 10px;}}

/* иконки */

.punbb td div.tclcon {
  padding: 0px 30px 0px 20px;
  line-height: 16px;
  text-align: justify;
}
 
#pun-main .category Div.icon {
  margin: 6px 0px 0 -30px;
  font: 700 14px var(--font1);
  right: 0;
  background: var(--bodyColor);
  border-radius: 4px 0 0 4px;
  font-size: 0;
}

#pun-main .category TR.inew Div.icon {
  background: var(--linkColor);
  border-radius: 4px 0 0 4px;
  font-size: 0;
}

Div.icon {margin: -2px 0px 0px -38px;}

.punbb table Div.icon {
  position: absolute;
  width: 37px;
  height: 10px;
  font: 700 14px var(--font1);
  text-transform: uppercase;
}

.punbb table Div.icon::before {
  content: "old";
}

TR.inew Div.icon::before {
  content: "new";
}

TR.isticky Div.icon::before {
  content: "!!!";
}

TR.iclosed Div.icon::before {
  content: "xxx";
}

div.punbb .user-avatar .avatar-image {border-radius: 10px;}

/* Статистика */
#pun-stats {margin-top: 30px;}
.punbb #pun-stats h2 {text-align: left;}

div#pun-stats.section {
  position: relative;
}

#pun-stats .statscon .container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 10px;
}

#pun-stats .statscon ul.container {margin: 0; padding: 10px;}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {background: var(--midBackColor); border-radius: 10px; padding: 10px;}

li#onlinelist {
  float: left;
  line-height: 130%;
  width: 100%;
  background: var(--midBackColor);
  border-radius: 20px;
  padding: 20px;
}

/* ================== */
/* Активные темы */
#pun-viewforum thead th.tcl, #pun-index thead th.tcl, #pun-searchtopics thead th.tcl, #pun-respect thead thead th.tcl {padding-left: 40px;}

#pun .forum tr {
  display: flex;
  padding: 10px 10px;
  border-radius: 5px;
  align-items: center;
}
.forum tr:nth-child(even) {background: var(--midBackColor);}
.forum tr + tr {margin-top: 5px;}

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
position: absolute;
top: -50px;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right;}

.linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {float: left; text-align: left;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}

.post .container {}
.post h3 {
  margin: 20px 0;
  letter-spacing: 1px;
  font-size: 12px;
  padding: 6px 0px;
}

.post h3 span {
  padding: 5px 10px;
  display: block;
  margin-left: 300px;
}

.punbb .post h3 a{ padding: 0 5px;}
.punbb .post h3 em {padding: 0 10px;}

.post h3 strong {
float: right;
text-align: right;
font-weight: normal;
}


.post .post-author {
float: left;
position: relative;
margin-top: -10px;
width: 250px;
background-color: var(--midBackColor);
padding: 10px;
text-align: left;
border-radius: 20px;
}
.post .post-author ul {padding: 10px; margin: 0;}
.post .post-author li + li {margin: 10px 0;}

li.pa-author {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}

li.pa-title {
font-size: 10px;
text-transform: uppercase;
}

li.pa-avatar img {max-width: 180px; max-height: 180px; border-radius: 5px;}

.post-body {margin-left: 300px;}
.post-box {padding: 10px;}

.post-links {margin-left: 300px;}
.post-links ul {
padding: 0 10px 0 0;
margin-left: -300px;
text-align: right;
}
.post-links li {
display: inline;
padding-left: 10px;
}

.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}

/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
}

/* Контент поста */
pre {font-family: monospace, monospace; font-size: 12px;}
.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
}
.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
.quote-box, .code-box {
  margin: 20px;
  padding: 20px;
  border: 1px solid var(--bodyBackground);
  background: var(--midBackColor);
  border-radius: 20px;
}

.quote-box cite {
  display: block;
  font-style: normal;
  text-align: left;
  font-weight: 700!important;
  letter-spacing: 1px;
  font-size: 20px!important;
  margin-bottom: 10px!important;
  height: 20px;
}

.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  padding-top: 5px;
  margin: 0;
}

.code-box strong.legend {
  display: block;
  padding-bottom: 5px;
  font-size: 20px; 
  font-weight: 700;
  font-style: normal;
  margin-top: 6px;
  margin-bottom: 6px;
  letter-spacing: 0px; 
  line-height: 20px;
  text-align: left;
}

.post-content .spoiler-box > div {
  display: block;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  margin-top: 6px;
  margin-bottom: 6px;
  letter-spacing: 0px;
  line-height: 20px;
  text-align: left;
}

/* ================== */

/* выпадающие окна */
#pun-reputation .inner, #tags .container, #mask_dialog .inner, .hvStickerPackModalContainer .hvStickerPackModal {
  background: var(--midBackColor);
  border: 1px solid var(--bodyBackground);
  border-radius: 10px;
  padding: 20px;
}

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

#viewprofile-next #pa-edit a, input[class="button"], input[class="button submit"], input[type="button"], [type="submit"] {  
  padding: 5px 12px;
  text-align: center;
  margin: 5px;
  font-weight: 700;
  min-width: 75px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  background: var(--lightBackColor);
  border: 1px solid var(--bodyBackground);
  transition: 0.4s;
  -webkit-transition: 0.4s;
  cursor: pointer;
  border-radius: 5px;
}

#viewprofile-next #pa-edit a:hover, input[class="button"]:hover, input[class="button submit"]:hover, input[type="button"]:hover {
  background: var(--midBackColor);
  border: 1px solid var(--bodyBackground);
}

input, select, optgroup {font-size: 14px; background: var(--midBackColor);border: 1px solid var(--bodyBackground);padding: 5px;}
textarea {font-size: 12px; background: var(--midBackColor);border: 1px solid var(--bodyBackground);padding: 5px;font-family: var(--font1)}
input:focus, textarea:focus {outline: 1px solid var(--textColor);}
optgroup {font-weight: bold;}

.formal .container {padding: 10px 20px;}

.formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}

fieldset {border: none;}
fieldset legend {
font-weight: normal;
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */

/* Профиль + ЛС */
#profile .container {padding-left: 300px;}
#profilenav {
  float: left;
  width: 300px;
  margin-left: -300px;
}

#profilenav li {padding-bottom: 10px;}
#viewprofile ul, #profilenav ul {
padding: 10px;
margin: 0 0 10px 0;
}
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
#viewprofile li {margin-bottom:2px;}
#viewprofile li span {
float: left;
width: 180px;
padding: 5px 10px;
font-weight: bold;
}
#viewprofile li strong, #viewprofile li div {
display: block;
padding: 5px 10px!important;
font-weight: normal;
}
img.avatardemo {float: right;margin: 0 0 8px 18px;}

/* Просмотр профиля */

div#viewprofile table {
background: var(--midBackColor);
  border: 1px solid var(--bodyColor) !important;
overflow: hidden;
border-radius: 10px;
margin: auto;
}

#profile-left {
width: 30%;
padding-top: 0 !important;
text-align: center;
}

#profile-left strong {
font-weight: bold;
}

#profile-left strong {
font-weight: bold !important;
}

#profile-left li#profile-name {
font-size: 24px;
}

#profile-right {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-evenly;
gap: 12px;
font-size: 11px;
width: 100% !important;
background: var(--midBackColor);
padding: 20px!important;
border-left: none!important;
box-sizing: border-box;
}

#profile-right li {
width: auto;
display: flex;
flex: auto;
text-align: center;
padding: 11px!important;
background: var(--midBackColor);
border: 1px solid var(--bodyColor) !important;
border-radius: 4px;
align-items: center;
flex-direction: column;
justify-content: center;
}

#pun #profile-right li span {
float: none;
margin: 0;
width: auto;
font-weight: bold;
}

div#viewprofile li#pa-invites {
display: none;
}

/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}


/* переключение стиля */
#stylelist {
  position: absolute;
  top: -50px;
  right: 174px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  filter: invert(1);
}

.mode {
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--toggleColor);
  padding: 2px;
  border-radius: 4px;
}

Цитировать Сообщение 36

Ответить

Страница: « 1 2 3 4

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

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

Имя

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 mic

content_cut lock_open format_quote code

horizontal_rule anchor live_help emoji_symbols library_add

ТочкамиDots

КружочкамиCircles

КвадратамиSquares

ЦифрамиNumbers

Римскими цифрамиRoman Numerals

Без обозначенийNo Markers

Многострочный пункт спискаMultiline List Item

ТекстText

HTML

Javascript

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

ЗаголовокTitle Автосжатие больших картинокAuto-resize large images Скрыть от гостейHide from guests Ссылка «скачать» Download link Имя читателяReader's name Добавлено спустя…Added after... Надстрочный текстSuperscript text Подстрочный текстSubscript text БлокBlock 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],

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

Обложки: Для одной картинки по центру в рамке, автоматически уменьшается до ширины 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]

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

Меню навигации

Пользовательские ссылки

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

В каталог! (отдать дизайн для свободного использования)

Сообщений 31 страница 36 из 36

Поделиться103.11.17 14:23

Поделиться3125.02.23 10:40

Поделиться3225.02.23 10:51

Поделиться3325.02.23 11:01

Поделиться3424.12.23 15:32

Поделиться3523.02.24 18:37

Поделиться3605.03.24 12:19

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

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

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

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