Например:
shCoreRDark.css
shThemeRDark.css
XRegExp.js
shLegacy.js
shCore.js
shMegaLang.js
(Хочу заметить, что свои стили я изменил, поэтому применяя приведённые в примере стили будут отличаться от стиля на форуме)
Идём дальше...
Загружаем выбранные файлы на хост. Можно в существующею папку или же можно создать, например назвав её
syntax
чтобы легче было найти...
Теперь когда стили и скрипты загружены, открываем файл темы:
Он находится https://ваш_форум.ру/styles/prosilver/template/overall_header.html
Находим там закрывающейся тег </head> и передним вставляем следующие строки:
<!-- Syntaxy --> <link href='https://ваш_форум.ру/syntax/shCoreRDark.css' rel='stylesheet' type='text/css'/> <link href='https://ваш_форум.ру/syntax/shThemeRDark.css' rel='stylesheet' type='text/css'/> <script class='javascript' src='https://ваш_форум.ру/syntax/XRegExp.js'/> <script class='javascript' src='https://ваш_форум.ру/syntax/shLegacy.js'/> <script class='javascript' src='https://ваш_форум.ру/syntax/shCore.js'/> <script class='javascript' src='https://ваш_форум.ру/syntax/shMegaLang.js'/> <script type='text/javascript'> SyntaxHighlighter.all(); </script> <!-- END Syntaxy -->Далее...
Переходим в Администраторский раздел > Сообщение > BBCodes > Добавить BBCodes
В поле "Использование BBCode" прописываем:
Код: Выделить всё
[css]{TEXT}[/css]
Код: Выделить всё
<pre class="brush: css" id="output">
{TEXT}
</pre>
<link href='https://ваш_форум.ру/syntax/shCoreRDark.css' rel='stylesheet' type='text/css'/>
<link href='https://ваш_форум.ру/syntax/shThemeRDark.css' rel='stylesheet' type='text/css'/>
<script class='javascript' src='https://ваш_форум.ру/syntax/XRegExp.js'/>
<script class='javascript' src='https://ваш_форум.ру/syntax/shLegacy.js'/>
<script class='javascript' src='https://ваш_форум.ру/syntax/shCore.js'/>
<script class='javascript' src='https://ваш_форум.ру/syntax/shMegaLang.js'/>
<script type='text/javascript'>
SyntaxHighlighter.all();
</script>
Код: Выделить всё
Стили CSS
Также не забываем заменить ссылки на сайт.
Результат:
его можно увидеть чуть выше в этой статье, использовался код html
а так будет выглядеть панель сообщения...
На этом всё, пользуйтесь во благо!