FD test forum

Объявление

cancel
РЕГИСТРАЦИЯ на форуме позволит:
  • скачивать дизайны и видеть коды скриптов
  • оставлять ссылки на сайты/картинки
  • оформлять заказы
  • отправлять личные сообщения
  • рекламировать свои форумы/сайты или услуги
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut tristique et egestas quis.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut tristique et egestas quis.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut tristique et egestas quis.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut tristique et egestas quis.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut tristique et egestas quis.

    ссылка1

    Заголовок2

    описание2

    ссылка2

    Заголовок1

    описание1

    ссылка1

    Заголовок2

    описание2

    ссылка2
    ❗ ❗ ❗ На форуме временные проблемы с регистрацией пользователей! ❗ ❗ ❗
    Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: Диалог с администрацией
    Администраторы зарегистрируют и активируют аккаунт вручную.
    Требуются модераторы! Посмотреть вакансии и подать заявку. Денежную оплату и "плюшки" гарантируем 💲

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

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


    Вы здесь » FD test forum » Спец посты, портфолио, анкеты » Портфолио: Вкладки в постах


    Портфолио: Вкладки в постах

    Сообщений 11 страница 13 из 13

    1

    portfoliopost

    FDteam-portf

    freepost

    https://forumupload.ru/uploads/0007/e3/f7/6822/210681.jpg

    Cкрипт вкладок в постах на бб-тегах для форумов MyBB.ru, используя последние обновления платформы

    Дата: 27/05/2024

    Платформа: MyBB.ru

    Автор: Emerael

    Стоимость: БЕСПЛАТНО

    https://i.gyazo.com/b3784c4a65bf2f59c5204bcb598637ac.jpg https://i.gyazo.com/69f172e4a30e95f611e225ddad34f407.jpg https://i.gyazo.com/e5823ad7a78024791ded3fe4f95ed535.gif

    подробное описание

    Условия использования:
    Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.


    Скрипт поможет создавать вкладки в постах, используя бб-теги. Это удобно, потому что в бб-кодах проще ориентироваться и легко стилизовать. В коде указано минимальное css, необходимое чтобы всё переключалось. Но по желаю можно (и нужно) самостоятельно настроить анимацию при переключении, покрасить вкладки и прочее.

    Теперь, чтобы переключать вкладки в постах не нужен HTML!

    Коды в спойлере ниже. А вот немного инструкций. Вот пример вкладок в постах:

    [tabtitle=tabone]ЭТО НАЗВАНИЕ ПЕРВОЙ ВКЛАДКИ[/tabtitle]
    [tabtitle=tabtwo]А ЭТО НАЗВАНИЕ ВТОРОЙ (ДЕФОЛТНАЯ)[/tabtitle]
    [tabtitle=tabthree]ВОТ НАЗВАНИЕ ТРЕТЬЕЙ[/tabtitle]
    [tabtitle=tabfour]И ЧЕТВЁРТОЙ!!![/tabtitle]

    Это сами названия вкладок. Тут очень важно давать уникальные tabtitle, чтобы они не  повторялись в рамках одного поста.

    А вот пример "голого" кода вкладок:

    [tabtitle=azaza]tab 1[/tabtitle]
    [tabtitle=ololo]tab 2[/tabtitle]
    [tab=azaza]tab 1 content[/tab]
    [tab=ololo][tabdefault]tab 2 content[/tab]

    [tabdefault] - надо поставить в ту вкладку, которая будет "дефотлтной", то есть открываться сразу при перезагрузке страницы.

    Для дизайнеров:
    Селекторы для оформления:

    • .custom_tag.custom_tag_tabtitle - названия вкладок;

    • .custom_tag.custom_tag_tabtitle.active - название активной вкладки;

    • .custom_tag.custom_tag_tab - содержание вкладок.

    Важно! В форму ответа никакие дополнительные кнопочки не добавляются. Это надо делать отдельно. Как?

    • В виде шаблона, в администрирование - формы - описание подфорума - шаблоны. Тогда  в форме ответа, в "Дополнительное" появится кнопка "Шаблон", которая и вставит  нужный код.

    • Можно сделать сторонними скриптами. Например, "Настраиваемая форма ответа" от @Gerda или "Комплекты тегов в форме ответа" из свободного каталога.

    • "Утилита MyBB Code" от @kozhilya решает эту и много других задач, связанных с формой ответа.

    0

    11

    ваып

    0

    12

    пвы

    0

    13

    авып

    0


    Вы здесь » FD test forum » Спец посты, портфолио, анкеты » Портфолио: Вкладки в постах


    Информация

    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"><!-- баннеры --> <a href="https://www.admil.ru/" 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> <!-- форум ocean --><a href="http://symbiosis.rusff.me" class="tip" title="Форумная ролевая игра альтернативный мир, США — Оклахома" target=_blank><img src="https://forumstatic.ru/files/001a/ed/fd/46458.gif"></a> <!-- форум fumuse --><a href="https://evribia.ru/" class="tip" title="Эврибия — история одной башни" target="_blank"><img src="https://i.imgur.com/m5x1h6R.png" alt="ФРПГ Эврибия"></a> <!-- группа Касси --><a href="https://vk.com/forrkass" target="_blank"><img src="https://i.imgur.com/8QKFVbe.gif" class="tip" title="Без имени.jpeg"></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 --> </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=19"> <!-- стили спец постов --> <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>