[ВЫПОЛНЕНО] (БЕСПЛАТНО) Вебдизайн rusff фэнтезийная аниме школа

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

Тема закрыта

Сообщений 11 страница 18 из 18

Поделиться116.05.22 04:47

Автор: Cherasy
Участник
Последний визит:
23.03.24 20:00
Уважение: +85

ОБЩАЯ ИНФОРМАЦИЯ О ЗАКАЗЕ

1. ССЫЛКА НА ФОРУМ/САЙТ:
https://kurism.rusff.me/ (это тестовый)

2. ОПИСАНИЕ ФОРУМА/САЙТА:
Фэнтезийная школа магии в фэнтезийной вселенной. Пантеон богов происходят из индийской мифологии. Действия будут крутиться вокруг "символов", эквивалентных китайской иероглифике. Основа сюжета - ужасающие испытания, через которые проходят школьники.

3. УСЛОВИЯ И БЮДЖЕТ:

Минимальный и максимальный бюджет, условия:
–

Предлагаю в обмен:
–

4. ВАШИ КОНТАКТЫ:

дискорд Cherasy#2550

ТЕХНИЧЕСКОЕ ЗАДАНИЕ

1. ЦВЕТОВАЯ ГАММА:

Что-то пастельно-спокойное, меланхоличное. Тёмные цвета не должны ощущаться агрессивными и угрюмыми. Яркие цвета должны оставаться в меньшинстве, в основном перекос в нейтрально-спокойно-естественное. Если в основе серый, то он должен разбавляться чем-то ярким, насыщенным ~~я люблю серый, но его избыток утомляет~~.
Очень желательно чтобы были узоры, подобные тем, что есть на приложенных для вдохновения картинках, не однотонный фон.

Картинки, к которым хотелось бы визуального приближения

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

2. ИСХОДНИКИ И ГРАФИКА:

Я предоставляю выбор исходников дизайнеру
Как сказано выше, простые узоры, имитация растений, волн, облаков, заборов - обязательны. Не все сразу, но хотя бы некоторые, для аутентичности.
Здания в азиатском стиле, изображения гор, растений, окондверей и прочего азиатского - допустимы при условии что будут либо нарисованными, либо не очень похожими на реальные.
Изображения персонажей в дизайне нежелательно, но допустимо если они сливаются с композицией.

3. ШАБЛОН И ВЕРСТКА:

Я не люблю, когда форум располагается "от края до края", поэтому моё главное пожелание - чтобы было пространство для фона. А ещё чтобы всё масштабировалось в зависимости от разрешения, чтобы форум не выглядел раскатанным рулоном туалетной на больших экранах.
В остальном же особо сказать нечего?

4. ТЕХНИЧЕСКОЕ ОСНАЩЕНИЕ:

~~Что такое слайдеры, сайдбары~~
Если по базе, то, наверное, стрелочки вниз-вверх, поле для банннеров и информационный блок ~~с инструкцией к применению~~.
Ну и скрипт своих стикеров, считается?

5. ПРИМЕРЫ:

Я начну с того, что у вас же откопала, с комментарием "почему нет" х)
Дизайн для MyBB форума Hidden Japan спокойный, нейтральный, меланхоличный. "Нейтральный" тут вообще отличное слово, поскольку он подойдёт почти везде. Светлый и в меру контрастный, всё как надо чтобы не утомлялись глаза. Есть только небольшие вопросы к фону, как мне кажется, он слишком яркий. Но настоящая проблема в машине под девочкой: кажется, её не убрать никак. Ну, в смысле, убрать и оставить на её месте пустоту. А машин в моём мире нет(

https://sabbathage.rolka.me/ - строго, без излишеств, благодаря чему незначительные украшения притягивают всё внимание и делают атмосферу. Элегантно.

http://bgn.rusff.me/ - холодно и тоже без излишеств. В основе приятный цвет, которым заполнено всё, благодаря чему появляется ощущение стерильности, неестественности, эфемерности. Мне такое действительно нравится.

За исключением первого, они, конечно, производят впечатление полной противоположности моему запросу, но на самом деле это тоже важно, поскольку избыток узоров превратит форум в ковёр. Нет, отдельные элементы должны украшаться узорами, но даже если какой-то окажется на фоне, то он должен быть крупный и редкий, чтобы не рябило в глазах.

6. ДОПОЛНИТЕЛЬНО:

Я не знаю, насколько я проблемный или беспроблемный заказчик ~~судя по общим формулировкам - проблемный~~, поэтому хочу извиниться за то, что мне нечего предложить в обмен.
Если что, мне не принципиально, будет ли это какой-то старый/стандартный дизайн, слегка подкорректированный под запрос. Главное чтобы мне нравилось и можно было использовать, не получив обидки на этот счёт.
А копирайтинг можно прямо в шапку лепить, я не против.

У меня есть пожелание обсуждать создание дизайна в процессе. Мне любопытно просто.

Поделиться1118.05.22 14:02

Автор: Cherasy
Участник
Последний визит:
23.03.24 20:00
Уважение: +85

Automation Baby
Хорошо, спасибо

Поделиться1218.05.22 16:11

Автор: Fumuse
Администратор
Последний визит:
Вчера 00:01
Уважение: +260

Cherasy
Я честно говоря не до конца поняла, устраивает ли вас такой вариант =)
В любом случае не будем напрягать Бейби, на коды поставила сама
Названия форума не знаю, ровным счётом как и итогового url'а форума, поэтому пока просто болавнкой "форум нейм", но поменять очень легко и быстро
Если вам ещё что-то по дизайну нужно - говорите

Код:

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

/* 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/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: 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;
    width: 900px;
}

/* A5.2 */
.punbb {
    float: left;
    width: 100%;
    height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: 50px 20% 12px 20%;
    width: auto;
    float: none;
    background: url(https://i.imgur.com/SQASHNt.png);
}

#pun-redirect h1 {
    margin-left: 0 !important;
    background: url(https://i.imgur.com/SQASHNt.png);
}

/* 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 {
    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 #888;
    width: 250px;
    margin: 5px 0;
}

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

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

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

/* B1.6 */
.punbb .post-content .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: #dbd3cf;
    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: 50%;
}

/* 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: 62px;
    height: 68px;
}

/* 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;
    width: 19em;
    margin-top: -1.5em;
    overflow: hidden;
}

/* 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: 272px;
    width: 100%;
}

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

#pun-title td.title-logo-tdr {
    border: none;
    width: 468px;
    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;
    margin-top: -11px;
}

/* 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;
    margin-top: -11px;
    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;
}

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
    background: url(https://i.imgur.com/M9jIoka.png) top center #565a72;
}

#pun {
    background: url(https://i.imgur.com/SQASHNt.png);
}

/* 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 {
    background-color: transparent;
    background: url(https://i.imgur.com/RvX5Vy5.png) no-repeat top left;
    color: #801418;
    padding-top: 45px;
    height: 39px;
    text-align: center;
    font-weight: bolder;
    font-size: 22px;
    text-transform: uppercase;
    font-family: Lucida Console;
}

.punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #130b02;
    padding-top: 45px;
    height: 39px;
    text-align: center;
    font-weight: bolder;
    font-size: 22px;
    text-transform: uppercase;
    font-family: Lucida Console;
}

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

#pun-title {
    background: url(https://i.imgur.com/AIFxY1w.png) top center no-repeat;
}

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

/* 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: #f9f9f9;
    color: #333
}

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

.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: #efeae7;
    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: #962527;
    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 a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    color: #2e4869;
    text-decoration: none;
    transition: .5s;
}

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

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

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

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

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

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

Div.icon {
    background-image: url(https://i.imgur.com/yAYCFZ6.png);
    background-repeat: no-repeat;
}

TR.inew Div.icon {
    background-image: url(https://i.imgur.com/3U7ubkr.png);
    background-repeat: no-repeat;
}

TR.isticky Div.icon {
    background-image: url(https://i.imgur.com/kErlKgF.png);
    background-repeat: no-repeat;
}

TR.iclosed Div.icon {
    background-image: url(https://i.imgur.com/kErlKgF.png);
    background-repeat: no-repeat;
}

TR.iredirect Div.icon {
    background-image: url(https://i.imgur.com/kErlKgF.png);
    background-repeat: no-repeat;
}

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

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

Подпись автора

Discord fumuse#0297
Telegram @fumuse

Поделиться1318.05.22 17:02

Автор: Cherasy
Участник
Последний визит:
23.03.24 20:00
Уважение: +85

#p168128,Fumuse написал(а):

Я честно говоря не до конца поняла, устраивает ли вас такой вариант =)

~~Если честно, я тоже, хотя приходящие на ум ассоциации неплохи~~

#p168128,Fumuse написал(а):

Названия форума не знаю, ровным счётом как и итогового url'а форума, поэтому пока просто болавнкой "форум нейм", но поменять очень легко и быстро

Названия пока и нет, поскольку я его держу собственно для выкладывания матчасти. Не могу писать в редакторах.
Просветите, зачем писать url на самом форуме? Вроде человек и так на нём находится, нет?

#p168128,Fumuse написал(а):

Если вам ещё что-то по дизайну нужно - говорите

Я уточню: широкие поля по бокам, это то, как он будет отображаться на мониторах с широким экраном?
И, всё-таки, чуть-чуть узоров добавить можно? Если они не испортят тут всё, конечно.

Поделиться1418.05.22 17:06

Автор: Cherasy
Участник
Последний визит:
23.03.24 20:00
Уважение: +85

#p168131,Cherasy написал(а):

И, всё-таки, чуть-чуть узоров добавить можно? Если они не испортят тут всё, конечно.

А, они на фоне!
Сейчас код применила и да, всё отлично
Полная картинка не открывалась

Отредактировано Cherasy (18.05.22 17:06)

Поделиться1518.05.22 17:08

Автор: Fumuse
Администратор
Последний визит:
Вчера 00:01
Уважение: +260

#p168131,Cherasy написал(а):

Просветите, зачем писать url на самом форуме? Вроде человек и так на нём находится, нет?

Раньше была такая мода, поэтому здесь она осталась) Но если урл не надо - его убрать можно
Но чисто название форума, как по мне, выглядит пустовато, поэтому там можно добавить какой-то доп. текст, чтобы было две строки

#p168131,Cherasy написал(а):

Я уточню: широкие поля по бокам, это то, как он будет отображаться на мониторах с широким экраном?

Да, это при широких экранах

Подпись автора

Discord fumuse#0297
Telegram @fumuse

Поделиться1618.05.22 17:12

Автор: Cherasy
Участник
Последний визит:
23.03.24 20:00
Уважение: +85

#p168133,Fumuse написал(а):

Раньше была такая мода, поэтому здесь она осталась) Но если урл не надо - его убрать можно
Но чисто название форума, как по мне, выглядит пустовато, поэтому там можно добавить какой-то доп. текст, чтобы было две строки

Напишите копирайт х)
Будет красиво и честно

#p168133,Fumuse написал(а):

Да, это при широких экранах

А оно адаптироваться не может? Выглядит грустновато.

Поделиться1718.05.22 17:20

Автор: Fumuse
Администратор
Последний визит:
Вчера 00:01
Уважение: +260

#p168134,Cherasy написал(а):

А оно адаптироваться не может? Выглядит грустновато.

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

скрин

Подпись автора

Discord fumuse#0297
Telegram @fumuse

Поделиться1818.05.22 17:29

Автор: Cherasy
Участник
Последний визит:
23.03.24 20:00
Уважение: +85

#p168135,Fumuse написал(а):

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

Ну ладно, пока ничего не поделаешь.
Спасибо!
Позже попрошу вписать имя х)

Тема закрыта

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

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

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

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

Объявление

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

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

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

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

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

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

[ВЫПОЛНЕНО] (БЕСПЛАТНО) Вебдизайн rusff фэнтезийная аниме школа

Сообщений 11 страница 18 из 18

Поделиться116.05.22 04:47

Поделиться1118.05.22 14:02

Поделиться1218.05.22 16:11

Поделиться1318.05.22 17:02

Поделиться1418.05.22 17:06

Поделиться1518.05.22 17:08

Поделиться1618.05.22 17:12

Поделиться1718.05.22 17:20

Поделиться1818.05.22 17:29