تحديد السمة

هل يعرف أحد ما هو الثيم الذي يستخدمه هذا الموقع؟ هل هو مخصص أم أحد الثيمات المتاحة على ميتا؟

ما الذي يثير اهتمامك بالضبط؟

إعجاب واحد (1)

في المقام الأول صفحة الخلفية والفئات.

أعتقد أن هذه أجزاء من السمة المخصصة لديهم.
يمكنك إضافة صورة خلفية باستخدام CSS (يمكنك العثور على بعض التفاصيل حول كيفية القيام بذلك في مواضيع هنا على Meta، على سبيل المثال، https://meta.discourse.org/t/change-background-image-on-all-pages/117301/5). يمكنك أيضًا استخدام https://meta.discourse.org/t/graceful-theme/93040، الذي يدعم صورة خلفية.

بالنسبة لصفحة الفئات، يمكنك الاقتراب كثيرًا عن طريق إضافة صورة الفئة في إعدادات الفئة وتحديد “الفئات فقط” في الإعداد Desktop category page style.
بعد ذلك، ستحصل بالفعل على شيء مثل
image
يمكنك إخفاء أرقام المواضيع وكل شيء آخر لا تريده باستخدام CSS. راجع https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101؛ ستحتاج إلى بعض display: none;.

هذا هو CSS الذي يستخدمونه في السمة الخاصة بهم، لكن المنتدى الخاص بهم لم يتم تحديثه منذ أكثر من عام، لذا قد تكون الأمور قد تغيرت:

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

أعتقد أن هذه أجزاء من السمة المخصصة لديهم.
يمكنك إضافة صورة خلفية باستخدام CSS (يمكنك العثور على بعض التفاصيل حول كيفية القيام بذلك في مواضيع هنا على Meta، على سبيل المثال، https://meta.discourse.org/t/change-background-image-on-all-pages/117301/5). يمكنك أيضًا استخدام https://meta.discourse.org/t/graceful-theme/93040، الذي يدعم صورة خلفية.

بالنسبة لصفحة الفئات، يمكنك الاقتراب كثيرًا عن طريق إضافة صورة الفئة في إعدادات الفئة وتحديد “الفئات فقط” في الإعداد Desktop category page style.
بعد ذلك، ستحصل بالفعل على شيء مثل
image
يمكنك إخفاء أرقام المواضيع وكل شيء آخر لا تريده باستخدام CSS. راجع https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101؛ ستحتاج إلى بعض display: none;.

هذا هو CSS الذي يستخدمونه في السمة الخاصة بهم، لكن المنتدى الخاص بهم لم يتم تحديثه منذ أكثر من عام، لذا قد تكون الأمور قد تغيرت:

$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)