body { background: url(https://forumstatic.ru/files/001a/55/a6/23022.png) top center no-repeat fixed, url(https://forumstatic.ru/files/001a/55/a6/41604.jpg) center center repeat fixed; } #pun-title table { background-image: url(https://forumstatic.ru/files/001a/55/a6/52138.jpg); } .blok:hover { background-color: #b7b7b7; } .blok { background-color: #6f8490; } .punbb .post .post-author { border: 2px solid #b1bec5; } .pa-author { background-color: #b1bec5; } .pa-author a { color: #024972!important; } .pa-author a:hover, .pa-author a:active { color: #e8e8e8!important; } .post-author ul li.pa-avatar { background-color: #b1bec5; } li.pa-title { background-color: #b1bec5; color: #426c84; } li.pa-fld3 { background-color: #b1bec5; color: #e8e8e8; } li.pa-fld1 { border-bottom: dashed 1px #b1bec5; } li.pa-fld2 { border-bottom: dashed 1px #b1bec5; } .punbb .post h3 span { border-top: 1px dashed #bdc8ce; } .phrase { color: #f1f1f1; } .phrase span { color: #13608c; } .soursse { color: #224153; } ::-webkit-scrollbar-thumb { border: 2px solid #e8e8e8; } ::-webkit-scrollbar-track { background-color: #e8e8e8; } #pun-about p.container { background-image: url(https://forumstatic.ru/files/001a/55/a6/34354.jpg); } #pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-stats.section h2 { border-bottom: 1px dashed #5b7788; } body { } body { } #pun { background-color: #b7b7b7; } .punbb .post h3 span { border-top: 1px dashed #a09e9e; } #main-reply { border: 1px solid #6f2800!important; background-color: #d4d4d4!important; }
готовность:
15%

gdeya

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

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


Вы здесь » gdeya » Тестовый форум » дизайн


дизайн

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

1

https://i.imgur.com/7WPa1QA.png

https://i.imgur.com/TNUkz2r.png

0

2

тз к гневу

ширина форума от края до края: до 1050рх
ширина "рабочей зоны": 950рх - 980px

место в шапке для:
активистов и постописцев по 4 шт. картинками
эпизода недели: 1 шт - ссылкой
нужных 3-4шт там будет просто текст
навигации: 4-5 ссылок (гостевая, правила, роли, нужные, что-то еще про запас) текстом

основа: первый макет
на фон добавить текстуру, если это возможно, желательно два варианта фона - светлый и темный

приглушить яркость цветов
подвал сделать пошире, примерно на 1.5-2 баннера по высоте

взять оформление форума и категорий из второго варианта

0

3

<!--$("#navindex a span").replaceWith("");
$("#navuserlist a span").replaceWith("");
$("#navrules a span").replaceWith("");
$("#navsearch a span").replaceWith("");
$("#navprofile a span").replaceWith("");
$("#navpm a span").replaceWith("");
$("#navlogout a span").replaceWith("");
$("#navregister a span").replaceWith("");
$("#navlogin a span").replaceWith(""); -->

https://i.imgur.com/O680nrZ.jpg


.pa-author {
    padding: 7px 3px!important;
    background: black;
    font-family: 'helios';
    font-size: 12px;
    color: #e1e1e1;
    letter-spacing: 2px;
    /* font-style: oblique; */
    /* font-style: italic; */
    font-weight: bold;
    text-transform: uppercase;
    /* border-bottom: 4px solid #b8b6aa; */
}
li.pa-title {
    text-transform: lowercase;
    padding: 0 4px;
    font-size: 9px;
    margin: -6px 0 0;
    background: black;
    color: #b8b6aa;
}
li.pa-avatar.item2 {
    padding: 15px 0;
    background: black;
}
li.pa-avatar.item2 img {
    max-width: 180px;
    /* box-shadow: -5px -5px 0px 0px #b8b6aa, -8px -5px 0px 0px #cc1b31; */
}
li.pa-fld2 {
    border-top: 1px solid black;
    padding: 7px 10px!important;
    font-family: 'arialnarbold';
    letter-spacing: 1px;
    text-transform: lowercase;
}
li.pa-fld1 {
    margin: 0 10px;
    padding: 10px 0!important;
    text-align: justify;
    border-top: 1px dashed black;
    border-bottom: 1px dashed black;
}
li.pa-fld3 {
    padding: 10px;
    text-transform: uppercase;
    font-family: 'arialnarbold';
    /* letter-spacing: 1px; */
    /* font-weight: bolder; */
}

Отредактировано война (2021-01-31 11:35:58)

0

4

1. сделать фон тела немного темнее, например  #e8e8e8
2. в панели навигации убрать смену цвета всех ссылок при наведении на блок, оставить только смену цвета ссылки при наведении на саму ссылку
3. сделать отображение текста в описаниях форумах, и ссылок на последнее сообщение ловеркейсом
4. и в описаниях форумов шрифт изменить на робото, увеличить кегль до 10рх
5. в цитатах изменить фон в тон полоски над постом (#dadada), а цвет бордера - #14070e5c
6. в профиле сделать потолще (600) шрифт на нике и на доп поле с валютой (там где съеденные школьницы)
7. убрать название всех доп. полей.
8. в личном звании. перенести стиль с .lz на само поле профиля. (чтобы облегчить код самого личного звания убрав внешний див-блок, а то у нас игроки любят ошибаться)
9. изменить текст в профиле в сообщениях и репутации оставить обычные слова, но там надо будет посмотреть чтобы все влезло на одну строку.

0


Вы здесь » gdeya » Тестовый форум » дизайн


Рейтинг форумов | Создать форум бесплатно