사진을 강조하는 포럼에 좋은 플러그인이나 테마 컴포넌트는 무엇인가요?

커뮤니티 구축
9

상단 바가 이 부분을 의미한다면

This is an image of a computer monitor displaying the home page for a website called "Welcome to SkyOddities!". The page features a black background with white text and three icons representing the website's services. (Captioned by AI)
This is an image of a computer monitor displaying the home page for a website called "Welcome to SkyOddities!". The page features a black background with white text and three icons representing the website's services. (Captioned by AI)1482×267 66.3 KB

이것은 Welcome 링크 배너 테마 컴포넌트입니다

저는 포럼에서 이 컴포넌트의 커스텀 버전을 실행 중입니다

Above main container 모드:

The image displays a dark purple background with white and light blue elements, and includes a menu with icons and text. (Captioned by AI)
The image displays a dark purple background with white and light blue elements, and includes a menu with icons and text. (Captioned by AI)1065×257 83.7 KB

Below site header 모드:

The image displays a colorful user interface with a list of tabs, including options for notes, updates, dev, meta, gits, shipped, mail, and settings. (Captioned by AI)
The image displays a colorful user interface with a list of tabs, including options for notes, updates, dev, meta, gits, shipped, mail, and settings. (Captioned by AI)1069×219 80 KB

위 결과에 대한 CSS 코드 (컴포넌트에서 설정된 배너 배경 이미지와 아이콘 제외) 
// banner links

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .welcome-content, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .welcome-content {
    display: none;
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link {
    padding: 0em;
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
    width: 95%;
    margin: 1.5em auto;
    background: rgba(black, .8);
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link>div a .d-icon, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link>div a .d-icon {
    margin-bottom: .2em;
}
4개의 좋아요