Стиль разделов форума на главной (MyBB.ru)

Страница: 1

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

Поделиться122.12.17 15:12

Автор: Gerda
технозомби
Уважение: +9803
Достижения/подарки: 8 16
Наградные баллы: 1612
Проверенный спец:
FD
FD

no-prof

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

Блочная верстка форума на главной
с переносом колонок "тем", "сообщений" и "последние сообщения"
(для фиксированного по ширине стиля)

Автор: Герда
Платформа: MyBB

Сейчас на майбб стало очень модно делать оформление разделов в рамке, а благодаря скрипту от Алекса туда добавлась также и традиция выносить колонки "Тем" и "сообщений" в описание.

Так как часто спрашивают, как такое сделать, в этой статье мы разберем оформление разделов на главной БЕЗ скриптов, на чистом css.
Также сюда же включен набор кодов, влияющий на ВСЁ, что касается форумных таблиц на главной, что позволит вам создать с нуля свой индивидуальный стиль для главной страницы.

Принимаю благодарность путем вкорячивания в любое окно стиля:

Код:

/* За помощь с версткой разделов главной страницы благодарим ForumD.ru */

Подготовительные работы.
Что необходимо сделать, чтоб удалось позиционировать содержимое таблиц.

Фиксируем ширину форума

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

Для начала зафиксируйте ширину "тела" форума:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Многие в селектор #pun вставляют картинку-рамку для "тела" форума., которая требует отступов внутренних элементов от нее.
Если это так, то добавьте отступы в ПИКСЕЛЯХ.
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Убираем стандартные границы

Затем нам нужно убрать все стандартные границы форума, чтобы они не мешали нам в дизайне и позиционировании.
Находим и удаляем следующие коды стандартного стиля:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
В данных кодах удаляем красное (отступы оставляем - нам они пригодятся):
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
ВНИМАНИЕ ВСЕМ ТЕМ, кто любит юзать чьи-то "шаблоны". Часто вижу, что ТруЪ-дизайнеры с майбб предпочитают "убирать" границы путем border-color: transpatent;
Такой способ НЕ убирает границу, а делает ее прозрачной. Убедитесь, что у данных элементов вообще НЕТ значения border в коде, иначе столкнетесь с проблемой "почему я все ровно посчитал, а блоки все равно уехали".

Задаем ширину отступов в ячейках

Также нам нужно, чтобы все внутренние элементы таблицы имели отступы в ПИКСЕЛЯХ. Все это ради того, чтоб когда мы начали позиционировать элементы, у нас все имело точные размеры и точно помещалось в строчки.
находим коды ячеек, откуда мы уже удаляли границы и вставляем отступы в пикселях:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Вставляем иконки

О том, как вставляются иконки, есть отдельные топики, так что я не буду подробно обозревать разные типы селекторов, коснусь только того, что есть в стандартном коде по иконкам (и требует правки)
Нас интересуют этот кусок кода из верхнего окна стиля:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Собственно, его мы можем смело удалять и менять на свой:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
вместо серого можно вставить свой стиль для иконок, картинки и т.д., а ниже добавить коды для других типов иконок (новые, важные и т.д.)

Декоративная работа с таблицами.
Красим табличку, поправляем стиль заголовков, устанавливаем отступы таблиц.

Настраиваем стиль заголовка категорий

Удаляем внизу стандартного стиля коды:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Находим вверху код и вставляем всою стилизацию:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
можно вставить свою стилизацию, картинку, поиграть с текстом и т.д.

Делаем отступ таблиц от краев

Если вы все делали по текущему гайду, то вы можете наблюдать следующую картинну:

Многим нужно, чтобы заголовок оставался как есть, но таблицы отступали от краев.
Для этого "воскрешаем" селектор .punbb .container и добавляем в любое удобное окно стиля.
Чтобы вычислить ширину и сделать отступы от краев, смотрим на ширину ближайшего родителя (это у нас .punbb, если бы мы не делали для него отступов и ширины, то это был бы #pun)
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Как раскрасить ячейки

Цвет контейнера, в котором находится табличка, в стандартном коде находится здесь:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Удалите красное, чтобы сделать его "прозрачным":

Цвет заголовков таблицы (где надписи "форум", "тем", "сообщений"...) находится тут:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Удалите красное (ВМЕСТЕ С ЗАПЯТОЙ) и добавьте свой стиль на отдельной строке:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Цвет ячеек с количеством тем и сообщений находится тут:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
аналогично удаляем в вставляем свой вариант стиля:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Чтобы раскрасить ячейки с названием раздела и последним сообщением добавляем:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отключение элементов таблиц.
Как убрать некоторые элементы форумных таблиц.

Отключение заголовков таблиц и отдельных ячеек заголовков

Определитесь, что делаем с ячейками-заголовками, где написан текст "Форум" "Тем" "Сообщений" и "Последнее сообщение".
Если нужно отключить ВСЕ эти ячейки, прописываем в стиле:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Если вы хотите отключить конкретные ячейки заголовков:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Лишние строчки этого кода удалите, не используйте.
Например, в случае, если вы хотите передвинуть ТОЛЬКО колонки "Тем" и "Сообщений" в описание форума, можно оставить вот так в заголовке:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Ширину и позиционирование данных ячеек нужно задавать ПОСЛЕ того, как мы спозиционируем остальные строки и ячейки таблицы. На этом этапе можно пока просто отключить лишние ячейки.

Отключение ячеек "Тем", "Сообщений" и "Последнее сообщение"

Если нужно отключить другие ячейки таблиц, прописываем в стиле:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Лишние строчки этого кода удалите, не используйте.

Позиционирование ячеек с форумами на главной
Двигаем ячейки в самые разные места относительно друг друга.

Стиль с колонками "тем" и "сообщений" в описании раздела

Для начала позиционирования разделов необходимо спозиционировать строки таблиц.
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Позиционируем ячейку с описанием форума:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Позиционируем ячейку с последним сообщением:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
ВНИМАНИЕ! когда задаете ширину ячеек, помните, что отступы от краев padding (которые мы составляли ранее) ВКЛЮЧЕНЫ в их ширину. Если у вас будут проблемы, что ячейки не встают друг напротив друга - значит надо ставить меньше ширину, вы не учли отступы.

Затем добавляем к ячейкам "Тем" и "Сообщений" описания (так как табличных заголовков нет, непонятно что это за цифры)
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Иконки и прочие декоративности - на ваш вкус и цвет, лишние строчки можно удалить, текст можно заменить на свой.

Затем позиционируем ячейки:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Для декоративности можно добавить отступы и границы:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Итог:
полный код стиля с такой версткой
!!! НИЖЕ ВАРИАЦИИ БУДУТ ИМЕННО НА ОСНОВЕ ЭТОГО СТИЛЯ !!!
в этом коде в первом окне стиля то, что мы делали в ПОДГОТОВИТЕЛЬНЫЕ РАБОТЫ
Во втором окне стиля в самом начале стоят самая важная часть с позиционированием ячеек для удобства встаки/замены при других вариациях.

style.css
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
style_cs.css
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Можно отзеркалить позиционирование
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Колонки "Тем" и "Сообщений" под Последним сообщением

Вариация переноса колонок "Тем" и "Сообщений". Тут только изменения в коде, все детали с позиционирования ячеек под в предыдущим спойлером "Стиль с переносом колонками "тем" и "сообщений""
Описание слева

Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Описание справа

Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Стиль с колонкой "Последнее сообщение" в описании раздела

Продолжаем извращаться.
Так как все ячейки у нас "переезжают" под одну, отключаем заголовок таблицы:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Позиционируем ячейку с описанием форума:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
ВНИМАНИЕ! когда задаете ширину ячеек, помните, что отступы от краев padding (которые мы составляли ранее) ВКЛЮЧЕНЫ в их ширину. Если у вас будут проблемы, что ячейки не встают друг напротив друга - значит надо ставить меньше ширину, вы не учли отступы.

Затем добавляем по желанию добавляем ячейке "Последнее сообщения" (НЕ обязательно)
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Иконки и прочие декоративности - на ваш вкус и цвет, лишние строчки можно удалить, текст можно заменить на свой.

Далее позиционируем ячейки с "Тем", "Сообщений" и "Последнее сообщения".
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Эффект:
Вариаций может быть великое множество. Например:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Если вы хотите расположить какие-либо ячейки справа от описания поверх этой ячейки, чтобы они не "заезжали" на описание, то добавьте отступ справа в ячейку с описанием (или слева, если нужно спозиционировать слева):
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Примеры:
Колонки "Последнее сообщение" "Тем" "Сообщений" в столбик справа от описания
"Тем" и "Сообщений" под иконкой форума, а "Последнее сообшение" Справа от описания
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Стиль с блоками описаний разделов в ряд

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

+10

Портфолио https://forumd.ru/viewtopic.php?id=3833

Поделиться201.10.18 10:04

Автор: Ульяна 1/16
Гость

Здравтсвуйте, Герда!
Вопрос первый: а можно фиксировать ширину форума в процентах?

Поделиться325.10.18 16:24

Автор: satsana
Техномаг
Уважение: +1105
Достижения/подарки: 6 3
Наградные баллы: 52
Проверенный спец:
FD
FD

Добрый день. Я, конечно, не Герда, но раз уж она не отвечает, попробую её подменить. : )

Ульяна 1/16 написал(а):

можно фиксировать ширину форума в процентах?

Ширину в процентах задавать можно, но стоит учитывать, что внутренние элементы в этом случае нужно тоже делать с "плавающей" шириной. Если какие-то элементы внутри "резинового" блока должны иметь определённую ширину (например, рамочки или один из блоков), можно высчитать ширину остальных с помощью функции calc().
Например, у вас есть "резиновый" блок <div id="main"></div>с внутренним отступом 1em. Вы хотите, чтобы он вместе с отступом имел ширину 90%. Стиль будет выглядеть так:

Код:

div#main {
    padding: 10px;
    width: calc(90% - 20px);
}

Отступ у нас с обеих сторон, поэтому вычитаем мы его удвоенную ширину. Обратите внимание: вокруг минусов и плюсов внутри скобочек обязательно должны быть пробелы.
Разместим внутри нашего блока два блока с классами "class1" и "class2", один из них будет иметь заданную ширину.

Код:

div#main {
    padding: 10px;
    width: calc(90% - 20px);
    min-width: 500px;
}

.class1 {
    display: inline-block;
    width: 240px;
}

.class2 {
    display: inline-block;
    width: calc(100% - 240px);
}

Внутренним блокам без разницы, какая там у внешнего блока ширина, для них она в любом случае 100%. Внешнему блоку я добавила ограничение на минимальную ширину, чтобы не получилось так, что внутренние блоки в него попросту не поместятся. Если у этих блоков есть отступы, границы и т.п., их тоже нужно учитывать:

Код:

div#main {
    padding: 10px;
    width: calc(90% - 20px);
    min-width: 500px;
}

.class1 {
    display: inline-block;
    width: 240px;
    padding: .5em;
    border: solid 2px black;
}

.class2 {
    display: inline-block;
    padding: 1em;
    width: calc(100% - 240px - 1em - 4px - 2em);
}

Разумеется, формулу можно сократить до calc(100% - 244px - 3em). Просто в развёрнутом виде понятнее, откуда все эти цифры взялись и почему они именно такие.
Если что-то не получится, кидайте ссылку туда, где вы эксперименты ставите - поможем разобраться на конкретном примере.

Поделиться430.10.18 16:20

Автор: Ульяна
Гость

Добрый день. Я, конечно, не Герда, но раз уж она не отвечает, попробую её подменить. : )

Ага. Спасибо!!!!!

Поделиться519.03.21 17:46

Автор: бродяга
Ломастер
Уважение: +2517
Достижения/подарки: 3 7
Наградные баллы: 1 462
Проверенный спец:
FD
FD

Помимо форумов на главной, можно также оформить подфорумы внутри форумов (сервисное нововведение).
Для этого просто заменяем #pun-index на #pun-viewforum .category
Например:

строка таблицы блока подфорума:

Код:

#pun-viewforum .category tr {
тут код
}

левая колонка блока подфорума:

Код:

#pun-viewforum .category td.tcl {
тут код
}

правая колонка блока подфорума

Код:

#pun-viewforum .category td.tcr {
тут код
}

вторая и третья колонки блока подфорума (можно по отдельности использовать)

Код:

#pun-viewforum .category td.tc2, #pun-viewforum .category td.tc3 {
тут код
}

Это очень вкратце, расписывать не буду, если будет нужно кому-то конкретно - помогу настроить.

Портфолио https://forumd.ru/viewtopic.php?id=6398

Поделиться615.06.22 21:39

Автор: R.F.B.
Участник
Уважение: +0

Добрый вечер!
Уточните, пожалуйста, как можно сделать подобным образом топики не только на главной?
На данный момент на тестовом форуме это выглядит так: Активные темы.
Можно ли настроить страницу так, чтобы отображалось так, как на Главной?
Благодарю за ответ!

Поделиться716.06.22 16:57

Автор: Fumuse
Администратор
Уважение: +253
Достижения/подарки: 1 3
Наградные баллы: 615
Проверенный спец:
FD
FD

#p169243,R.F.B. написал(а):

Добрый вечер!
Уточните, пожалуйста, как можно сделать подобным образом топики не только на главной?
На данный момент на тестовом форуме это выглядит так: Активные темы.
Можно ли настроить страницу так, чтобы отображалось так, как на Главной?
Благодарю за ответ!

Здравствуйте. Этот код для разделов с активными (и новыми, без ответов и так далее) сообщениями

Код:

#pun-searchtopics .forum tr {
    position: relative;
}
#pun-searchtopics .forum td.tcl {
    display: inline-block;
    float: left; /* расположение слева */
    width: 760px; /* ширина ячейки */
    padding-bottom: 100px; /* отступ снизу для размещения под описанием других ячеек */
}
#pun-searchtopics .forum td.tcl { /* Ячейка с описанием раздела */
    display: inline-block;
    float: left;
    width: 760px;
    padding-bottom: 35px; /* Отступ снизу для размещения под описанием */
}
#pun-searchtopics .forum td.tcr { /* Ячейка с последним сообщением */
    display: block;
    position: absolute;
    left: 5px; /* Отступ влево */
    width: 760px; /* ширина */
    bottom: 52px; /* отступ снизу */
}

Поделиться813.11.22 17:30

Автор: Enima
Участник
Уважение: +170
Достижения/подарки: 0 1
Наградные баллы: 55

подскажите, а как сделать разное оформление форумов на главной для разных категорий
к примеру есть три категории
в двух из них хотелось бы СТИЛЬ С БЛОКАМИ ОПИСАНИЙ РАЗДЕЛОВ В РЯД
а в последней стандартный вид отображения - списком друг под другом

Поделиться913.11.22 18:01

Автор: Emerael
Формошлеп и кнопкокрас
Уважение: +400
Достижения/подарки: 2 2
Наградные баллы: 345
Проверенный спец:
FD
FD

#p176416,Enima написал(а):

подскажите, а как сделать разное оформление форумов на главной для разных категорий
к примеру есть три категории
в двух из них хотелось бы СТИЛЬ С БЛОКАМИ ОПИСАНИЙ РАЗДЕЛОВ В РЯД
а в последней стандартный вид отображения - списком друг под другом

Для отличающихся от стандарта сразу после #pun-index впиливаем (с пробелами вокруг) #pun-categoryN
так, для первой категории #pun-index tr превратится в #pun-index #pun-category1 tr
Если лениво копипастить, а надо для более чем 1 категории, то превращаем в (на примере все того же) #pun-index #pun-category1 tr, #pun-index #pun-category2 tr

Ответить

Страница: 1

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

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

Имя

Скрыть инструментарий Показать инструментарий

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

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удали символы: "http://", "https://" или "www."

font_download format_size format_bold format_italic format_underlined strikethrough_s format_paint color_lens

format_align_left format_align_center format_align_right list table_view

link add_photo_alternate ondemand_video mood

content_cut lock_open format_quote code

horizontal_rule anchor live_help emoji_symbols library_add

Bebas Neue Arial Georgia Microsoft Sans Serif Tahoma Verdana Century Gothic Palatino Linotype Times New Roman Franklin Gothic Medium Impact Arial Black Courier New Lucida Console Comic Sans Ms

10px 12px 14px 16px 18px 20px 22px

Точками

Кружочками

Квадратами

Цифрами

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

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

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

Заголовок Автосжатие больших картинок Скрыть от гостей Ссылка «скачать» Имя читателя Добавлено спустя… Надстрочный текст Подстрочный текст Блок HTML Анкета: разделитель текста Анкета: закрыть ответы

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

Сделать пост специальным[block="portfoliopost"]portfoliopost[/block],

Светлый фон[block="makeportfoliolight"]makeportfoliolight[/block],

Красный пост[block="saledpost"]saledpost[/block],

Синий пост[block="forsalepost"]forsalepost[/block],

Зеленый пост[block="freepost"]freepost[/block],

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

Общее портфолио FD[block="FDteam-portf"]FDteam-portf[/block],

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

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

Обложка[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Закрыто[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

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

Подарок[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

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

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

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

Блок для картинок-ссылок[block="port-block"],[/block]

Красный[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Синий[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Зеленый[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Желтый[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

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

Обведенный текст[block="details"] [block="det"],[/block] [/block]

Добавить еще блок[block="det"],[/block]

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

Синяя кнопка[block="demo"][url=ссылка]текст,[/url][/block]

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

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

Иконки:

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

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

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

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

Тип работы:

под заказ saled,

на продажу forsale,

бесплатно free,

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

Вебдизайн dis,

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

Графика graf,

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

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

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

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

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

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

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

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

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

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

Макеты layout,

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

Верстка dis-code,

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

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

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

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

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

Javascript/CSS js,

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

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

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

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

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

Платформа:

MyBB.ru mybb-ru,

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

Параметры:

+ PSD psd-in,

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

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

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

Тематика:

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

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

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

фентези fant,

аниме anime,

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

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

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

животные cats,

Цвета:

тёмные darkst,

светлые light,

яркие bright,

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

Иконки:

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

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

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

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

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

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

Тип кода:

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

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

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

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

Платформа:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Объявление

GEMcross

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

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

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

📣 Наш проект: Ролевой поисковик

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

SPECIAL OFFER: We distribute designs for free

Support the project

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

Стиль разделов форума на главной (MyBB.ru)

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

Поделиться122.12.17 15:12

Поделиться201.10.18 10:04

Поделиться325.10.18 16:24

Поделиться430.10.18 16:20

Поделиться519.03.21 17:46

Поделиться615.06.22 21:39

Поделиться716.06.22 16:57

Поделиться813.11.22 17:30

Поделиться913.11.22 18:01

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

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

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

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

Колонки "Последнее сообщение" "Тем" "Сообщений" в столбик справа от описания	"Тем" и "Сообщений" под иконкой форума, а "Последнее сообшение" Справа от описания

Скрытый текст: Для просмотра скрытого текста - войдите или зарегистрируйтесь.	Скрытый текст: Для просмотра скрытого текста - войдите или зарегистрируйтесь.