테마 식별

지원
4

그것들은 그들의 사용자 지정 테마의 일부인 것 같습니다.

CSS를 사용하여 배경 이미지를 추가할 수 있습니다(이것을 수행하는 방법에 대한 세부 사항은 Meta의 이 주제들에서 찾을 수 있습니다. 예: Change background image on all pages - #5 by Dave_Olszewski). 배경 이미지를 지원하는 Graceful Theme 도 사용할 수 있습니다.

카테고리 페이지의 경우, 카테고리 설정에서 카테고리 이미지를 추가하고 Desktop category page style 설정에서 "categories only"를 선택하면 꽤 가까운 결과를 얻을 수 있습니다.
그러면 이미 다음과 같은 것을 가질 수 있습니다.

image
image970×316 24.2 KB

원하지 않는 이름, 주제 수 등 모든 것을 CSS로 숨길 수 있습니다. Making custom CSS changes on your site 를 참조하세요. display: none;이 필요합니다.

다음은 그들의 테마에서 사용하는 CSS이지만, 그들의 포럼은 1년 이상 업데이트되지 않았으므로 일부 사항이 변경되었을 수 있습니다:

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