Identificazione del tema

Qualcuno sa quale tema sta utilizzando questo sito? Qualcosa di personalizzato o uno disponibile su meta?

Esattamente cosa ti interessa?

1 Mi Piace

Principalmente la pagina di sfondo e quella delle categorie.

Penso che facciano parte del loro tema personalizzato.

Puoi aggiungere un’immagine di sfondo con CSS (puoi trovare alcuni dettagli su come farlo in argomenti qui su Meta, ad esempio https://meta.discourse.org/t/change-background-image-on-all-pages/117301/5). Potresti anche usare https://meta.discourse.org/t/graceful-theme/93040, che supporta un’immagine di sfondo.

Per la pagina delle categorie, puoi avvicinarti molto aggiungendo l’immagine della categoria nelle impostazioni della categoria e selezionando “solo categorie” nell’impostazione Desktop category page style.
Quindi hai giĂ  qualcosa di simile a
image

Puoi nascondere i numeri degli argomenti e tutto ciò che non vuoi con il CSS. Vedi https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101; ti serve un po’ di display: none;.

Questo è il CSS che usano nel loro tema, ma il loro forum non è stato aggiornato per più di un anno, quindi le cose potrebbero essere cambiate:

$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;}

Penso che facciano parte del loro tema personalizzato.

Puoi aggiungere un’immagine di sfondo con CSS (puoi trovare alcuni dettagli su come farlo in argomenti qui su Meta, ad esempio https://meta.discourse.org/t/change-background-image-on-all-pages/117301/5). Potresti anche usare https://meta.discourse.org/t/graceful-theme/93040, che supporta un’immagine di sfondo.

Per la pagina delle categorie, puoi avvicinarti molto aggiungendo l’immagine della categoria nelle impostazioni della categoria e selezionando “solo categorie” nell’impostazione Desktop category page style.
Quindi hai giĂ  qualcosa di simile a
image

Puoi nascondere i numeri degli argomenti e tutto ciò che non vuoi con il CSS. Vedi https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101; ti serve un po’ di display: none;.

Questo è il CSS che usano nel loro tema, ma il loro forum non è stato aggiornato per più di un anno, quindi le cose potrebbero essere cambiate:

$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;}
1 Mi Piace