Quelqu’un sait quel thème ce site utilise ? Quelque chose de personnalisé, ou un thème disponible sur meta ?
Qu’est-ce qui vous intéresse exactement ?
Principalement la page d’arrière-plan et celle des catégories.
Je pense que cela fait partie de leur thème personnalisé.
Vous pouvez ajouter une image d’arrière-plan avec du CSS (vous trouverez des détails sur la façon de le faire dans des sujets ici sur Meta, par exemple https://meta.discourse.org/t/change-background-image-on-all-pages/117301/5). Vous pourriez également utiliser https://meta.discourse.org/t/graceful-theme/93040, qui prend en charge une image d’arrière-plan.
Pour la page des catégories, vous pouvez vous en approcher en ajoutant l’image de la catégorie dans les paramètres de la catégorie et en sélectionnant « catégories uniquement » dans le paramètre Desktop category page style.
Ensuite, vous obtenez déjà quelque chose comme

Vous pouvez masquer les nombres de sujets et tout ce que vous ne voulez pas avec du CSS. Voir https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101 ; vous voulez un peu de display: none;.
Voici le CSS qu’ils utilisent dans leur thème, mais leur forum n’a pas été mis à jour depuis plus d’un an, donc les choses ont pu changer :
$primary: #dddddd !default; $secondary: #222222 !default; $tertiary: #0f82af !default; $quaternary: #c14924 !default; $header_background: #111111 !default; $header_primary: #dddddd !default; $highlight: #a87137 !default; $danger: #e45735 !default; $success: #1ca551 !default; $love: #fa6c8d !default; $hover: #313131 !default; $selected: #2c2c2c !default; $public_image_path: \"https://forums.crateentertainment.com/images\"; @import \"common/foundation/variables\"; @import \"common/foundation/mixins\"; $button_crate_icon: unquote(\"/uploads/default/original/2X/d/d5b44d066186a946345661d9d943bc373510f441.png\");$button_crate_icon_color: unquote(\"/uploads/default/original/2X/b/b31501c4efcdd2da2836af1da3f7aa26b09623d2.png\");$button_farthestfrontier_icon_color: unquote(\"/uploads/default/original/3X/4/1/41c0c1642db3454996bb11ea62d5943e008a3dc4.png\");$button_grimdawn_icon: unquote(\"/uploads/default/original/2X/6/64cf216464e0f96b80f35f1acec01c5023e82539.png\");$button_grimdawn_icon_color: unquote(\"/uploads/default/original/2X/0/0efa16ddf2f9fe5957e2c78b8d80005da66f904c.png\");$cratebackground: unquote(\"/uploads/default/original/1X/6250f2fd47394301cca2e81b3f4106d14f97a656.jpg\");$crate_icon_white: unquote(\"/uploads/default/original/3X/3/9/397d71d73a8538a57bc18a546a7165f25b819218.png\");$forumicon-scorv: unquote(\"/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png\");$GDX3_Icon: unquote(\"/uploads/default/original/3X/d/e/de792ba415e63b3ac8159e10ffc42bed586f6928.jpg\");$icons-sprite: unquote(\"/uploads/default/original/3X/a/9/a92a2d0a1f776b7154e4b23978d9d6adcb786332.svg\");$testericon: unquote(\"/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png\");$testicon: unquote(\"/uploads/default/original/3X/2/8/28e3370a4c2c7619b561008a77cd7ba58b713ca8.png\");$testingicon: unquote(\"/uploads/default/original/3X/4/2/42d3a16d3e69a185487e6691b9f4601f33aafd1a.jpg\");// Theme: Dark
// Target: common scss
// Last Edited: 2024-10-01 19:20:51 UTC
/*background image*/
html {
background: #01212e url($cratebackground);
background-size: cover;
background-position: 50% 30px;
background-attachment: fixed;
}
/*Removes subcategory links from hamburger*/
.category-links .category-link.subcategory {
display: none;
}
/*Banner*/
#banner {
border-radius: 0;
box-shadow: none;
background: none;
padding: 2em 2em 1em 2em;
max-height: inherit;
background-size: cover;
background-color: #2f333d;
background-blend-mode: color;
color: #dddddd;
margin-bottom: 20px;
}
#banner .close {
color: #fff;
}
#banner #banner-content h2 {
margin-bottom: 0.75em;
}
.has-logo div:first-child {
float:left;
}
.has-logo h3 a {
font-size: 0;
}
.has-logo .category-description {
display: none;
}
.category-chooser .category-desc {
display: none; }
/*Making category topic writing different color in menus*/
.topic-list th {
color: #ff6825;
font-weight: normal;
font-size: 1em;
}
.category-list th {
font-size: 0;
}
html:not(.mobile-view) .list-container.has-sidebar
{
width: 75% !important;
}
html:not(.mobile-view) .has-sidebar + .sidebar
{
width: 20% !important;
}
.sidebar-content
{
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.sidebar-title
{
border-bottom: 1px solid #313131;
}
.category-list .subcategories {
display: none;
}
.names {
span.moderator a {
color: yellow;
}
span.group--Crate_Employee a {
color: #ff7800;
}
}
#whos-online { font-weight: bold; }
.category-list .topics { width: 140px; }
// header stripe shadow
.d-header {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
padding-bottom: 3px;
border-bottom: 1px solid #D45000;
}
.badge-wrapper.box span.badge-category {
padding: 0 6px 2px;
}
.d-icon-grimdawn
{
background-size: cover;
height: 100%;
width: 50%;
background-image: url($GDX3_Icon);
}
.d-icon-crate
{
background-size: cover;
height: 100%;
width: 50%;
background-image: url($crate_icon_white);
}
.d-icon-farthestfrontier
{
background-size: cover;
height: 100%;
width: 20%;
background-image: url($button_farthestfrontier_icon_color);
}
.d-icon-testicon
{
background-size: cover;
background-image: url($testingicon);
}
/*hide topic count/new topic on category display */
.category-list .topics {display: none}
/*update author column parameters and allow for icon to be in line with author name */
.topic-list .posters { width: 70px; min-width: 70px; text-align: left; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden; }
/*reduce size of category description font */
.category-list .category-description {font-size: 13px;}
/*change last poster font size and recolor date*/
.category-list .last-user-info {
font-size: 13px;
}
.category-list .last-user-info .relative-date { color: #646464;}
/*reduce space betwen topics/categories */
.topic-list th, .topic-list td { padding: 8px 5px;}
.category-list th, .category-list td { padding: 8px 5px;}
/*hide suggested topics, cause it's dumb */
.suggested-topics { display: none;}
body[class*="category-grimdawn"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-grimdawn"] .sidebar {
display: none;
visibility: hidden;
}
body[class*="category-future-projects"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-future-projects"] .sidebar {
display: none;
visibility: hidden;
}
body[class*="category-off-topic"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-off-topic"] .sidebar {
display: none;
visibility: hidden;
}
/*make read topic font darker for better contrast */
.topic-list-item.visited a.title:not(.badge-notification), .latest-topic-list-item.visited a.title:not(.badge-notification), .category-topic-link.visited a.title:not(.badge-notification) {
color: #717171;
}
/*hide new topic button from forum landings */
body:not([class*='category-']) #create-topic { display: none; } body.tags-page #create-topic { display: block; }// Theme: Dark
// Target: desktop scss
// Last Edited: 2019-06-12 16:17:55 UTC
/*Making background in the center*/
#main-outlet {
background-color: #15171d;
padding-left: 50px;
padding-right: 50px;
}
.topic-list-item:hover {
background-color: #3d4049;
}
#main-outlet
{
padding-left: 35px;
padding-right: 35px;
}
.timeline-container
{
margin-left: 1010px;
}
.topic-body
{
width: 922px;
}
.timeline-container .topic-timeline
{
margin-left: 1em;
}
.small-action
{
max-width: 968px;
}
/*resize latest/top topics category fonts */
.topic-list .category-name { font-size: 10px;}
Je pense que ce sont des éléments de leur thème personnalisé.
Vous pouvez ajouter une image d’arrière-plan avec du CSS (vous trouverez quelques détails sur la façon de le faire dans des sujets ici sur Meta, par exemple https://meta.discourse.org/t/change-background-image-on-all-pages/117301/5). Vous pourriez également utiliser https://meta.discourse.org/t/graceful-theme/93040, qui prend en charge une image d’arrière-plan.
Pour la page des catégories, vous pouvez vous en approcher en ajoutant l’image de la catégorie dans les paramètres de la catégorie et en sélectionnant « catégories uniquement » dans le paramètre Desktop category page style.
Ensuite, vous obtenez déjà quelque chose comme

Vous pouvez masquer les nombres de sujets et tout ce que vous ne voulez pas avec du CSS. Voir https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101 ; vous voulez un peu de display: none;.
Voici le CSS qu’ils utilisent dans leur thème, mais leur forum n’a pas été mis à jour depuis plus d’un an, donc les choses ont pu changer :
$primary: #dddddd !default; $secondary: #222222 !default; $tertiary: #0f82af !default; $quaternary: #c14924 !default; $header_background: #111111 !default; $header_primary: #dddddd !default; $highlight: #a87137 !default; $danger: #e45735 !default; $success: #1ca551 !default; $love: #fa6c8d !default; $hover: #313131 !default; $selected: #2c2c2c !default; $public_image_path: \"https://forums.crateentertainment.com/images\"; @import \"common/foundation/variables\"; @import \"common/foundation/mixins\"; $button_crate_icon: unquote(\"/uploads/default/original/2X/d/d5b44d066186a946345661d9d943bc373510f441.png\");$button_crate_icon_color: unquote(\"/uploads/default/original/2X/b/b31501c4efcdd2da2836af1da3f7aa26b09623d2.png\");$button_farthestfrontier_icon_color: unquote(\"/uploads/default/original/3X/4/1/41c0c1642db3454996bb11ea62d5943e008a3dc4.png\");$button_grimdawn_icon: unquote(\"/uploads/default/original/2X/6/64cf216464e0f96b80f35f1acec01c5023e82539.png\");$button_grimdawn_icon_color: unquote(\"/uploads/default/original/2X/0/0efa16ddf2f9fe5957e2c78b8d80005da66f904c.png\");$cratebackground: unquote(\"/uploads/default/original/1X/6250f2fd47394301cca2e81b3f4106d14f97a656.jpg\");$crate_icon_white: unquote(\"/uploads/default/original/3X/3/9/397d71d73a8538a57bc18a546a7165f25b819218.png\");$forumicon-scorv: unquote(\"/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png\");$GDX3_Icon: unquote(\"/uploads/default/original/3X/d/e/de792ba415e63b3ac8159e10ffc42bed586f6928.jpg\");$icons-sprite: unquote(\"/uploads/default/original/3X/a/9/a92a2d0a1f776b7154e4b23978d9d6adcb786332.svg\");$testericon: unquote(\"/uploads/default/original/3X/8/d/8d24c3b6267ee7420a01909fcd9a8ccb08386205.png\");$testicon: unquote(\"/uploads/default/original/3X/2/8/28e3370a4c2c7619b561008a77cd7ba58b713ca8.png\");$testingicon: unquote(\"/uploads/default/original/3X/4/2/42d3a16d3e69a185487e6691b9f4601f33aafd1a.jpg\");// Theme: Dark
// Target: common scss
// Last Edited: 2024-10-01 19:20:51 UTC
/*background image*/
html {
background: #01212e url($cratebackground);
background-size: cover;
background-position: 50% 30px;
background-attachment: fixed;
}
/*Removes subcategory links from hamburger*/
.category-links .category-link.subcategory {
display: none;
}
/*Banner*/
#banner {
border-radius: 0;
box-shadow: none;
background: none;
padding: 2em 2em 1em 2em;
max-height: inherit;
background-size: cover;
background-color: #2f333d;
background-blend-mode: color;
color: #dddddd;
margin-bottom: 20px;
}
#banner .close {
color: #fff;
}
#banner #banner-content h2 {
margin-bottom: 0.75em;
}
.has-logo div:first-child {
float:left;
}
.has-logo h3 a {
font-size: 0;
}
.has-logo .category-description {
display: none;
}
.category-chooser .category-desc {
display: none; }
/*Making category topic writing different color in menus*/
.topic-list th {
color: #ff6825;
font-weight: normal;
font-size: 1em;
}
.category-list th {
font-size: 0;
}
html:not(.mobile-view) .list-container.has-sidebar
{
width: 75% !important;
}
html:not(.mobile-view) .has-sidebar + .sidebar
{
width: 20% !important;
}
.sidebar-content
{
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.sidebar-title
{
border-bottom: 1px solid #313131;
}
.category-list .subcategories {
display: none;
}
.names {
span.moderator a {
color: yellow;
}
span.group--Crate_Employee a {
color: #ff7800;
}
}
#whos-online { font-weight: bold; }
.category-list .topics { width: 140px; }
// header stripe shadow
.d-header {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
padding-bottom: 3px;
border-bottom: 1px solid #D45000;
}
.badge-wrapper.box span.badge-category {
padding: 0 6px 2px;
}
.d-icon-grimdawn
{
background-size: cover;
height: 100%;
width: 50%;
background-image: url($GDX3_Icon);
}
.d-icon-crate
{
background-size: cover;
height: 100%;
width: 50%;
background-image: url($crate_icon_white);
}
.d-icon-farthestfrontier
{
background-size: cover;
height: 100%;
width: 20%;
background-image: url($button_farthestfrontier_icon_color);
}
.d-icon-testicon
{
background-size: cover;
background-image: url($testingicon);
}
/*hide topic count/new topic on category display */
.category-list .topics {display: none}
/*update author column parameters and allow for icon to be in line with author name */
.topic-list .posters { width: 70px; min-width: 70px; text-align: left; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden; }
/*reduce size of category description font */
.category-list .category-description {font-size: 13px;}
/*change last poster font size and recolor date*/
.category-list .last-user-info {
font-size: 13px;
}
.category-list .last-user-info .relative-date { color: #646464;}
/*reduce space betwen topics/categories */
.topic-list th, .topic-list td { padding: 8px 5px;}
.category-list th, .category-list td { padding: 8px 5px;}
/*hide suggested topics, cause it's dumb */
.suggested-topics { display: none;}
body[class*="category-grimdawn"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-grimdawn"] .sidebar {
display: none;
visibility: hidden;
}
body[class*="category-future-projects"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-future-projects"] .sidebar {
display: none;
visibility: hidden;
}
body[class*="category-off-topic"] .list-container.has-sidebar {
float: none;
width: 100% !important;
}
body[class*="category-off-topic"] .sidebar {
display: none;
visibility: hidden;
}
/*make read topic font darker for better contrast */
.topic-list-item.visited a.title:not(.badge-notification), .latest-topic-list-item.visited a.title:not(.badge-notification), .category-topic-link.visited a.title:not(.badge-notification) {
color: #717171;
}
/*hide new topic button from forum landings */
body:not([class*='category-']) #create-topic { display: none; } body.tags-page #create-topic { display: block; }// Theme: Dark
// Target: desktop scss
// Last Edited: 2019-06-12 16:17:55 UTC
/*Making background in the center*/
#main-outlet {
background-color: #15171d;
padding-left: 50px;
padding-right: 50px;
}
.topic-list-item:hover {
background-color: #3d4049;
}
#main-outlet
{
padding-left: 35px;
padding-right: 35px;
}
.timeline-container
{
margin-left: 1010px;
}
.topic-body
{
width: 922px;
}
.timeline-container .topic-timeline
{
margin-left: 1em;
}
.small-action
{
max-width: 968px;
}
/*resize latest/top topics category fonts */
.topic-list .category-name { font-size: 10px;}