Расширенный BBCode

grin3671вCSS-club – настройка внешнего вида сайта

206

1 июня 2018

Топик обсуждения страницы клуба.

Комментарии

Скрыть 186 комментариев

Показать 186 комментариев

Загрузить ещё 20 из 186 комментариев

grin3671 1 мая 2024#

@Fanuma, подойдёт?
/collections/16526-ranobe-dostupnye-v-formate-audioknig

@Fanuma

Fanuma 2 мая 2024#

@grin3671, не я именно про BBcode

Fanuma 2 мая 2024#

у меня просто не получается сделать текст вот так

только так получается

Jett

спойлер

[div=cc-4]
[div=b-tabs_panel data-tab]
[div=cover]
[people ids=61145 columns=6]
[div=text]Jett[/div]
[/div]
[/div]
[/div]

@Pixl

Pixl 2 мая 2024#

@Fanuma, /comments/7846317

Юлия Кошка23 сентября 2024#

Можете подсказать как исправить эту проблему? Вбиваю так же, но почему то не высвечивается видео а только ссылка.

@nikola2222

nikola222223 сентября 2024#

@Юлия Кошка, судя по всему есть ограничение - максимум 75 видео, дальше тебе придется в комментариях вставлять или создавать собственные блоки через css

Ценитель романтики29 ноября 2024#

Думаю информация станет ценной, если кто-нибудь ответит, вообщем знает ли кто - как редактировать poll-опрос, уже, созданный и запущенный на голосование? Это про плюшки из bb-кодов.

Zerg_4ik12 марта 2025#

@grin3671, можно моссово это сделать или к каждой картинке\видосу ручками? и что конкретно отвечает за размер?

@pirate~

pirate~12 марта 2025#

@Zerg_4ik,

youtube

НАЗВАНИЕ

[div=b-catalog_entry d-flex][div=mr-1]https://youtu.be/hc7tHXakMkA?list=RD8Lejqw55-kM[div=cover] [div=image-decor][div=text] [center][b][size=14]НАЗВАНИЕ[/size][/b][/center]  [/div][/div][/div][/div]
[/div]

@Zerg_4ik

WhiteOwl10 мая 2025#

Подскажите, пожалуйста, хочу сделать так, чтобы при нажатии на картинку переходить по ссылке, картинка не из шикимори, а по сторонней ссылке

@immo.7etsu

immo.7etsu11 мая 2025#

@WhiteOwl,

[url=https://imgur.com/]
  [img no-zoom]https://i.imgur.com/N5Btj0q.gif[/img]
[/url]

[url=https://imgur.com/]
  [poster]https://i.imgur.com/N5Btj0q.gif[/poster]
[/url]

Lena(2x2)16 июня 2025#

Вдруг кому пригодится.
Постеры кликабельные с ссылками на страницы, ссылки так же можно заменить.
Я просто для примера так сделал.

Персонажи

Сам код:

[div=headline silver][color=black]Персонажи[/color][/div]

[div=cc-5]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/117223-aqua][poster]https://shikimori.one/uploads/poster/characters/117223/main-7d0cf69a489a204cecf180c5220251a3.webp[/poster][div=text]Аква[/url][/div][/div][/div][/div]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/41891-noire][poster]https://shikimori.one/uploads/poster/characters/41891/main-bda98a94fe0c29dee831fe3b844f5816.webp[/poster][div=text]Black Heart[/url][/div][/div][/div][/div]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/243180-kama][poster]https://i.imgur.com/UNHj4wE.jpg[/poster][div=text]Кама[/url][/div][/div][/div][/div]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/169162-nobukatsu-oda][poster]https://i.imgur.com/zpk5RLQ.png[/poster][div=text]Rammstein[/url][/div][/div][/div][/div]
[/div]

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

Redington18 июня 2025#

да, сюда бы как то вставлять такие #FF0000 кода цветов что бы пахало на всю полоску

Lena(2x2)25 июня 2025#

Другой вариант кода(централизация персонажей)

Теперь по персонажам можно кликать.(Я немного доработал код)

Сам код:

[div=cc-6-g15 d-flex justify-content-center]
[div=c-column]
[url=https://shikimori.one/characters/4605-kyou-fujibayashi]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/2cff639b9e1e6689d0212afc75d678c6bc4cd4bd99f982d64d36bf10c34382ac.jpg[/img]
[/url]
[div=b-menu-line][character=4605][b]Кё Фудзибаяси[/b][/character][/div]
[/div]
[div=c-column]
[url=https://shikimori.one/characters/4603-tomoyo-sakagami]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/007b7950ae83bae2903ab8cb3596221fbb97e2ee951bf7e29aa63a0a5c915431.jpg[/img]
[/url]
[div=b-menu-line][character=4603][b]Томоё Сакагами[/b][/character][/div]
[/div]
[/div]

Простая версия(централизация персонажей)

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

Сам код:

[center][url=https://shikimori.one/characters/250628-nagase-ichijou]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/a3b6e8324b5f402d93d79d28bbaf46774c875717f4eb33adf88abc537f56564f.jpg[/img]
[/url][url=https://shikimori.one/characters/250627-kagari-shirube]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/9106f8fb42509e0c88c082f0d761edd300ef3f3f9578debee049740254267933.jpg[/img][/center]
[/url]

Есть один недостаток. Постеры надо выравнивать в один размер в графическом редакторе (чтобы размер был одинаковым).
Посчитал что и такой вариант кому то да пригодится, переделал чутка просто 1 вариант.
---
@grin3671 , Спасибо за код, другу очень надо было. А то я с этим элементом [br] намучался просто. Разные варианты пробовал.
А оказалось что нехватало элементов для этого.

Apc30 ноября 2025#

Переключатель

Элемент 1

Элемент 2

Apc30 ноября 2025#

@grin3671, Сделать так, чтоб только одной кнопкой переключать Содержимое 1 и 2 туда-обратно невозможно, Я так понял?

Кнопка 1

Кнопка 2

Содержимое 1

Максимум такое, без переключения назад:

Кнопка 2

Содержимое 1

@Dedonych

Dedonych 1 декабря 2025#

@Apc, можно сделать одну кнопку [div=user-defined] Button [/div], которая при нажати добавляет\убирает класс active. Если добавить немного css, то получится кнопка. Из минусов - со старта будет видно первый блок. Например:

bb-code

 b-button для виду как кнопка. toggle-button для кастомного использование css
[div=user-defined b-button toggle-button] Button [/div] 
[div=first_block] ... Элементы какие-то [/div]
[div=second_block] ... Элементы какие-то 2[/div]

css

.toggle-button {
    font-size:0;
    &:after{
        content:"First block";
        font-size:13px;
    }
    &.active:after{
        content:"Second block"
    }
}
:has(.toggle-button:not(.active)) .second_block{
    display:none;
}
:has(.toggle-button.active) .first_block{
    display:none;
}

@Apc