На нашем форуме технические специалисты могут не всегда предоставлять подробные инструкции по использованию предоставляемых ими кодов. Это может быть по нескольким причинам. Во-первых, они могут считать, что то, что для них очевидно, также очевидно и для пользователей. Во-вторых, они иногда могут устать от повторения одной и той же информации. В-третьих, подробные инструкции растягивают пояснения к кодам до невозможности, людей пугает многабукв и они могут упустить действительно важную информацию.
Чтобы упростить вам жизнь и обеспечить доступ к необходимой информации, мы создали тему, в которой собрали наиболее часто используемые коды и предоставили исчерпывающий ответ на вопрос для пользователей MyBB.ru и его партнёрских серверов "Куда вставить код?" для различных типов кодов. Эта тема будет всегда доступна для вас и может быть использована специалистами, чтобы направить вас сюда, если у вас возникнет подобный вопрос.
Мы также учитываем, что есть коды, которые не всегда должны быть размещены в одном и том же месте, и вам, как пользователю, может быть более удобно определить, куда именно вставлять их.
Рассмотрим несколько типов кодов - и дадим исчерпывающий ответ на поставленный вопрос.
CSS коды (Коды стиля)
CSS расшифровывается как Cascading Style Sheets — каскадные таблицы стилей, это общепризнанный язык описания внешнего вида страниц.
Отличить CSS-коды от скриптов и HTML элементарно - у них простой и запоминающийся синтаксис. Стандартный css-код выглядит так:
селектор {свойство: значение;}
пример:
#pun-navlinks {backgroud-color: #FF0000;}
Парочек свойство: значение; у селектора может быть сразу несколько, указываются они через точку с запятой (;):
селектор {
свойство: значение;
свойство: значение;
свойство: значение;
свойство: значение;
....
}
Или без переноса на новую строку:
селектор {свойство: значение; свойство: значение; свойство: значение; свойство: значение; свойство: значение;}
примеры:
|
|
Селекторов тоже может быть много. Они указываются через запятую:
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {color: #fff;}
Куда вставлять коды на форумах MYBB.RU и его партнёров?
Во-первых, если код взят в теги <style> — это и есть CSS код.
Например:
<style>
#pun-navlinks {backgroud-color: #FF0000;}
</style>
Работать код в таких тегах будет только в Администрирование - Формы - HTML-верх.
Если вы НЕ пользуетесь функцией "Свой стиль", то вставлять любые CSS-коды вам надлежит в HTML верх.
При этом указывать теги <style> для каждого кода отдельно не обязательно - достаточно просто перейти на следующую строчку и вставлять новые коды между тегов.
Если у вас есть Свой стиль, то вы можете вставлять CSS-коды БЕЗ тегов <style> в любое окно стиля. Главное - вставлять их на отдельной новой строке, а не внутри уже существующих кодов.
Если CSS-код нужно вставить куда-либо еще (например, в html низ рядом со скриптом), технический специалист вам сообщит об этом. Это нестандартная ситуация.
Скрипты
Скрипт — это сценарий, от английского слова Script, он содержит набор инструкций для определенных функций вашего форума, заставляя их "вести себя по-другому". Они пишутся на языках программирования, самый популярный - Javascript (JS).
Скрипты распознавать еще проще, чем CSS-коды - Они ВСЕГДА находятся внутри тегов <script>, например:
<script>
var s0="[",s1="<span>[</span>",s2="]",s3="<span>]</span>"
$("#pun-viewtopic div.code-box").each(function (){
var s = $(this).html();s=s.replace(/\[/gm,s1);$(this).html(s.replace(/\]/gm,s3));});
</script>
Или теги могут выглядеть вот так (сути и работы скрипта не меняет):
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>
Куда вставлять коды на форумах MYBB.RU и его партнёров?
Во-первых, в отличие от CSS кодов, НЕЛЬЗЯ все скрипты ставить в один тег <script>! Скрипту всегда нужно говорить, где начинается его работа и где она кончается. Во-вторых, следует разделить скрипты на несколько типов, исходя из которых определять их положение:
Скрипты которые что-то добавляют (меню, панели, слайдеры и прочие фишки)
Скрипты которые что-то видоизменяют (это почти все скрипты, которые связаны с работой форума: от запретов гостям до уведомлений о ЛС)
Скрипты которые влияют на форму ответа (это новые BB-теги, штучки, которые будут отображаться под формой ответа и т.п.)
Первый тип скриптов можно ставить туда же, где вы размещаете HTML-код и само содержимое (CSS-код, кстати, тоже можно поставить туда жа). Например, если вы вставляете слайдер в объявление, то можно над ним сразу же вставить и скрипт и стиль слайдера. То же самое и с панелями над форумом (администрирование - формы - html-верх) или фишками вставленными на отдельную страницу (администрирование - страницы).
Скрипты которые что-то видоизменяют (а таких скриптов большинство), всегда находятся в Администрирование - формы - HTML-низ. Обычно по умолчанию под всеми скриптами подразумевается нахождение именно в HTML-низ, а вот если это не так, то технический специалист обязательно скажет, куда вставлять, так как ситуация нестандартная.
Скрипты которые влияют на форму ответа можно размещать и в Администрирование - формы - HTML-низ, и в окне настроек Администрирование - формы - форма ответа. Разница между этими действиями следующая: гости не видят форму ответа, поэтому им лишние сценарии на странице ни к чему. Скрипты, помещенные в форму ответа будут работать только у зарегистрированных пользователей. Если вы поместите скрипт для формы ответа в Администрирование - формы - HTML-низ, он все равно будет работать - ничего страшного не случится.
Как не путаться в кодах?
Для новичков, сталкивающиеся с вечной проблемой - установили код и забыли про него, а потом возникают неожиданные проблемы и конфликты кодов, у нас есть простой совет: научитесь подписывать ваши коды и скрипты. Это практика, которую стоит придерживаться как новичкам, так и опытным администраторам, даже тем, кто создает собственные скрипты и коды. Подписывание скриптов и кодов делает работу с ними намного удобнее, так как это позволяет сразу понять, что делает код, не вникая в его детали.
Кроме того, есть еще одно важное преимущество: быстрый поиск нужного скрипта или кода. Например, если вы подписали скрипт для выделения цветом никнеймов, и вам нужно изменить или удалить определенный никнейм, вы можете просто нажать CTRL+F, ввести в строку поиска название, которое вы использовали в своей подписи, и быстро попасть в нужную часть настроек.
Вот как подписываются скрипты: в окнах настроек администрирования (и вообще везде где действуют скрипты и html) можно оставить такой код:
<!-- тут ваш комментарий -->
Пример:
<!-- иконка в браузер -->
<link rel="SHORTCUT ICON" href="https://forumupload.ru/uploads/0007/e3/f7/60798-1.png" type="image/x-icon">
<link rel="shortcut icon" href="https://forumupload.ru/uploads/0007/e3/f7/60798-1.png" type="image/vnd.microsoft.icon">
<link rel="icon" href="https://forumupload.ru/uploads/0007/e3/f7/60798-1.png" type="image/vnd.microsoft.icon">
А вот как подписываются CSS коды: можно писать в Администрирование > Свой стиль (да, везде где у вас стоят CSS-стили) или внутри тегов <style>. Делается это кодом:
/* тут ваш комментарий */
Пример:
<!--цветовыделение-->
<style>
/* админы */
a[href$="/profile.php?id=2"] {color: red !important;}
a[href*="javascript:to('Герда')"] {color: red !important;}
a[href$="/profile.php?id=478"] {color: red !important;}
a[href*="javascript:to('sadhaka')"] {color: red !important;}
/* модеры */
a[href$="/profile.php?id=5199"] {color: blue !important;}
a[href*="javascript:to('Fover')"] {color: blue !important;}
a[href$="/profile.php?id=3697"] {color: blue !important;}
a[href*="javascript:to('Пернатый')"] {color: blue !important;}
</style>
И будет не лишним различать назначение JavaScript (скриптов) и CSS (стилей): JavaScript используется для добавления интерактивности и функциональности на веб-страницу, в то время как CSS используется чтобы покрасить, передвинуть или придать форму элементу на странице.
Учитывая эти факторы, вы сможете легко различать между JavaScript и CSS кодом в ваших веб-проектах, что сделает ваш код более организованным и удобным для чтения и редактирования. Мы стремимся сделать ваше пребывание у нас более информативным и удобным, и надеемся, что эта тема поможет вам в разборе с кодами.
Если вы хотите погрузиться в эту тему и изучить скрипты и стили подробнее - наш раздел с бесплатными уроками к вашим услугам: Вебдизайн, HTML, CSS Также вы можете всегда записаться на бесплатное обучение или почитать как учатся другие: Коворкинг: обмен вдохновением и опытом
Отредактировано Automation Baby (12.11.23 14:40)
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.