<style>
#title-logo-tdl {width: 300px;}

#news-slider {
  display: grid;
  grid: auto / 22% 1px 77%;
  align-items: start;
  margin: 10px 14px 0 0;
}

#news-slider:before {
  content: "";
  display: block;
  background: white url(https://i.ibb.co/9rfv8S0/cat-mini4.jpg) repeat-x top left / contain;
  grid-column: 3;
  border-radius: 8px;
}

#news-slider:before, .slid {grid-row: 1;}

.slid {
  grid:
    "autor-data . slider-post" / 22% 1px 77%;
  justify-items: start;
  grid-column: 1 / -1;
  align-items: start;
}

.slid {display: none;}

.slid:first-child {display: grid;}
 
.slider-post {grid-area: slider-post;}

.slider-post {
  height: 100%;
  width: 100%;
  padding: 10px;
}

#news-slider:before, .author-data {
  height: 106px;
  width: 100%;
  text-align: center;
}

.slider-post marquee {
  height: 106px;
  width: 98%;
  margin: 0 auto;
}

.author-data {
  grid-area: autor-data;
  display: grid;
  align-content: start;
  justify-items: start;
}

.author-data div {
  width: 100%;
  margin-bottom: 1px;
  margin: 1px;
  padding: 2px;
}

.goover, .sdata {background: url(https://i.ibb.co/G2g52Cb/cat-big.png) repeat-x #EDF0F5;}

.sautor {
  display: grid;
  grid: "simg strongs" / 26px auto;
  align-items: center;
  justify-content: center;
  background: #8EA1BC url(https://i.ibb.co/HF69GH1/cellpic4.jpg) repeat-x top left / contain;
  color: #fff;
  text-align: center;
  border: 0;
}

.sautor img {grid-area: simg;}
.sautor strong {grid-area: strongs;}

#news-slider iframe {
  width: auto;
  height: auto;
}

.goover {text-align: center;}

/* Правка спойлера */
.slider-post .spoiler-box > blockquote.visible {display: block;overflow: auto;}
.slider-post .spoiler-box > blockquote {padding-top: 1.4em;display: none;}
.slider-post .spoiler-box > div {
  background: url(/img/plus.png) no-repeat 10px center, 
              url(https://i.ibb.co/nwN2WJ7/bbcode-quote.gif) no-repeat 100% 50% #4E79A6;
  padding: 4px 26px;
  cursor: pointer;
}
.slider-post .spoiler-box > div.visible {
  background: url(/img/minus.png) no-repeat 10px center, 
              url(https://i.ibb.co/nwN2WJ7/bbcode-quote.gif) no-repeat 100% 50% #4E79A6;
}
.slider-post .quote-box, .slider-post .code-box {margin: 0 0px 14px 0px;}

/* Правка списка */
.slider-post ul {padding: 0 0 1em 2.3em;}
.slider-post ul[style="list-style: i"] {list-style-type: decimal !important;}
.slider-post ul[style="list-style: upper-roman"] {list-style-type: upper-roman !important;}
.slider-post ul[style="list-style: upper-alpha"] {list-style-type: upper-latin !important;}
.slider-post li {list-style: inherit;}
</style>
<script>
var lm = 1,//число отображаемых сообщений из темы
sort = 'desc',
anyav = 'https://forumstatic.ru/files/0000/14/1c/20038.jpg',//аватар по умолчанию для тех, у кого он не установлен
si = [40332]; //id темы
$(function (){
  var nf = '<div id="news-slider">',text = [];
  $.getJSON('https://forum.mybb.ru/api.php?method=post.get&topic_id='+si+'&sort_dir='+sort+'&limit='+lm+'&fields=id,message,posted,username,avatar,subject', function (d){var x = d.response;
    for (var i in x) {
      var sod = x[i].message, pd = x[i].id, t = x[i].posted, nm = x[i].username, av = x[i].avatar, subj = x[i].subject;
      if(!av)av=anyav;
	  t = new Date(t * 1e3).toLocaleString('ru');
	  nf +='<div class="slid"><div class="slider-post">'+sod+'</div>';
	  nf +='<div class="author-data"><div class="sautor"><img src="'+av+'" width="18" height="18" style="border-radius: 50%;"><strong>'+nm+'</strong></div><div class="sdata">'+t+'</div><div class="goover"><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><strong>'+subj+'</strong></a></div></div></div>';  
	}
    nf += '</div>';$('#news-tem').append(nf).find('.slider-post p span').removeAttr('id');});
});
</script>