# Примеры стилизации и использования встраивания списка тем Discourse на внешнем сайте

**URL:** https://meta.discourse.org/t/examples-of-styling-and-use-of-embedding-a-list-of-discourse-topics-on-a-external-site/130672
**Category:** Support
**Created:** [10.Октябрь.2019 08:31:35 UTC](https://meta.discourse.org/t/examples-of-styling-and-use-of-embedding-a-list-of-discourse-topics-on-a-external-site/130672 "2019-10-10T08:31:35Z")
**Posts on this page:** 1
**Showing post:** 6

<div class="post-metadata">

### Author: ![Andrew\_Rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrew_rowe/32/445877_2.png) [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)
#### Post date: [04.Январь.2025 16:44:47 UTC](https://meta.discourse.org/t/examples-of-styling-and-use-of-embedding-a-list-of-discourse-topics-on-a-external-site/130672/6 "2025-01-04T16:44:47Z")

</div>

Извините за всплытие очень старой темы, но…  
Я тоже хотел бы увидеть примеры стилизации встроенного списка тем. У меня он выглядит как мобильная версия на десктопе

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/f/c/2fcd3bf8b07e3c5b745bacc6fbeba92907badcfd.png)  
как сделать его на всю ширину?  
Извините за вопрос новичка

РЕДАКТИРОВАНО:  
Отвечая сам себе  
TL;DR  
следующий код нужно было разместить на странице, куда вложен список:

```plaintext
<style>
      d-topics-list iframe{
        width: 100%!important;
        }
</style>

```

выглядит отлично и на мобильных устройствах!!

Я разобрался с этим благодаря этой теме

> [@Embedding a list of Discourse Topics in another site](https://meta.discourse.org/t/embedding-a-list-of-discourse-topics-in-another-site/125911/110?u=andrew_rowe):
>
> The CSS needs adding to your site, rather than Discourse’s embedded, CSS. So you’d have something like this: \<html\> \<head\> \<script src="https://jonathan5-discourse.com/javascripts/embed-topics.js"\> \</script\> \<style\> d-topics-list iframe{ width: 100%!important; } \</style\> \</head\> \<body\> \<d-topics-list discourse-url="https://jonathan5-discourse.com" category="5" per-page="5"\>\</d-topics-list\> \</body\> \</html\>

---

_[View the full topic](https://meta.discourse.org/t/examples-of-styling-and-use-of-embedding-a-list-of-discourse-topics-on-a-external-site/130672)._