• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Таблица на 3 гаммы цвета для форума
Таблица на 3 гаммы цвета для форума
Kosten
Суббота, 27 Мая 2017 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Думаю каждый администратор сайта хочет сделать свой ресурс понятней и безусловно , чтоб отражалось вся полита цвета на нем. И есть чисто для форума очень нужный скрипт, который будет выводить вашу информацию и только вы можете это сделать или дать права другим. Заключается в том, что есть три оттенка цвета, и сама форма, которая похоже как на цитаты или Kode, но там только будут надписи.

И у вас в ответе появятся новые BBкоды, только под эту функцию. Есть красный оттенок и его больше всего можно сделать как замечание или просто вывести любую информацию, чтоб ее как больше пользователей прочитали, так как они сразу бросаются в глаза. Также синий и просто светлый и на нем только нет значка, на остальных он будет.



Теперь нужно установить:

Скачиваем папку js и грузим себе в корень сайта. Потом идем в раздел форума и нам нужно открыть "Общий вид страниц форума" и там находим $B0DY$ и после него пропишем этот код.

Код
<script type="text/javascript" src="/js/forumnewbb.js"></script>


Остается раздел "Форму добавления сообщения форума" идем туда и там нам нужно найти $BBC0DES$ и только после него в любом месте, где вам нужно ставим код.

Код
<span style="padding-right:1px;">
<input type="button" class="codeButtons" onclick="simpletag('info','','','message','');return false;" value="info" id="info" title="Важная информация">
</span>

<span style="padding-right:1px;">
<input type="button" class="codeButtons" onclick="simpletag('extra','','','message','');return false;" value="extra" id="extra" title="Дополнительно"></span>

<span style="padding-right:1px;">
<input type="button" class="codeButtons" onclick="simpletag('add','','','message','');return false;" value="add" id="add" title="Выделение текста">
</span>


И только осталось прописать стили CSS и там в самый низ их пропишем.

Код
.CodeBlock_bb {
padding-top: 5px;
padding-bottom: 3px;
}

.information_bb {
color:#745e60;
max-width:655px;
background: url('http://zornet.ru/zorner_ru_1/aves/73313159.png') no-repeat 4px 4px #fcf0f0;
padding:5px 10px 5px 20px !important;
border:1px dotted #eeaaaa;
border-left:3px solid #eeaaaa;
border-bottom:0px;
text-shadow:0px 1px 0px #fff;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
}

.information_bbm {
overflow: hidden;
color:#333;
max-width:675px;
border:1px dotted #eeaaaa !important;
border-left:3px solid #eeaaaa !important;
background:#fafafa;
padding:5px;
font-size:11px;
font-family:tahoma;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
}

.extra_bb {
color:#3a454f;
max-width:655px;
background: url('http://zornet.ru/zorner_ru_1/aves/98744443.png') no-repeat 4px 6px #f0f7fc;
padding:5px 10px 5px 20px !important;
border:1px dotted #aacdee;
border-left:3px solid #aacdee;
border-bottom:0px;
text-shadow:0px 1px 0px #fff;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
}

.extra_bbm {
overflow: hidden;
color:#333;
max-width:675px;
border:1px dotted #aacaee !important;
border-left:3px solid #aacaee !important;
background:#fafafa;
padding:5px;
font-size:11px;
font-family:tahoma;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
}

.add_bb {
max-width:665px;
background:#fafafa;
padding:5px 10px 5px 10px !important;
border:1px dotted #ccc;
border-left:3px solid #ccc;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

.CodeBlock_bb:hover {
-webkit-filter:blur(2px) grayscale(2);
opacity:.8;
cursor: pointer;
}


Теперь у вас появились новые кнопки с оригинальными функциями.

Комментарий от пользователя:

1. Отлично, забираю, и переделаю под себя. И как раз мне на форуме новости нужно выводить и эти таблицы подойдут как раз.

2. Но они код не будут держать и предназначены только для объявление или просто вывода информации, чтоб она была как больше заметно. Так по своим функциям они нормальные, но пока нечего выводить и нужно форум развивать, интересно в других модулях работать будут.

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

4. Как информация, не вставляйте в него код, они его держать не будут и он не весь может появиться, только информация и не больше.

5. Надеюсь глупых нет и тут по скрину понятно, а вот сами кнопки будут в низу, где вы будете добавлять мануал или статью с комментарием.

6. Просто стараюсь все понятно написать уже в самом материале. На многих ресурсах видел, и смотрится красиво.

7. Также слышал, что они не работают на визуальном редакторе, если тот включен, прочитал в комментариях, так на будущие.

8. Все таки поставил, нормально смотрятся и BBкоды прибавились, условия прописать еще бы.

9. И что теперь выводить будете, все таки не зря же ставили, для чего то.

10. Но главное пригодились, думаю они на форуме явно лишнем не будут, если на нем всегда идет общение.
Прикрепления: 3156804.jpg (24.0 Kb) · 22_forum.rar (0.5 Kb)
Страна: (RU)
Scheme
Воскресенье, 28 Мая 2017 | Сообщение 2
Оффлайн
Пользователи
Сообщений:157
Награды: 1
Под администратора и модераторов можно поставить, только операторы нужно выставить, чтоб эти группы видели кнопки.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Таблица на 3 гаммы цвета для форума
  • Страница 1 из 1
  • 1
Поиск: