¿Cuáles son buenos plugins o componentes de tema para un foro que enfatiza las imágenes?

Comunidad
9

si por barra superior te refieres a esto

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

es el componente de tema del banner de enlace de bienvenida

tengo una versión personalizada de él en mi foro

Modo Above main container (Encima del contenedor principal):

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

Modo Below site header (Debajo de la cabecera del sitio):

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

Código CSS para el resultado anterior (sin incluir la imagen de fondo del banner y los iconos, que se configuran en el componente) 
// enlaces del banner

.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 Me gusta