ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

cancel
РЕГИСТРАЦИЯ на форуме позволит:
  • скачивать дизайны и видеть коды скриптов
  • оставлять ссылки на сайты/картинки
  • оформлять заказы
  • отправлять личные сообщения
  • рекламировать свои форумы/сайты или услуги
  • ☀️ Самый яркий форум: голосование за лучший летний дизайн

    Начинаем голосование в нашем конкурсе "Самый яркий форум: летний конкурс дизайнов"
    Пожалуйста, проранжируйте 3 понравившиеся работы, поставив их на 1-е, 2-е и 3-е место.

    Проголосовать

    💧 Сезонная акция поиска графики: просто добавь воды

    Для участия нужно найти в сети, сгенерировать с помощью ИИ или создать любую графику с водой
    За каждую единицу будет начисляться от 15 до 50 НБ. Акция продлится 30 дней

    Поучаствовать

    🔥 Новинка в портфолио: ВКЛАДКИ В ПОСТАХ

    Стоимость: БЕСПЛАТНО | Автор: Emerael
    Cкрипт вкладок в постах на бб-тегах для форумов MyBB.ru

    Взять код

    💰 Мгновенные уведомления от Alex_63 для MyBB.ru

    Этот скрипт оповещает пользователей о событиях на форуме в реальном времени.
    Скрипт поддерживается уже более 5 лет и имеет много бесплатных дополнений, которые описаны в нашей документации.
    Мы принимаем все способы оплаты из любых стран, в том числе Paypal.

    Подробности

    🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

    Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
    Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
    А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

    узнать подробности

    📣 Общение и комьюнити

    Кроме кодов и техподдержки, у нас можно ещё поболтать и хорошо провести время:
    проф. общение для программистов и дизайнеров
    кружок самопрокачки HTML, JS & CSS
    обмен опытом для админов текстовых RPG
    встречи в реальности
    онлайн-встречи поиграть в настолки

    ❤️ Поддержать проект

    Если у вас есть желание помочь нам сделать наш проект лучше:
    Реклама на сайтеПредложения
    Стать модераторомОтзывы

    Подробнее

    SPECIAL OFFER: We distribute designs for free

    Finalizing the layout for your project;
    Developing a style code;
    Mobile version included if you wish.

    Details

    Support the project

    If you want to help us:
    Become a moderator
    SuggestionsReviews

    Details
    ❗ ❗ ❗ На форуме установлен новый дизайн. Пожалуйста, почистите кеш и куки!
    Если вы заметили, что что-то где-то криво отображается, пишите в тему: Сообщить об ошибках и багах.
    Предложения по дизайну можно внести здесь: Редизайн 2024 - идеи, предложения, обсуждения.
    Обзор нововведений будет проводиться в онлайн трансляции на YouTube.
    ❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.



    Дополнительные наборы смайлов на отдельных вкладках (JS, CSS)

    Сообщений 1 страница 10 из 84

    1

    Дополнительные наборы смайлов в одном окне со стандартными v.3.1
    Добавляет в окно для смайлов дополнительные вкладки со своими картинками.

    Автор: Romych

    код и описание

    в HTML в форме ответа:

    Чтобы не допустить ошибок при составлении наборов смайлов, можете воспользоваться Генератором смайлов
    в нём всё происходит наглядно:
    1. вы видите точное количество смайлов в каждом наборе
    2. вы видите не просто ссылки, а сами смайлы на которые эти ссылки ведут
    3. вы можете свободно добавлять / удалять смайлы и вкладки
    4. вкладки можете переименовывать прям в них же
    5. вам не надо заботиться о кавычках, скобках и запятых, вы получаете готовый код

    как пользоваться генератором

    Как добавлять / удалять вкладки?
    http://sf.uploads.ru/9sMkK.gif

    Как переименовывать вкладки?
    http://sh.uploads.ru/DcXvo.gif

    Как добавлять / удалять поля для смайлов ?
    http://s0.uploads.ru/0Ix3j.gif

    Добавляем ссылки на смайл в поля
    http://s5.uploads.ru/UMIv0.gif

    Как сортировать набор смайлов?
    http://s2.uploads.ru/MrgBO.gif

    Как сортировать вкладки?
    http://sg.uploads.ru/qLfx3.gif


    Модификация дополнительных вкладок смайлов в одном окне со стандартными
    Добавляет новое окно для смайлов с вкладками-наборами своих смайлов, но смайлы грузятся из отдельного файла и не занимают место в форме ответа и другое.

    Авторы: @Deff, @Герда (стиль), @satsana (модификация для подгона размера смайликов в постах кодом).

    код и описание

    Возможности:

    • можно настроить размер в котором смайлы будут отображаться в сообщениях и во вкладках (не нужно подгонять размеры картинок вручную по одному);

    • удобно добавлять смайлики или разделять их на группы: достаточно вставить список ссылок, без кавычек, запятых и других символов;

    • у вкладок доп. смайлов есть стиль и оформление можно легко изменить на свой вкус;

    • картинки не грузятся пока окно смайлов закрыто или открыта другая вкладка;

    Скрипт ставить в Администрирование - Формы - HTML в форме ответа или HTML-низ:

    Вместо https://ссылка/на/файл/со/скриптом/и/смайлами.js должна стоять ссылка на файл формата js.

    Пример файла.

    Содержание файла

    Стиль в Администрирование - Свой стиль или выше скрипта в тегах <style></style>:


    Дополнительные наборы смайлов в отдельном окне
    Добавляет новое окно для смайлов с вкладками-наборами своих смайлов.
    Смайлы грузятся из отдельного файла и не занимают место в Форме ответа.

    Автор: Человек-Шаман

    код и описание

    Возможности:
    1. Есть вкладка, где пользователь может сохранить собственные стикеры для личного пользования
    2. Ссылки на стикеры хранятся в отдельном файле и не засоряют поля html в настройках
    3. Можно легко и просто разделить стикеры на группы
    4. Картинки смайлов грузятся только при вызове меню, а не вместе со страницей

    в HTML в форме ответа:

    Вместо ССЫЛКА_НА_ФАЙЛ_СО_СТИКЕРАМИ должна стоять ссылка на файл формата txt в кодировке UTF8 with BOM (иначе название вкладок будет нечитаемо в кириллице).

    Пример файла.
    Если название не указать, но оставить пустую строку, получится следующая группа с названием Pack 3 (или какая она там будет по счёту).

    Временный фикс отсутствия поддержки формата картинок webp от Will O The Wisp

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

    Отредактировано Герда (20.07.20 08:36)

    +10

    2

    ..

    Отредактировано Deff (07.04.12 18:24)

    +2

    3

    Дефф, я видела, чуть попозже запосчу. :)

    +2

    4

    Модификация скрипта от  Romych "Дополнительный набор смайлов в одном окне со стандартными" (c) Deff

    Узрел на практике на сколько долго подгружается страница с тучей смайлов (не менее десятков секунд)
    1. Нет загрузки без клика на иконку смайлов
    2. Упрощена вставка новых смайлов

    В HTML низ

    <!--дополнительные смайлы © Romych-->
    <style type="text/css">
    /* вкладки доп смайлов */
    #wrapper {width: 600px;}
    ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
    ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
    ul.tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
    ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
    ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
    ul.tabs li.tab-current a:hover {color: #6A5ACD;}
    div.t2,div.t3 {display: none;width: 450px;}
    </style>

    <!--дополнительные смайлы © Romych--><script language="javascript">
    $(document).ready(function() {
    if($('#smilies-block').length==0) return false;
    $('#smilies-block').addClass('t1');
    function abc(){/*==123==;
    <div id="wrapper">
    <ul class="tabs tabs1"><li class="t1 tab-current"><a>Первый набор</a></li><li class="t2"><a>Второй набор</a></li><li class="t3"><a>Третий набор</a></li></ul>
    <div class="t2"><p></p></div><div class="t3"><p><br></p></div>
    </div> ==123==;*/} abc = abc.toString().split('==123==;')[1];
    $(abc).prependTo('#smilies-area');
    function abc1(){

    //Второй Блок Смайлов;
    /*==123==;
    http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif
    http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif
    http://i054.radikal.ru/1005/f6/13dcca4f279d.gif
    http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif
    http://i072.radikal.ru/1005/6f/c90a718466a8.gif
    http://i077.radikal.ru/1005/1d/a629f081ef7f.gif
    http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif
    http://i053.radikal.ru/1005/21/123a52ee0534.gif
    http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif
    http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif
    http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif
    http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif
    http://i061.radikal.ru/1005/ba/3b89a947cb01.gif
    http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif
    http://i035.radikal.ru/1005/91/ed0ded51be72.gif
    http://i073.radikal.ru/1005/fa/96e053ab7c23.gif
    http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif
    http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif
    http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif
    http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif
    http://i072.radikal.ru/1005/1f/61fabf24866d.gif
    http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif
    http://i066.radikal.ru/1005/89/131741843d79.gif

    ==123==;*/} abc1 = abc1.toString().split('==123==;')[1];
    var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
    var tgEnd = '" onclick="smile('+bb+')" />';
    function abc2(){

    //Третий Блок Смайлов;
    /*==123==;
    http://yapro.ru/javascript/jquery.lebni … les/01.gif
    http://yapro.ru/javascript/jquery.lebni … les/02.gif
    http://yapro.ru/javascript/jquery.lebni … les/03.gif
    http://yapro.ru/javascript/jquery.lebni … les/04.gif
    http://yapro.ru/javascript/jquery.lebni … les/05.gif
    http://yapro.ru/javascript/jquery.lebni … les/06.gif
    http://yapro.ru/javascript/jquery.lebni … les/07.gif
    http://yapro.ru/javascript/jquery.lebni … les/11.gif
    http://yapro.ru/javascript/jquery.lebni … les/12.gif
    http://yapro.ru/javascript/jquery.lebni … les/13.gif
    http://yapro.ru/javascript/jquery.lebni … les/49.gif
    http://yapro.ru/javascript/jquery.lebni … les/46.gif
    http://yapro.ru/javascript/jquery.lebni … les/43.gif
    http://yapro.ru/javascript/jquery.lebni … les/41.gif
    http://yapro.ru/javascript/jquery.lebni … les/38.gif
    http://yapro.ru/javascript/jquery.lebni … les/39.gif
    http://yapro.ru/javascript/jquery.lebni … les/37.gif
    http://yapro.ru/javascript/jquery.lebni … les/34.gif
    http://yapro.ru/javascript/jquery.lebni … les/33.gif
    http://yapro.ru/javascript/jquery.lebni … les/31.gif
    http://yapro.ru/javascript/jquery.lebni … les/28.gif
    http://yapro.ru/javascript/jquery.lebni … les/26.gif
    http://yapro.ru/javascript/jquery.lebni … les/25.gif
    http://yapro.ru/javascript/jquery.lebni … les/23.gif
    http://yapro.ru/javascript/jquery.lebni … les/20.gif
    http://yapro.ru/javascript/jquery.lebni … les/19.gif
    http://yapro.ru/javascript/jquery.lebni … les/17.gif
    http://yapro.ru/javascript/jquery.lebni … les/16.gif
    http://yapro.ru/javascript/jquery.lebni … les/15.gif
    http://yapro.ru/javascript/jquery.lebni … les/50.gif
    http://yapro.ru/javascript/jquery.lebni … bandit.gif
    http://yapro.ru/javascript/jquery.lebni … es/bug.gif
    http://yapro.ru/javascript/jquery.lebni … /fubar.gif
    http://yapro.ru/javascript/jquery.lebni … s/rock.gif

    ==123==;*/} abc2 = abc2.toString().split('==123==;')[1];
    $('#button-smile').one('click',function(){
      abc1=abc1.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
      abc2=abc2.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
      $(abc1).prependTo('#smilies-area div.t2');
      $(abc2).prependTo('#smilies-area div.t3');
    });
    $('ul.tabs.tabs1 li').click(function(){
    var thisClass = this.className.slice(0,2);
    $('div.t1, div.t2, div.t3').hide();
    $('div.' + thisClass).fadeToggle('slow');
    $('ul.tabs.tabs1 li').removeClass('tab-current');
    $(this).addClass('tab-current');
    return false;
    }); });
    </script>

    Красные ссылки меняем на свои, если нужно


    Модификация скрипта "Кнопка дополнительных смайлов в форме ответа" (с) Deff
    1. Нет загрузки без клика на иконку смайлов
    2. Упрощена вставка новых смайлов
    3. Возможность вставки новых кнопок смайлов, дублированием кода, заменяя лишь ссылки;

    В HTML в форме ответа

    <script type="text/javascript">
    (function (){
    var fun = 'showhide'+(+new Date()%40000);
    var b='<style>.custom-smilies img {cursor:pointer !important}</style>'
    +'<div class="custom-smilies"><input type="Button" value="Дополнительные смайлы" onclick="return '+fun;
    document.write(b+'(this)"><p style="display:none"></p></div>');
    var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
    var c = '" onclick="smile('+bb+')" />';
    function ass(){/*==123==;

    http://funportal.info/smiles/smile66.gif
    http://s7.rimg.info/00d3b01c3604095f552 … af2e58.gif
    http://s5.rimg.info/a871d0a789e1de16896 … 9d5d5d.gif
    http://funportal.info/smiles/smile146.gif
    http://s8.rimg.info/42e1a8deb81188c73bd … 4d32eb.gif
    http://s9.rimg.info/a24fe349ad000250c34 … 09b9a6.gif
    http://s8.rimg.info/d2d9c61661288a36064 … cc265b.gif
    http://s9.rimg.info/ca92124f75f67cd09ab … f29dfe.gif
    http://s9.rimg.info/45d296af09b36683bdb … 06e82e.gif
    http://s.rimg.info/f904c4b040270ea61019c644838fb9cc.gif
    http://s.rimg.info/76609ad7ca2d11817fa97bc5231b0965.gif
    http://s9.rimg.info/1c0b68c3dc26c551710 … 6a88ff.gif
    http://doodoo.ru/smiles/wo/s16.gif
    http://doodoo.ru/smiles/wo/s17.gif
    http://doodoo.ru/smiles/wo/s24.gif
    http://doodoo.ru/smiles/wo/bubu.gif
    http://doodoo.ru/smiles/wo/encore.gif
    http://doodoo.ru/smiles/wo/expect.gif
    http://doodoo.ru/smiles/wo/prayer.gif
    http://s6.rimg.info/fc5cd1f26e4f0855d93 … 175498.gif
    http://s8.rimg.info/626081c25f2ca2eccd7 … 0dcf53.gif
    http://doodoo.ru/smiles/wo/s01.gif
    http://doodoo.ru/smiles/wo/s22.gif
    http://doodoo.ru/smiles/wo/s34.gif
    http://doodoo.ru/smiles/wo/cook.gif
    http://doodoo.ru/smiles/wo/crash.gif
    http://doodoo.ru/smiles/wo/declare.gif
    http://doodoo.ru/smiles/wo/locomotive.gif
    http://doodoo.ru/smiles/wo/woodpecker.gif
    http://doodoo.ru/smiles/smush/s005.gif
    http://s4.rimg.info/f616d7008cdba4fc754 … 59759d.gif
    http://s3.rimg.info/60e5b04866d90e6324f … 03e193.gif
    http://s9.rimg.info/1503450350a79dce71a … 2aff3f.gif
    http://img218.imageshack.us/img218/7699 … ticaa9.gif
    http://i019.radikal.ru/0802/f3/d401bcb531b6.gif
    http://s13.rimg.info/4301ffbd890f487874 … 495e92.gif

    ==123==;*/
    } ass = ass.toString().split('==123==;')[1];
    ass=ass.replace(/^(http:.*?)$/gim,'<img src="$1"'+c);
    var load = false;
    window[fun] = function (b){
    p = b.parentNode.getElementsByTagName("p")[0]
    if(!load){load = true;$(ass).appendTo(p);}
    if(b.value=="Дополнительные смайлы"){
    b.value="Скрыть смайлы"
    p.style.display="block"}
    else{
    b.value="Дополнительные смайлы"
    p.style.display="none"}
    return false}}());
    </script>

    Красные ссылки меняем на свои, если нужно

    Отредактировано Герда (17.01.14 01:56)

    +1

    5

    Герда написал(а):

    Модификация скрипта "Кнопка дополнительных смайлов в форме ответа" (с) Deff
    1. Нет загрузки без клика на иконку смайлов
    2. Упрощена вставка новых смайлов
    3. Возможность вставки новых кнопок смайлов, дублированием кода, заменяя лишь ссылки;

    Герда!
    А вот к этому куску, что вставляется в форму ответа, что нужно ставить в HTML-верх и HTML-низ?

    +1

    6

    И еще есть глюк!
    Этот скрипт конфликтует со скриптом Контейнер с вкладками для информации  Ccылка
    Т.е. настройка вкладок в одном сбивает настройки в другом.

    +1

    7

    Бармалей написал(а):

    И еще есть глюк!Этот скрипт конфликтует со скриптом Контейнер с вкладками для информации  Ccылка Т.е. настройка вкладок в одном сбивает настройки в другом.

    http://uploads.ru/i/R/j/9/Rj9lU.gif Поставьте скрипт ниже скрипта: Контейнер с вкладками для информации
    2. Приводите ссылки на ресурс(на сообщение, клик по дате в сообщении, видням гостю) с установкой кода, желательно наличие скрипта пиар входа для теста формы ответа

    Отредактировано Deff (07.02.14 15:13)

    +1

    8

    Вот ссылка на тестовый форум

    Пиар вход поставил

    +1

    9

    Бармалей
    У Вас Глюк совсем в Ином месте, можете проверить и убрать скрипт смайлов!

    Попробуйте переставить этот код из HTML верх

    <!-- Настройка оплаты кредитов. См. дополнительный пункт главного меню -->
    <script>
          $(document).ready(function(){
          var СhangSTR = "В фонде форума:"
          var СhangSTR2= ""
          var СhangSTR3="кредитов"

        $("#pun-status span.item3 a").html(СhangSTR2)
        $("#pun-status span.item3").html(СhangSTR+$("#pun-status span.item3").html().substring(15))
        $("#pun-status span.item3").html($("#pun-status span.item3").html().replace("кредитов",СhangSTR3))
          });
        </script>

    В Cамый конец HTML низ! (А В Принципе задайте Вопрос на оффсайте этого скрипта, ибо он портит
          $(document).ready(function(){
    Независимо, от того где он стоит!

    Отредактировано Deff (07.02.14 17:41)

    +1

    10

    Я убрал с тестовика скрипт "Настройка оплаты кредитов."
    Но проблема осталась  http://uploads.ru/i/k/X/H/kXHQl.gif
    Кнопки на вкладках в объявлении обрезаются по правилам вкладок в дополнительных смайлах. Если доп. смайлы убрать, то кнопки смотрятся совсем по другому (см. Основной форум  Ccылка ), где доп. смайлы пока не устанавливал.

    +1

    Быстрый ответ

    Напишите ваше сообщение и нажмите «Отправить»


    font_download format_size format_bold format_italic format_underlined strikethrough_s format_paint color_lens
    format_align_left format_align_center format_align_right list table_view
    link add_photo_alternate ondemand_video mood mic
    content_cut lock_open format_quote code
    horizontal_rule anchor live_help emoji_symbols library_add
    • Точками
    • Кружочками
    • Квадратами
    • Цифрами
    • Римскими цифрами
    • Без обозначений
    Многострочный пункт списка
    • Текст
    • CSS
    • Javascript
    • HTML
    Bebas Neue Arial Georgia Microsoft Sans Serif Tahoma Verdana Century Gothic Palatino Linotype Times New Roman Franklin Gothic Medium Impact Arial Black Courier New Lucida Console Comic Sans Ms
    10px 12px 14px 16px 18px 20px 22px
    © ® « » ¢ £
    Заголовок Автосжатие больших картинок Скрыть от гостей Ссылка «скачать» Имя читателя Добавлено спустя… Надстрочный текст Подстрочный текст Блок HTML

    Теги оформления специальных постов

    Сделать пост специальным[block="portfoliopost"]portfoliopost[/block],
    Светлый фон[block="makeportfoliolight"]makeportfoliolight[/block],
    Красный пост[block="saledpost"]saledpost[/block],
    Синий пост[block="forsalepost"]forsalepost[/block],
    Зеленый пост[block="freepost"]freepost[/block],

    Пост без профиля[block="no-prof"]no-prof[/block],

    Теги оформления картинок

    Обложки: Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px

    Обложка[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]
    Закрыто[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]
    Продажа[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]
    Подарок[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

    Превью: Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px

    Блок для превью[block="morepics"],[/block]

    Разноцветные картинки-ссылки: Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)

    Блок для картинок-ссылок[block="port-block"],[/block]
    Красный[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
    Синий[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
    Зеленый[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]
    Желтый[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

    Теги оформления контента

    Обведенный текст[block="details"] [block="det"],[/block] [/block]
    Добавить еще блок[block="det"],[/block]

    Блок с кнопками[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]
    Синяя кнопка[block="demo"][url=ссылка]текст,[/url][/block]
    Оранжевая кнопка[block="store"][url=ссылка]текст,[/url][/block]

    добавить работу [block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block]

    Иконки:

    lock[block="icon material-icons"]lock,[/block]

    [block="icon fa-solid fa-sack-dollar"],[/block]

    [block="icon fa-solid fa-gift"],[/block]

    ТЕГИ (вставить в p-out через пробел)
    Тип работы:

    под заказ saled,

    на продажу forsale,

    бесплатно free,



    Основная категория:

    Вебдизайн dis,

    (для всего связанного с работой на сайтах/форумах, кроме готовых скриптов и мелкой графики)

    Графика graf,

    (для графона, НЕ включающего кодинг/скрипты)

    Скрипты/коды code,

    (для готовых разработок и работы по верстке/кодингу)

    Мини-фильтры дизайнов:

    адаптивные mob,

    ролевые игры frpg,

    компьютерные игры game,

    нейтральные flat,

    Подкатегории:

    Дизайн форумов/сайтов fulldis,

    (для полных работ по дизайну)

    Макеты layout,

    (для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)

    Верстка dis-code,

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

    Соц-сети/стримы graf-s,

    (графон для оформления соцсетей/стримов)

    Ролевая графика/арт art,

    (для мелкой графики)

    Javascript/CSS js,

    (для скриптов или выложенных цсс кодов)

    Бесплатный диз от FD [block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

    Платный диз от FD [block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

    Дизайн от юзеров [block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

    ТЕГИ (вставить в p-out через пробел)
    Платформа:

    MyBB.ru mybb-ru,

    Макет (любая платформа) any,



    Параметры:

    + PSD psd-in,

    (в наличии макет помимо кодов)

    + адаптивка mob,

    (есть версия для мобилок)
    Тематика:

    нейтральные flat,

    ролевые игры frpg,

    компьютерные игры game,

    фентези fant,

    аниме anime,

    кино/сериалы kino,

    стимпанк/киберпанк cyb,

    мультфильмы kids,

    животные cats,



    Цвета:

    тёмные darkst,

    светлые light,

    яркие bright,

    добавить скрипт/код [block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block]

    Иконки:

    [block="icon fa-brands fa-js"],[/block]

    [block="icon fa-brands fa-css3-alt"],[/block]

    [block="icon fa-regular fa-file-lines"],[/block]

    [block="icon fa-solid fa-file-code"],[/block]

    [block="icon fa-solid fa-file-invoice-dollar"],[/block]

    ТЕГИ (*значение в скобках вставить в SCRBLOCK через пробел)
    Тип кода:

    скрипт (js)[block="js"]скрипт, js[/block]

    css код (css)[block="css"]css код, css[/block]

    HTML/CSS шаблоны (shab)[block="shab"]HTML/CSS шаблоны, shab[/block]

    Модули/Расширения (global)[block="global"]Модули/Расширения, global[/block]

    Платформа:

    MyBB.ru (mybb-ru)[block="mybb-ru"]MyBB.ru, mybb-ru[/block]

    Любой движок (any)[block="any"]Любой движок, any[/block]

    Тип для форума:

    Пользователи (users)[block="users"]Пользователи, users[/block]

    Профиль (userprof)[block="userprof"]Профиль, userprof[/block]

    Доп. поля профиля (adfield)[block="adfield"]Доп. поля профиля, adfield[/block]

    Аватары (avatars)[block="avatars"]Аватары, avatars[/block]

    Репутация (repa)[block="repa"]Репутация, repa[/block]


    Группы (groups)[block="groups"]Группы, groups[/block]

    Гoсти (guest)[block="guest"]Гoсти, guest[/block]

    Администраторы (admins)[block="admins"]Администраторы, admins[/block]

    Модераторы (moders)[block="moders"]Модераторы, moders[/block]


    Регистрация (regis)[block="regis"]Регистрация, regis[/block]

    Личные сообщения (ls)[block="ls"]Личные сообщения, ls[/block]

    Вход (login)[block="login"]Вход, login[/block]

    Подписки (subsc)[block="subsc"]Подписки, subsc[/block]


    Поиск (search)[block="search"]Поиск, search[/block]

    Цитирование (quotes)[block="quotes"]Цитирование, quotes[/block]

    Пагинация (pagin)[block="pagin"]Пагинация, pagin[/block]

    Опросы (polls)[block="polls"]Опросы, polls[/block]

    Смайлы (smiles)[block="smiles"]Смайлы, smiles[/block]


    Фикс скриптов QuadroBoards (qbfix)[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]

    Страница форума:

    На всех страницах (allpages)[block="allpages"]На всех страницах, allpages[/block]

    Страницы (созд. в админке) (fpages)[block="fpages"]Страницы (соз. в админке), fpages[/block]


    Главная страница (mainpage)[block="mainpage"]Главная страница, mainpage[/block]

    Объявление (announ)[block="announ"]Объявление, announ[/block]

    Категории (categ)[block="categ"]Категории, categ[/block]

    Форумы (forums)[block="forums"]Форумы, forums[/block]

    Статистика (stats)[block="stats"]Статистика, stats[/block]


    Список тем (topiclist)[block="topiclist"]Список тем, topiclist[/block]

    Страница профиля (profpage)[block="profpage"]Страница профиля, profpage[/block]


    Тема (topics)[block="topics"]Тема, topics[/block]

    Сообщения (posts)[block="posts"]Сообщения, posts[/block]

    Контент сообщений (p-content)[block="p-content"]Контент сообщений, p-content[/block]

    Рейтинг постов (p-repa)[block="p-repa"]Рейтинг постов, p-repa[/block]

    Профиль автора поста (p-prof)[block="p-prof"]Профиль автора поста, p-prof[/block]


    Форма ответа (fo)[block="fo"]Форма ответа, fo[/block]

    Модификация ФО (fomod)[block="fomod"]Модификация ФО, fomod[/block]

    Новые BB-теги (newbb)[block="newbb"]Новые BB-теги, newbb[/block]

    Инструментарий спец тем/постов (spesh)[block="spesh"]Инструментарий спец тем/постов, spesh[/block]

    Универсальные теги:

    Дизайн/стиль (dis)[block="dis"]Дизайн/стиль, dis[/block]

    Замена элементов/атрибутов (chan)[block="chan"]Замена элементов/атрибутов, chan[/block]

    Загрузка (load)[block="load"]Загрузка, load[/block]

    Переадресация (redir)[block="redir"]Переадресация, redir[/block]

    Скроллинг (scroll)[block="scroll"]Скроллинг, scroll[/block]


    Виджеты (vidjet)[block="vidjet"]Виджеты, vidjet[/block]

    Меню (menu)[block="menu"]Меню, menu[/block]

    Вкладки (ttabs)[block="ttabs"]Вкладки, ttabs[/block]

    Галереи (gall)[block="gall"]Галереи, gall[/block]

    Слайдеры (sliders)[block="sliders"]Слайдеры, sliders[/block]

    Ротаторы (rotat)[block="rotat"]Ротаторы, rotat[/block]

    Таймеры/даты (timers)[block="timers"]Таймеры/даты, timers[/block]

    Спойлеры (spoilers)[block="spoilers"]Спойлеры, spoilers[/block]


    Реклама (adv)[block="adv"]Реклама, adv[/block]

    Изображения (pics)[block="pics"]Изображения, pics[/block]

    Медиа (media)[block="media"]Медиа, media[/block]

    Ролевые игры (frpg)[block="frpg"]Ролевые игры, frpg[/block]


    Hover-эффекты (hover)[block="hover"]Hover-эффекты, hover[/block]

    Анимация (anim)[block="anim"]Анимация, anim[/block]

    Украшения (decor)[block="decor"]Украшения, decor[/block]

    Праздники (seleb)[block="seleb"]Праздники, seleb[/block]


    Ограничения/запреты (stops)[block="stops"]Ограничения/запреты, stops[/block]

    Антикопирование (nocopy)[block="nocopy"]Антикопирование, nocopy[/block]

    Уведомления (notif)[block="notif"]Уведомления, notif[/block]



    Информация

    JavaScript должен быть включен. С отключенным JavaScript функционал форума недоступен.
    </noscript> <!-- Всплывающие Подсказки --> <style> #tooltip { display: none; position: absolute; z-index: 9999999999999999; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 8px; border-radius: 4px; max-width: 250px; } </style> <script type="text/javascript"> jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 26, yOffset: -5 }; var options = $.extend(defaults, options); return this.each(function(){ var $this = jQuery(this); var tipTitle = $this.attr('title'); if (tipTitle) { $this.removeAttr('title'); $this.hover(function(e){ $(this).css('cursor', 'pointer'); $("body").append("<div id='tooltip'>" + tipTitle + "</div>"); $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px") .fadeIn(options.speed); }, function() { $("#tooltip").remove(); }); $this.mousemove(function(e) { $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px"); }); } }); }; // Добавление подсказок $(document).ready(function(){ $('*[title]').quicktip({ speed: 700 }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/001b/d8/6a/64472.js?v=7"></script> <!--Копирайт--> <div id="bottom"><div class="inner"> <div id="fdcop1" class="fdcop rus"><a href="/viewtopic.php?id=4505" target='blank'>Отзывы</a> | <a href='/viewtopic.php?id=5790' target='blank'>Реклама на сайте</a> | <a href='/viewtopic.php?id=6616' target='blank'>Помочь нам</a> | <a href='/misc.php?action=rules' target='blank'>Правила проекта</a></div> <div id="fdcop2" class="fdcop icons rus"> <!-- <a href="mailto:forumd-ru@yandex.ru" target="_blank" id="MAIL"></a> --> <a href="https://discord.gg/Vz8GGZT" target="_blank" id="DISK" class="tip" title="Наш сервер на дискорде для заказов"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" id="BACK" class="tip" title="Диалог с администрацией"><i class="fa-regular fa-comment"></i></a> <!-- <a href="/viewtopic.php?id=6616" target="_blank" id="DON" class="tip" title="Поддержать проект"></a> --> <a href="https://vk.com/forumd" target="_blank" id="VK" class="tip" title="Мы в ВК"><i class="fa-brands fa-vk"></i></a> <a href="https://www.facebook.com/ForumDru-102111278367583/" target="_blank" id="FB" class="tip" title="Мы на Фейсбуке"><i class="fa-brands fa-facebook"></i></a> <a href="https://t.me/forumd_ru" target="_blank" id="" class="tip" title="Канал в Телеграме"><i class="fa-brands fa-telegram"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" id="YOU" class="tip" title="Канал на Ютубе"><i class="fa-brands fa-youtube"></i></a> <!-- <a href="https://www.twitch.tv/forum_d" target="_blank" id="YOU" class="tip" title="Канал на Твитче"><i class="fa-brands fa-twitch"></i></a> --> <a href="https://pinterest.com/ForumD_ru/" target="_blank" id="PIN" class="tip" title="Мы на Пинтересте"><i class="fa-brands fa-pinterest"></i></a> </div> <div id="fdcop2" class="fdcop icons eng"> <a href="https://discord.gg/Vz8GGZT" target="_blank" id="DISK" class="tip" title="Our Discord server"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" id="BACK" class="tip" title="Dialogue with the administration"><i class="fa-regular fa-comment"></i></a> <a href="https://www.facebook.com/ForumDru-102111278367583/" target="_blank" id="FB" class="tip" title="Our Facebook page"><i class="fa-brands fa-facebook"></i></a> <a href="https://t.me/forumd_ru" target="_blank" id="" class="tip" title="Our Telegram"><i class="fa-brands fa-telegram"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" id="YOU" class="tip" title="Our Youtube channel"><i class="fa-brands fa-youtube"></i></a> <!-- <a href="https://www.twitch.tv/forum_d" target="_blank" id="YOU" class="tip" title="Our Twitch"><i class="fa-brands fa-twitch"></i></a> --> <a href="https://pinterest.com/ForumD_ru/" target="_blank" id="PIN" class="tip" title="Our Pinterest page"><i class="fa-brands fa-pinterest"></i></a> </div> <div class="fdcop rus">© ForumD.ru, 2009-2023<br> <a href="https://forumd.ru/viewtopic.php?id=5751#rule" target="_blank">Условия использования бесплатного контента</a></div> <div class="fdcop eng">© ForumD.ru, 2009-2023<br> When publishing our content, please leave a link to the source.</div> <div id="fdbotBANNER" class="fdcop rus"><!-- баннеры --> <!-- баттл графистов, до 09.08 --> <a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a> <!-- баттл графистов, до 10.08 --><a href="https://skreverse.rusff.me/"><img src="https://forumupload.ru/uploads/001c/05/11/2/204926.png" title="Shaman King: reverse"></a> <!-- форум Moju --> <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a> <!-- форум Радомир --><a href="https://windworld.rusff.me" target=_blank><img src="https://forumstatic.ru/files/001b/e4/17/37572.png" title="Windworld|Хроники мира ветров"></a> <!-- От Automation Baby --> <a href="https://www.admil.ru/" class="tip" target=_blank><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/815029.gif" class="tip" title="Адреса милосердия"></a> <!-- ЛИЛ, взаимный референс --><a href="https://urchoice.su" class="tip" title="Каталог форумов" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png"></a> <!-- референс к подкастерам, Герда <a href="https://urchoice.su/viewtopic.php?id=58390#p2160217" class="tip" title="Подкаст «НеТЕролевые» - Рассказываем и обсуждаем ФРПГ" target=_blank><img src="https://forumupload.ru/uploads/0014/80/a5/2/729997.png"></a> --> <!-- рпг-хит - референс --> <a href="http://rpg-hit.ru/vote/forumcard/id/38" title="каталог ролевых: RPG-HIT" target="_blank" class="tip"><img src="https://forumstatic.ru/files/001b/c3/c4/23464.gif"></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' class='tip' title='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' class="tip" title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=93794845&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/93794845/3_1_EFEFEFFF_EFEFEFFF_0_uniques" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="93794845" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> </div> <div id="fdbotMENU" class="rus"> <div class="bmenu"><span>Заказать</span> <ul> <li><a href="/viewtopic.php?id=5760" target='blank'>Дизайн для форумов/сайтов</a></li> <li><a href="/viewtopic.php?id=5768" target='blank'>Графика и арт</a></li> <li><a href="/viewtopic.php?id=6322" target='blank'>Аватары и подписи</a></li> <li><a href="/viewtopic.php?id=5769" target='blank'>Стримы и соцсети</a></li> <li><a href="/viewtopic.php?id=5771" target='blank'>Скрипты и техоснащение</a></li> </ul> </div> <div class="bmenu"><span>Полезное</span> <ul> <li><a href="/viewtopic.php?id=2791" target='blank'>Бесплатные MyBB-дизайны</a></li> <li><a href="/viewtopic.php?id=7051" target='blank'>Бесплатные макеты</a></li> <li><a href="/pages/allscripts" target='blank'>Бесплатные скрипты и коды</a></li> <li><a href="/viewforum.php?id=7" target='blank'>Гайды по вебдизайну</a></li> <li><a href="/viewforum.php?id=96" target='blank'>Поиск специалистов</a></li> </ul> </div> <div class="bmenu"><span>Заказчикам</span> <ul> <li><a href="/viewforum.php?id=75" target='blank'>Техническая поддержка</a></li> <li><a href="/viewforum.php?id=1" target='blank'>Размещение рекламы форума/сайта</a></li> <li><a href="/viewtopic.php?id=5762" target='blank'>Условия работы ForumD.ru</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила оформления заказов</a></li> </ul> </div> <div class="bmenu"><span>Специалистам</span> <ul> <li><a href="/viewforum.php?id=90" target='blank'>Размещение портфолио</a></li> <li><a href="/viewtopic.php?id=5788" target='blank'>Присоединиться к команде ForumD.ru</a></li> <li><a href="/viewtopic.php?id=6036" target='blank'>Бонусы и привилегии</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила выполнения заказов</a></li> </ul> </div> </div> <div class="stat-place"></div> </div></div> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт и стили --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001b/d8/6a/77452.css?v=18"> <!-- стили спец постов --> <script type="text/javascript"> ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'portfoliopost', 'portfoliotopic'); ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'anketa-hide', 't-anketa'); $('#pun-edit .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#pun-post .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#post-preview .post-box').appendTo('#portprew .post-body'); $('.no-prof:contains("no-prof")').parents('.post').addClass('no-prof'); $('.portfoliopost:contains("portfoliopost")').parents('.post').addClass('portfolio'); $('.forsalepost:contains("forsalepost")').parents('.post').addClass('forsale'); $('.saledpost:contains("saledpost")').parents('.post').addClass('saled'); $('.freepost:contains("freepost")').parents('.post').addClass('free'); $('.makeportfoliolight:contains("makeportfoliolight")').parents('.post').addClass('portfolio-light'); $('#pun-searchposts .post:contains("***QUESTIONARY***")').addClass('anketa'); $('.questionary-post').parents('#pun-main').addClass('questionary'); </script></div> </div> </div> </div> </div> </body> </html>