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

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

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

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

Подробнее
Внимание! Нужно ваше мнение! Выбираем новый логотип, новую стилистику и новую разметку заявок для проекта ролевых заявок.

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

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



Слайдер новостей из топика на форуме

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

1

Слайдер новостей из темы
Добавляет слайдер, автоматически наполняемый новостями, публикуемыми в заданном топике.

Автор скрипта: Romych

Устанавливать в Объявление или любое место, где хотите видеть новости (низ, верх, сайд-бар, отдельная страница)

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+2

2

здравствуйте. а можно ли вывести новости из нескольких тем?

0

3

Batyr J
А если скрипт несколько раз поставить? Или номера айди тем через запятую?

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

0

4

#p160194,Automation Baby написал(а):

Или номера айди тем через запятую?

через запятую не получилось

0

5

там изображение и текст перемешались. еще шрифт с тенью не работает
http://forumupload.ru/uploads/0007/e3/f7/7649/t755473.png
адрес https://tmsat.bbmy.ru

0

6

#p160196,Batyr J написал(а):

там изображение и текст перемешались. еще шрифт с тенью не работает

У вас запрещено на форуме нажимать правую кнопку мыши и я не могу вызвать инструменты разработчика чтобы посмотреть что там не так...

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

+1

7

Automation Baby
нажмите CTRL+U
вот код

Код:
<style>
    .slider_wrap {margin:100px auto 0;width:580px;height:350px;position:relative;overflow:hidden;-webkit-box-shadow: 0px 7px 10px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 7px 10px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 7px 10px 0px rgba(50, 50, 50, 0.75);}
    .slider_wrap figure {width:540px;height:auto;display:none;position:absolute;top:0;left:20px;	}
    .slider_wrap figure:first-child {display:block;}
    .slider_wrap figcaption {background: rgba(250,250,250, .8);bottom: 0;box-sizing: border-box;font-size: 14px;position: absolute;width: 100%;padding: 1rem;-webkit-transition: max-height 0.3s ease-out;overflow: hidden;}
    .slider_wrap img {width: 100%;height: 350px;object-fit: contain;}
    .datep {filter: contrast(10);}
    .slider_wrap span {margin-top:-13px;width:15px;height:26px;display:block;position:absolute;top:50%;cursor:pointer;background:url(https://forumstatic.ru/files/0017/d8/50/94649.png) no-repeat;}
    .slider_wrap span.next {right:0;background-position:-15px 0;}
    .slider_wrap span.next:hover {background-position:-15px -26px;}
    .slider_wrap span.prev {left:0;background-position: 0 0;}
    .slider_wrap span.prev:hover {background-position: 0 -26px;}
    .publication{width: 100%;text-align: center;position: absolute;font-size: 20px;margin: 0;color: #4682b4;text-shadow: 4px  4px 6px rgba(256, 256, 256, 1), -4px -4px 6px rgba(256, 256, 256, 1), -4px  4px 6px rgba(256, 256, 256, 1), 4px -4px 6px rgba(256, 256, 256, 1);}
    @keyframes anim {0%   { opacity: 0; filter: blur(4px)}
      10%  { opacity: 0; }
      90%  { opacity: 1; }
      100% { opacity: 1; filter: blur(0.5px)}}
    .publication{animation: anim 4s infinite alternate;}
    </style>
     
    <!-- Вывод новостей из темы Обновления -->
    <script language="javascript">
    var lm = 7,//количество отображаемых сообщений из темы
    sort = 'desc',//по убыванию 
    si = 48,//id темы из которой выводим новости
    npk ='https://forumstatic.ru/files/0017/d8/50/39531.jpg'; //новостная картинка по-умолчанию
    $(function(){var nf='<div id="slider" class="slider_wrap">',text=[],EndSlider=()=>{nf+='<span class="next"></span><span class="prev"></span></div>';$('#news').append(nf);}
    $.getJSON('/api.php?method=post.get&topic_id='+si+'&sort_dir='+sort+'&limit='+lm+'&fields=id,message,posted',function(d){var x=d.response;for(var i in x){var mg=x[i].message.match(/(?:src=\")(https?:\/\/.*?\.(png|jpg|gif|jpeg|webp))(?:\")/gi);mg=(!mg)?npk:mg;var sod=x[i].message.replace(/\<img class\=\"postimg\" loading\=\"lazy\" src\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" alt\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" \/\>/g,''),pd=x[i].id,t=x[i].posted,z=(2<=mg.length<47)?mg.toString().replace(/(src\=|\")/g,'').split(/,/)[0]:mg.toString().replace(/(src\=|\")/g,''),v=sod.slice(0,300);if(v.length<sod.length){v+='<a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><strong> ... читать подробнее</strong></a>'};t=new Date(t*1e3).toLocaleString('ru');([i]==0)?nf+='<figure class="active"><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><p><p class="datep"><strong class="publication"></p>'+t+'</strong><img src="'+z+'" alt="" /></p></a><figcaption>'+v+'</figcaption></figure>':nf+='<figure><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><p><p class="datep"><strong class="publication"></p>'+t+'</strong><img src="'+z+'" alt="" /></p></a><figcaption>'+v+'</figcaption></figure>';}EndSlider();});$(window).load(function(){var elWrap=$('#slider'),el=elWrap.find('figure'),indexImg=1,indexMax=el.length,changeF=()=>{el.fadeOut(500).filter(':nth-child('+indexImg+')').fadeIn(500);},autoCange=()=>{indexImg++;if(indexImg>indexMax){indexImg=1;};changeF();},interF=setInterval(autoCange,5000);elWrap.on('mouseenter',function(){clearInterval(interF);}).on('mouseleave',function(){interF=setInterval(autoCange,5000);});$('span.next').click(function(){indexImg++;if(indexImg>indexMax){indexImg=1;};changeF();});$('span.prev').click(function(){indexImg--;if(indexImg<1){indexImg=indexMax;};changeF();});});});
    </script>
    <article id="news"></article>

Отредактировано Batyr J (02.09.21 15:34)

0

8

#p160196,Batyr J написал(а):

там изображение и текст перемешались. еще шрифт с тенью не работает

Понятно, всё дело в том что у вас в сообщениях из темы, откуда подгружаются новости есть заголовки. Вот они и перемешались с текстом и поэтому заголовок со шрифтом с тенью не работает. Самые простые варианты:
1) не форматировать текст в начале чтобы не было подобных конфликтов;
2) добавлять заголовки на картинки.

И старайтесь в сообщениях которые выводятся в слайдер не использовать супер-сложные инструменты форматирования: картинка, текст - никаких заголовков, видео. По крайней мере не в начале сообщения, чтобы оно не отображалось таким вот образом.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

+1