Хочу BB коды в редактор как здесь Однострочный код и Оффтоп

[kda]

Хочу BB коды в редактор как здесь и
Хотелось бы сразу и решение для Extra.css при использовании FA иконок

 

[Skaiman]

Ну дык, правой кнопочкой посмотри исходный код и сделай

 

[kda]

Skaiman, Неужели так все просто :-)

 

[Skaiman]

Тэг BB-кода: inline
Заголовок: Однострочный код
Описание: Вставляем в сообщение однострочный код
Способ замены: Простая замена
Опция BB-кода: Нет
Замена HTML:

<code style="font-family: Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 0.9em; font-style: normal; line-height: 1.3em; background: #FFF; border: 1px solid #C9D2D8; padding: 0 3px; color: #6cb2e4; display: inline;">{text}</code>

Пример использования:

[PLAIN][inline]Тестирование кода[/inline][/PLAIN]

В EXTRA.css:

li a.redactor_btn_custom_inline:before  {
  content: "\f121";
}

Skaiman, Неужели так все просто :-)

До смешного :-)

Да еще, в Расширенных настройках, укажи в пункте Ссылка на иконку редактора: Font Awesome, там в принципе без разницы что указать, если ФА используешь, просто, что бы кнопочка появилась.

 

[kda]

С Оффтопом так просто не получилось.

Как вот это реализовать?

OFFTOP

Бла-бла-бла

 

[Skaiman]

kda, создание пользовательских бб-кодов, это самое простое в xenforo, но надо хоть немного разбираться в html и тогда сделать бб-код оффтопика не составит труда, я показал пример, на этом примере можно делать и другие бб-коды. А оффтоп, то же очень просто :)

 

[kda]

Ну вот наконец то и BB код Оффтоп осилил
Добавляем в EXTRA.css

div.bb_offtop {
    border: #dddddd 1px solid;
    padding: 4px;
    margin: 1em
    0 0 .75em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px
}
div.bb_offtop_head {
    color: #aaaaaa
}
div.bb_offtop_content {
    color: #aaaaaa;
    font-size: 10pt;
    border: #dddddd 1px solid;
    padding: 5px;
    margin-top: .5em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px
}

Потом идем в настройки --->Пользовательские BB-коды и добавляем новый
Тэг BB-кода: off
Заголовок: Оффтоп
Описание: Сообщение не относящееся к теме
Способ замены: Простая замена
Опция BB-кода: Нет
Замена HTML:

<div class="bb_offtop"><div class="bb_offtop_head">Оффтоп:</div><div class="bb_offtop_content">{text}</div></div>

Пример использования:

OFFTOP

Ваше сообщение

В расширенных настройках добавляем
Ссылка на иконку редактора:
styles/default/xenforo/off.png
Для Font Awesome кнопки в редакторе добавляем в EXTRA.css

li a.redactor_btn_custom_off:before           {content: "\f1b0";}

Я выбрал для кнопки лапу :-), ибо только Пёс может оффтопить :lol:

Отображение сделал светлее чем на этом форуме, вот что получилось

Спешу услышать критику по цвету, но я думаю для оффтопа это самый лучший цвет, у вас тут темновато, сливается с общим текстом :wink:

 

[Hopewakeq1]

Skaiman, Оффтоп норм получился, а однострочный код какой-то не оч. Как исправить, подскажи плс :cry:

 

[Skaiman]

Hopewakeq1, Хочу BB коды в редактор как здесь Однострочный код и Оффтоп

 

[Hopewakeq1]

Skaiman, Так я по этому гайду и делал, результат на скрине.

 

[Skaiman]

Ну так поменяй стиль фона и шрифта :)

 

[Hopewakeq1]

Skaiman, Понял, думал там уже настроено как тут. Спасибо