Foto da mettere sotto al menù solo nella Homepage 
Autor: Benedetto M.
Visitado 111,
Followers 2,
Compartido 0
Ciao a tutti, ho una richiesta specifica sul mio sito. Attualmente ho il menu che è presente in alto su tutte le pagine, il che è perfetto. Tuttavia, solo sulla pagina home, vorrei inserire una foto in alto con il menù trasparente, senza che questa foto appaia su tutte le altre pagine. In pratica, vorrei che la foto rimanesse solo nella home, ma al tempo stesso che il menu continui a stare sopra. Ho provato a spostare la foto direttamente nel menu, ma così appare su tutte le pagine. Sapreste darmi qualche suggerimento su come gestire questa situazione, magari con un controllo specifico per la home? Grazie mille!
Publicado en
.... ci sono decine di approcci e modi diversi a seconda dei casi ed di cosa si vuol realmente ottenere con alcune delle mie varie invenzioni...
... per esempio per questo Template del Marketplace:
https://market.websitex5.com/it/template/anteprima/12053cb5-e072-4cd2-912f-2341c259df0
.... per esempio con codice dinamico si potrebbe ottenere su due piedi questo risultato, solo per la HOME o per dove lo si vuole:
... se vuoi approfondire e non perdere tempo, devi postare il LINK del tuo esempio già online per poter io valutare...
.
ciao
.
Ciao Benedetto, intendi come tipo qualcosa come in questo modello o ancora quest'altro modello
Se si basta solo un po di codice, fammi sapere ciao.
Autor
Ciao Giancarlo, innanzitutto ti ringrazio per aver letto il mio messaggio ed avermi risposto.
Il mio sito è: www.theunderground.it
Attualmente le foto che scorrono sulla home, sono posizionate nella griglia in alto, in prima posizione.
Vorrei posizionare la foto ancora più in alto, così da vedere di colore bianco le varie parole BAND, CHI SIAMO etc... e come sfondo del menù, le varie foto
Spero di essere stato chiaro.
Grazie
metti questo codice sulla home prima della chiusura del tag HEAD
sposta su la pagina di 60px sotto all'header e poi lo rende quasi trasparente, volendo lo puoi rendere anche completamente trasparente
<style>
/* sposta menù sopra immagine */
#imContent {
margin-top: -60px !important;
}
/* gradient header */
#imHeaderBg {
background: linear-gradient(180deg, rgba(61, 57, 56, .5) 30%, rgba(62, 57, 56, 0.1) 100%);
z-index: 1000;
}
</style>
variante per codice header completamente trasparente
/* header completamente trasparente */
#imHeaderBg {
background: transparent;
z-index: 1000;
}
... il problema è diverso da quello in oggetto, l'immagine c'è già e quindi basta applicare l'ormai noto CSS...
https://helpcenter.websitex5.com/es/post/267992
.
Autor
Grazie Giancarlo, è proprio quello che volevo.