Quali sono i plugin o i componenti del tema migliori per un forum che enfatizza le immagini?

Comunità
9

se per barra superiore intendi questa

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

è il componente tema del banner link di benvenuto

ho una versione personalizzata di esso in esecuzione sul mio forum

Modalità 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

Modalità 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

Codice CSS per il risultato sopra (esclusi l'immagine di sfondo del banner e le icone, impostate nel componente) 
// 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 Mi Piace