Шаблоны на основе бб-тегов для форумов MyBB.ru

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

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

Поделиться104.03.23 22:20

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

FAQ по шаблонам

Что такое бб-шаблоны?
Это шаблоны для создания особых сообщений или элементов сообщений.
В отличие от HTML, они созданы на основе ББ-тегов, что позволяет проще их редактировать и открывает массу преимуществ.
ББ-теги - это часть функционала движка, поэтому движок будет воспринимать их как часть страницы и самостоятельно преобразовывать их в то, что вы хотите, на основе дополнительных стилей или скриптов.

Чем отличается использование ББ-шаблонов от использования HTML в постах?
Если используете скрипт "HTML в постах" из "администрирование > скрипты" могут всплыть какие угодно проблемы с HTML, т.к. этот скрипт оборачивает содержимое во фрейм. Фрейм работает как "пузырь": внутреннее содержимое не может воздействовать на всё, что находится снаружи, а всё, что находится снаружи, не может полноценно воздействовать на то, что внутри.
От этого могут возникать самые разные проблемы. Как минимум - не каждый HTML код адекватно работает в постах, и не каждый скрипт или стиль форума адекватно работает с содержимом HTML-поста.
Например, (при использовании HTML) скрипты из настроек форума не могут "пробиться сквозь пузырь" и воздействовать на содержимое: если вы используете настройку размера шрифта или переключение дизайна форума - они не смогут воздействовать на HTML шаблон. При использовании ББ-тегов, таких проблем не возникает.
Также при использовании HTML приходится держать все стили и скрипты шаблона там же, где и сам шаблон - то есть в посте. А при использовании ББ-шаблона, вы сами решаете куда поставить стили, а куда и как добавить скрипты. В самом посте вы управляете только контентом шаблона, больше ничего настраивать не придется.

Какие преимущества у бб-шаблонов?
В отличие от HTML:
Легче редактировать шаблон, возможность использования спец-постов в том числе новичками без знаний html
Удобный перенос строк через enter, без тега <br>
Использование внутри шаблона спец-поста ЛЮБЫХ других бб-тегов, доступных в форме ответа (спойлеры, таблицы, цитаты - что угодно, в том числе любые ваши кастомные теги типа обтекания картинок текстом, абзатцев и т.п.)
ЛЮБЫЕ ваши скрипты, влияющие на контент поста будут работать (например, увеличение размера шрифта, увеличение картинок по клику и т.п.)
Возможность применять к спец-постам любые скрипты, переключающие стили, и настраивать несколько вариантов дизайна для них
Корректное отображение дизайна шаблона везде: в предпросмотре поста, в поиске, в последних постах при ответе в тему и т.д.
Вы сами можете выбирать, где держать настройки стилей и скриптов для шаблона, нет необходимости размещать их в самом посте.

Как создаются бб-шаблоны?
BB-шаблоны могут быть какими угодно, с каким угодно позиционированием, с какими угодно цветами и фонами.
Они работают на основе тега
Код:
[block=class][/block]
А затем прописывается стиль или скрипт, влияющий на этот тег. На примере css:
Код:
.class {код стиля}

Куда ставить коды ББ-шаблона

CSS коды
Вариант 1. Свой стиль.
Если используете Свой стиль, то тавим в любое окно на странице Свой стиль
Вариант 2. HTML-формы.
В хтмл-верх или хтмл-низ в тегах <style>

Код:

<style>
тут коды
</style>

Вариант 3. Отдельный файл.
Создайте файл с расширением .css с кодами стиля шаблона, а потом загрузите в администрирование > файлы
Ссылку на файл можно поставить в хтмл-верх или хтмл-низ в таких тегах:

Код:

<!-- название стиля -->
<link rel="stylesheet" type="text/css" href="https://ссылка на файл с ксс-кодом.css" />
<!-- Конец -->

или в Свой стиль в начало первого окна таким тегом:

Код:

@import url('https://ссылка на файл с ксс-кодом.css');

Cкрипты
Чаще всего в HTML-низ, если в посте с шаблоном не указано другого.

Навигация
Ромбики/кружочки с всплывающим сообщением при наведении курсора Оформление поста 'Ʃkaemp' Оформление поста в виде переписки в мессенджере через бб-блоки Оформление поста 'AZA' Вкладки в постах бб-кодом Карточки отношений Оформление для новостного блока	Плавная смена картинок при наведении курсора Двойная смещённая рамка для фотографии Ссылки-кнопки Эффекты при наведении на текст/картинки Подложка-картинка на фоне Разноцветные блоки-линии Убрать границы у некоторых таблиц Превью картинок Литературный пост
Запросы на бб-коды шаблонов

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

Поделиться1105.03.23 15:34

Автор: Automation Baby
Атаманша
Уважение: +8292
Достижения/подарки: 7 6
Наградные баллы: 1 085

no-prof

Превью картинок

Это установлено здесь на форуме. Вы, возможно, уже видели как мы ужимаем картинки в постах до определённого размера. Но, чтобы картинки не только ужимались, но и разворачивались по клику надо установить один из скриптов от @satsana:

ПРОСМОТР С АВТОПЕРЕЛИСТЫВАНИЕМ

Полноразмерное РАЗВОРАЧИВАНИЕ КАРТИНОК

Пример превью:

# увеличивается по клику

CSS

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

ББ-код

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

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

Поделиться1208.03.23 14:53

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

no-prof

Оформление поста Ʃkaemp
источник
Демо:

текст слева

Ʃkaemp はは ™

Заголовок

текст справа
максимум
4 строки
вот так

Основной текст: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dui eros, tincidunt ac urna ut, ultricies tempus enim. Phasellus nisl eros, porta non justo tempor, hendrerit malesuada justo. Etiam nisl augue, posuere ac vulputate non, mollis non neque. Nullam aliquet eros nibh, vel dapibus mauris aliquet at. Fusce feugiat, neque sit amet suscipit dictum, massa quam imperdiet nisi, vel convallis magna tortor non nisl. Maecenas vel sem massa. Aliquam erat volutpat. Mauris eget lorem pulvinar, sagittis lorem vel, mollis diam. Vestibulum vel mi eget dolor condimentum pellentesque mattis in massa.

Sed venenatis, tellus vitae laoreet pulvinar, nisi mauris laoreet dui, ac aliquam leo nibh interdum magna. Donec in lacus rutrum, porta nisi et, hendrerit leo. Phasellus consectetur arcu vel luctus tincidunt. In sit amet felis fringilla, pretium elit at, egestas lorem. Nunc purus ipsum, venenatis in molestie et, accumsan vel diam. Mauris condimentum erat sit amet congue eleifend. Donec sem arcu, cursus vitae vehicula tincidunt, lacinia nec nulla. Suspendisse potenti. Mauris massa lacus, consectetur vitae lacus in, vulputate dictum felis. Nam id nisi congue, elementum risus quis, fringilla magna. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin lacinia venenatis lacus, eu interdum arcu convallis sed. Nullam suscipit maximus quam, a rhoncus augue gravida at. Etiam nisl magna, dapibus eget erat quis, molestie ultricies eros.

[html]<style>
.SUY {
margin:auto;
width:446px;
text-align:center;
font-family:Arial;
}
.AGSUY {
display:inline-block;
vertical-align:middle;
width:55px;
height:10px;
padding:5px;
padding-left:20px;
overflow:hidden;
border-radius:15px 0 0 15px;
text-align:left;
background-color:#CCC;
font-size: 9px;
}
.boxSUY {
display:inline-block;
vertical-align:middle;
margin:0 5px;
}
.imgSUY {
position:absolute;
z-index:3;
margin-left:50px;
margin-top:50px;
}
.punbb .post-content .imgSUY img {
margin: 0 !important;
width:100px;
height:100px;
border-radius:100px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.punbb .post-content .topgSUY img {
margin: 0 !important;
border-radius:200px 200px 0 0;
width:200px; height:100px;
filter:grayscale(1);
-webkit-filter:grayscale(1);
}
.punbb .post-content .btmgSUY img {
margin: 0 !important;
border-radius:0px 0px 200px 200px;
width:200px;
height:100px;
filter:grayscale(1);
-webkit-filter:grayscale(1);
}
.punbb .post-content .AGSUY p,
.punbb .post-content .cdtSUY p {padding: 0 !important}
.cdtSUY {
display:inline-block;
vertical-align:middle;
width:70px;
padding:5px;
border-radius:0 15px 15px 0;
background:#CCC;
font-size:9px;
text-align:left;
opacity:0.4;
transition:0.5s opacity linear;
-webkit-transition:0.5s opacity linear;
}
.cdtSUY:hover {
opacity:0.9;
}
.cdtSUY a{
text-decoration:none !important;
font-size:9px;
color: #757575;
}
.cdtSUY a:hover {color: #000;}
.topSUY {
position:relative;
margin-top:-65px;
width:446px; height:90px;
background:url(https://i.imgur.com/HSzGpvo.png);
}
.tleSUY {
position:absolute;
left:10px;
top:15px;
width:100px;
height:60px;
overflow:hidden;
text-align:left;
text-transform:uppercase;
font-size:24px;
font-weight:bold;
line-height:20px;
}
.infosSUY {
position:absolute;
right:10px;
top:15px;
width:100px;
height:60px;
overflow:hidden;
text-align:right;
font-style:italic;
line-height:15px;
font-size:10px; opacity:0.6;
}
.mdlSUY {
width:446px;
background:url(https://i.imgur.com/DxSb0DT.png);
background-repeat:repeat-y;
}
.mdlSUY p{
margin:0;
padding:0 15px;
text-align:justify;
font-size:10px;
line-height:15px;
}
.btmSUY {
width:446px;
height:11px;
background:url(https://i.imgur.com/7AAN7jH.png);
}
</style>[/html]

BB-код

CSS

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

Поделиться1308.03.23 15:30

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

no-prof

Ромбики/кружочки с всплывающим сообщением при наведении курсора
Источник

Демо:
[html]<style>
.SHOV {
margin:auto;
width:495px;
height:250px;
line-height:normal;
color:white;
}
.msgSHOV {
position:absolute;
background:#81383F;
color:white;
font-family:Arial;
z-index:2;
margin-top:-125px;
width:495px;
height:0px;
overflow:hidden;
visibility:hidden;
box-shadow:inset 0 0 35px rgba(0,0,0,0.1);
font-size:11px;
line-height:14px;
text-align:justify;
transform:scale(0.25);
-webkit-transform:scale(0.25);
transition:all 1s ease-in;
-webkit-transition:all 1s ease-in;
transition-delay:0.1s;
-webkit-transition-delay:0.1s;
}
.SHOV:hover .msgSHOV {
visibility:visible;
margin-top:-250px;
width:475px;
height:230px;
padding:10px;
overflow-y:auto;
transform:scale(1);
-webkit-transform:scale(1);
transition-delay:1.1s;
-webkit-transition-delay:1.1s;
}
.tleSHOV {
position:absolute;
z-index:1;
margin-left:195px;
margin-top:115px;
width:100px;
text-align:center;
font-size:12px;
font-family:Raleway;
text-transform:uppercase;
text-shadow:1px 1px 0 rgba(0,0,0,0.1);
transition:all 0.75s ease-in-out;
-webkit-transition:all 0.75s ease-in-out;
}
.SHOV:hover .tleSHOV{
opacity:0;
transform:scale(0);
-webkit-transform:scale(0);
}
.decoSHOV {
color:#81383F;
position:relative;
margin:0;
width:475px;
height:250px;
padding-left:10px;
font-size:342px;
line-height:212px;
font-family:Arial;
text-align:center;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}
.SHOV:hover .decoSHOV {
transform:scale(0); -webkit-transform:scale(0);
}
.decoIISHOV, .decoIIISHOV, .decoIVSHOV {
color:#81383F;
width:275px;
height:190px;
padding:0;
font-size:152px;
line-height:196px;
font-family:Arial;
text-align:center;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}
.decoIISHOV {
position:absolute;
margin-top:-40px;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.SHOV:hover .decoIISHOV {
transform:scale(0);
-webkit-transform:scale(0);
}
.decoIIISHOV {
position:absolute;
margin-top:20px;
margin-left:-50px;
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.SHOV:hover .decoIIISHOV {
transform:scale(0);
-webkit-transform:scale(0);
}
.decoIVSHOV {
position:absolute;
margin-top:80px;
transition-delay:0.5s;
-webkit-transition-delay:0.5s;
}
.SHOV:hover .decoIVSHOV {
transform:scale(0);
-webkit-transform:scale(0);
}
.decoVSHOV, .decoVISHOV, .decoVIISHOV {
color:#81383F;
width:275px;
height:190px;
padding:0;
font-size:152px;
line-height:196px;
font-family:Arial;
text-align:center;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}
.decoVSHOV {
position:absolute;
margin-top:-290px;
margin-left:220px;
transition-delay:0.5s;
-webkit-transition-delay:0.5s;
}
.SHOV:hover .decoVSHOV {
transform:scale(0);
-webkit-transform:scale(0);
}
.decoVISHOV {
position:absolute;
margin-top:-230px;
margin-left:270px;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.SHOV:hover .decoVISHOV {
transform:scale(0);
-webkit-transform:scale(0);
}
.decoVIISHOV {
position:absolute;
margin-top:-170px;
margin-left:220px;
}
.SHOV:hover .decoVIISHOV {
transform:scale(0);
-webkit-transform:scale(0);
}
</style>[/html]

Вариант с ромбиками

Заголовок

♦

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut nunc vestibulum, auctor nisi id, sagittis velit. Duis velit nisl, aliquam sed fermentum ac, ullamcorper dapibus felis. Mauris porttitor hendrerit nulla. Vestibulum commodo augue quis sapien fermentum, sed cursus odio lobortis. Vestibulum pellentesque, orci vitae cursus viverra, odio odio rutrum turpis, sed cursus odio erat ac tortor. Vivamus suscipit convallis bibendum. Praesent et rutrum velit, a malesuada magna. Integer at dui fringilla, accumsan velit nec, tincidunt purus. Cras in rutrum sapien. Nam finibus, turpis quis dictum auctor, est quam bibendum lacus, eget tempus risus arcu vel odio. Nunc quis sagittis nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Vivamus quis fringilla urna. Vestibulum bibendum vitae lorem id fringilla. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum eu diam lectus. Proin pharetra orci a pretium aliquam. Suspendisse fermentum nibh in tincidunt volutpat. In ac ipsum consectetur nisi rhoncus consequat ac accumsan neque.

Aenean vel purus tellus. Nunc risus nulla, vulputate vel neque venenatis, elementum accumsan nulla. Cras nec scelerisque orci, eget dictum sapien. Vestibulum ornare nisi aliquet imperdiet euismod. Suspendisse id nunc lacus. Suspendisse quis nunc vel enim consectetur sagittis eu ut libero. Vivamus molestie lorem vitae est tristique gravida. Nam porta eu justo sed vulputate.

Nullam convallis eros ut arcu congue porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel dui suscipit, eleifend justo ullamcorper, accumsan nulla. Nunc a pretium dolor. Praesent non iaculis lacus. Nullam at elit eleifend, faucibus mi non, vehicula mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin convallis lectus id placerat volutpat.

Вариант с кружочками

Заголовок

●

ББ-код

Вариант с ромбиками

Вариант с кружочками

CSS

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

Поделиться1406.05.23 16:37

Автор: Automation Baby
Атаманша
Уважение: +8292
Достижения/подарки: 7 6
Наградные баллы: 1 085

no-prof

Литературный пост

Опираясь на материал из этого урока, сделала себе для Петровича (ха-ха! Спасибо Герде, я теперь только так буду называть свою историчку!) бб-тег, приближающий внешний вид поста к книжному оформлению. Хочу поделиться со всеми.

Текст выровнен по ширине;
Перенос по слогам, но при этом копируется без тире;
Маленький отступ в начале каждого абзаца;
Красная строка в начале поста, в виде красивой буквы шрифтом Remeslo;

Внимание! Отступы не появятся если просто перенести текст на новую строку. Будет работать только если нажать Enter дважды и между абзацами будет отступ в одну строку.

Вот как это выглядит:

Посмотреть вживую можно здесь

Код

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

CSS:
Импорт шрифта (обязательно перзаливайте файлы на свой форум!)
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

Поделиться1530.05.23 12:57

Автор: Automation Baby
Атаманша
Уважение: +8292
Достижения/подарки: 7 6
Наградные баллы: 1 085

Вкладки в постах бб-кодом

no-prof

ББ-версия вот этого: HTML шаблоны вкладок (CSS, HTML)

Отличия от той версии:

Не надо использовать скрипт HTML в сообщениях;
Более простой в использовании;
Можно использовать в сообщении любые вв-теги;
Можно вставлять предустановленный вариант через вв-панель любым пользователям.

Автор: kolobdur74

Демо

Использование:

Номер вкладки должен соответствовать номеру контента, пример:
Вкладка: [vkladka=2] соответствует контенту: [cont=2].
Чтобы содержимое определенной вкладки сразу выводилось, после обновления страницы, надо вставить такой тег:
[avkladka=1] вместо тега: [vkladka=1]. И в контенте аналогично: [acont=1] вместо [cont=1].
Вкладки обрамляются в отдельные вв-теги:
- - [verh] - вкладки вверху;
- - [levo] - вкладки слева;
- - [pravo] - вкладки справа;
- - [niz] - вкладки внизу.
Весь контент находится внутри вв-тега: [contentw].

Установка на форум (код)

В НТМЛ верх (Стиль):
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

В НТМЛ низ (Скрипты):
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

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

В HTML должно быть тоже соответствие, что и в вв-тегах:
Номер вкладки data-number="1" должен соответствовать номеру контента: data-content="1"
Для вывода контента по умолчанию используем класс activevkladka:
- во вкладке: class="vkladka activevkladka"
- в контенте: class="window activevkladka"
Блоки с классами соответствующему расположению вкладок:
- buttop - вкладки сверху;
- butleft - вкладки слева;
- butright - вкладки справа;
- butbottom - вкладки снизу.

Можно так же использовать и HTML, например чтобы вставить в Объявление. Тогда используем такой HTML код (стиль и скрипт те же, еще раз добавлять не надо):
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Поделиться1604.11.23 23:56

Автор: Automation Baby
Атаманша
Уважение: +8292
Достижения/подарки: 7 6
Наградные баллы: 1 085

no-prof

Карточки отношений

От @Moju

#p190373,Moju написал(а):

Продолжаю эксперименты с bb-кодами и оформлением постов. В этот раз сделала карточки для отношений, но вообще можно их использовать и где-то еще. В моем случае размер карточек сделан для поста с сокрытием профиля автора на ширину 923px. В случае, если нужно сделать на меньший размер, но нужно будет просто уменьшить ширину карточек. Если кто-то из гуру форума захочет внести правки и указать на косяки/ошибки, то с удовольствием улучшу свои навыки в этом вопросе.
Данный блок рассчитан на 6 карточек персонажей, когда лимит исчерпан просто копируем этот код еще раз и вставляем после последнего закрывающего тега.
[html]<iframe src="https://vk.com/video_ext.php?oid=5706356&id=456239184&hd=2&hash=f6d62560be7f5dfe" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen></iframe>[/html]

Поделиться1720.12.23 21:24

Автор: Automation Baby
Атаманша
Уважение: +8292
Достижения/подарки: 7 6
Наградные баллы: 1 085

no-prof

Оформление для новостного блока

Делала в рамках новогоднего ивента, выкладываю в общий доступ. Блок для оформления новостей + подведения итогов: можно отметить лучший дуэт и лучший эпизод недели, лучший пост, и активистов флуда и игры, а также написать заголовок и вещающего админа.

Сделано без картинок (если не считать аватарки)

ББ-КОД:

СТИЛИ:

Поделиться1811.03.24 00:32

Автор: Automation Baby
Атаманша
Уважение: +8292
Достижения/подарки: 7 6
Наградные баллы: 1 085

no-prof

Красивое оформление текстового блока

Автор: @starling

Вместо yourcustomblock нужно вписать название для блока. Сам текст оборачивать таким образом:

Подобным образом можно оформлять посты (тогда нужно вместо yourcustomblock написать post-content) или цитаты. В случае цитат код будет немного иным:

Ответить

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

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

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

Имя

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

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

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удали символы: "https://", "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

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

Поделиться104.03.23 22:20

Поделиться1105.03.23 15:34

Поделиться1208.03.23 14:53

Поделиться1308.03.23 15:30

Поделиться1406.05.23 16:37

Поделиться1530.05.23 12:57

Поделиться1604.11.23 23:56

Поделиться1720.12.23 21:24

Поделиться1811.03.24 00:32

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

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

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

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