WebSite X5Help Center

 
Bianchi Tecno E.
Bianchi Tecno E.
User

Colori diversi voci menu orizzontale versione 2019 3.11  it

Autor: Bianchi Tecno E.
Besucht 1533, Followers 1, Geteilt 0  

Buongiorno con del codice html suggerito dalla comunity avevo potuto cambiare colore a 2 voci del menu orrizontale rispetto agli altri. Nella versione 2019 3.11 non si vedono piu' di colore diverso come posso rifare la stessa cosa?

Gepostet am
16 ANTWORTEN - 3 NüTZLICH - 1 KORREKT
Giancarlo B.
Giancarlo B.
User

forse dovrai cambiare l'ID dell'oggetto a cui fa riverimento il codice, meglio se posti un link

Mehr lesen
Gepostet am von Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

però vedo che è ancora con la 12....posta il link della prova con la 2019....wink

Mehr lesen
Gepostet am von Mirko Boschetti
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT
Mirko Boschetti
a me sembra che funzioni, se parli di questo: http://www.bianchitecno.ch/

...penso si riferisca alla versione 2019... mentre quello online è fatto con la 12...

Mehr lesen
Gepostet am von Claudio D.
Bianchi Tecno E.
Bianchi Tecno E.
User
Autor

Si esatto non l'ho ancora pubblicato dopo la conversione per sistemare prima le cose

Mehr lesen
Gepostet am von Bianchi Tecno E.
Bianchi Tecno E.
Bianchi Tecno E.
User
Autor

Nel codice pero' non veod piu' i nodi come posso modificare solo qui 2 punti di menu eventualmente anche solo il colore del testo

Mehr lesen
Gepostet am von Bianchi Tecno E.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

...è un po' più macchinoso trovare la dimensione esatta e/o farlo applicare ... ma

potresti mettere uno sfondo (che ti sarai preparato prima con immagini di dimensioni adeguate per ogni colore che vuoi mettere ...) per ogni voce da 

Mappa

selezioni la pagina

io ho messo questo per prova per avere un giallo di sfondo e funziona:

Mehr lesen
Gepostet am von Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
Bianchi Tecno E.
Si esatto non l'ho ancora pubblicato dopo la conversione per sistemare prima le cose

... un click per pubblicare in una sotto-directory di prova, oppure su Altervista, come fanno quasi tutti per i test reali...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Bianchi Tecno E.
Bianchi Tecno E.
User
Autor

Ciao ho caricato una prova su www.bianchitecno.ch/prova ma non riesco anon far intravedere il tasto originale a sinistra pur avendo dimensionato correttamente lo sfondo dell'icona della singola pagina Offerte speciali e E-bike

Qualsiasi dimensione dello sfondo che creo non copre mai il lato sinistro

Mehr lesen
Gepostet am von Bianchi Tecno E.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

...c'è probabilmente qualche sfondo .... 

a me personalmente così piace, dà un'idea di 3D ... 

vedo però che ci sono problemi con il menu hamburger e lo sfondo applicato lì... Io avevo una situazione diversa e quindi ho risolto in quel modo...

Attendi KolAsim... e vediamo se la sua soluzione può essere più funzionale e facile da applicare...

Mehr lesen
Gepostet am von Claudio D.
Bianchi Tecno E.
Bianchi Tecno E.
User
Autor

Ciao effettivamente non mi ero accorto del menu Hamburger ma li mi piacerebbe mantenere la situazione come su www.bianchitecno.ch

Mehr lesen
Gepostet am von Bianchi Tecno E.
Bianchi Tecno E.
Bianchi Tecno E.
User
Autor

Tramite codice html aggiuntivo come posso sistmemarlo come prima?

Mehr lesen
Gepostet am von Bianchi Tecno E.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
Bianchi Tecno E.
Tramite codice html aggiuntivo come posso sistmemarlo come prima?

... io attualmente non ho il programma, ma secondo potrebbe essere possibile ottenere la giusta composizione con le opzioni previste dal programma...

... comunque, in EXTRA, ora come ora per quel che si vede, elimina il vecchio codice, ed al suo posto incolla questo:

<style>
#imHeader_imMenuObject_04_container > ul > li:nth-child(6) > .label-wrapper {background-color: transparent;background-image: url('http://www.bianchitecno.ch/prova/images/red12.png');background-size:100px 58px }
#imHeader_imMenuObject_04_container > ul > li:nth-child(6) img {display:none}
#imHeader_imMenuObject_04_container > ul > li:nth-child(8) > .label-wrapper {background-color: transparent;background-image: url('http://www.bianchitecno.ch/prova/images/green.png');background-size:100px 58px }
#imHeader_imMenuObject_04_container > ul > li:nth-child(8) img {display:none}
</style>

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User

Ho fatto anche io una prova tramite Firefox e secondo me dovrebbe essere sufficiente inserire il codice

#imHeader_imMenuObject_04_container > ul > li:nth-child(6) > .label-wrapper {
background-image: url('../images/red12.png');
}
#imHeader_imMenuObject_04_container > ul > li:nth-child(8) > .label-wrapper {
background-image: url('../images/green.png');
}

Mehr lesen
Gepostet am von Esse Di
Esse Di
Esse Di
User

@Bianchi Tecno E.

Ovviamente devi rimuovere le immagini di sfondo che hai assegnato alle due voci di menu tramite Proprietà Pagina, altrimenti esse compariranno nell'hamburger

Mehr lesen
Gepostet am von Esse Di
Bianchi Tecno E.
Bianchi Tecno E.
User
Autor

Grazie a tutti! E che passando dalla versione 12 alla 2019 ho diverse cose non riesco a replicare ma grazie alla community piano piano si sitema tutto

Mehr lesen
Gepostet am von Bianchi Tecno E.