WebSite X5Help Center

 
Luciano Z.
Luciano Z.
User

Inserire un'immagine nel menu orizzontale  it

Autore: Luciano Z.
Visite 1393, Followers 2, Condiviso 0  

Salve, vorrei aggiornare un mio sito, inserendo tra l'altro un'immagine a sinistra delle voci nel menu orizzontale. Aggiungo un esempio trovato nel Web per chiarire meglio ciò che vorrei fare. Grazie

Postato il
12 RISPOSTE - 1 UTILE - 1 CORRETTO
Skeggia 12
Skeggia 12
Moderator

molto semplicemente utilizzando al passo 1, impostazioni generali, stile del modello, menu principale... screenshot...

Leggi di più
Postato il da Skeggia 12
Luciano Z.
Luciano Z.
User
Autore

Grazie Skeggia purtroppo ho la versione 11 Evolution, se hai per cortesia un altro suggerimento lo apprezzo volentieri. Ciao Luciano

Leggi di più
Postato il da Luciano Z.
Mirko Boschetti
Mirko Boschetti
Moderator

dovresti averlo anche nella 11 evolution...

Leggi di più
Postato il da Mirko Boschetti
Skeggia 12
Skeggia 12
Moderator

  prova con questo codice...

<script>
var html = "<a style=\"margin-left:-100px;margin-top:0px;position: absolute;display: inline-block;vertical-align: top;\" href=\"http:\\\\www.skeggia12.it\"><img src=\"files/a.jpg\" alt=\"Coverimage\" height=\"40\" width=\"40\"></a>";
$(document).ready(function() {
$("#imMnMnNode0").before(html);
})
</script>

e allega l'immagine da usare in un ogg. html dellahome page...personalizzando i valori in neretto...

*******ATTENTO ALLE MODIFICHE*******
soprattutto a non cancellare gli "slash" "\" altrimenti  non funziona lo script...

_______

mi ero dimenticato di scrivere dove lo devi mettere...nell'intestazione aggiungi un oggetto html (la pergamena) e copiaci dentro il codice...poi allega l'immagine...

Leggi di più
Postato il da Skeggia 12
Luciano Z.
Luciano Z.
User
Autore

Ciao Mirko ho ricontrollato l'immagine di Skeggia ma con la mia versione ma non esite la voce (Contenuto opzionale - Codice HTML) ti invio screenshot

Leggi di più
Postato il da Luciano Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... nella v.11_EVO usare questa opzione nella scelta del tipo di MENU:

 Orizzontale - Menu dentro l'Intestazione

... quindi impostare adeguatamente:

Larghezza: della barra del menu

... e le coordinate X/Y per spostarne la posizione:

Distanza X: del menu dal bordo sinistro dell'Intestazione;

Distanza Y: del menu dal bordo superiore dell'Intestazione;

...

... di conseguenza, inserire il LOGO con Oggetto Immagine  del menu Intestazione...

.

ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Template By Silver™
Template By Silver™
User
MirKo Boschetti
dovresti averlo anche nella 11 evolution...

non c'è ma basta mettere il logo come sfondo del menu.

Leggi di più
Postato il da Template By Silver™
Skeggia 12
Skeggia 12
Moderator

molto semplicemente...

ma per complicarci la vita...codice...

Leggi di più
Postato il da Skeggia 12
Luciano Z.
Luciano Z.
User
Autore

Grazie a tutti per le vostre risposte. Alla fine ho risolto il problema utilizzando il suggerimento di KolAsim.

Ho provato il codice di Skeggia e funziona benissimo, l'unico inconveniente riscontato, forse per un mio errore,  è che l'immagine si inserisce nella posizione del menu riservata alla home page e diventa così cliccabile.

Riferendomi invece al consiglio di Silver,  inserendo l'immagine come sfondo del menu non riesco ad adattarla, e la visualizzo estesa su tutte le voci.

P.S.: aspetto ancora un poco a chiudere il post, nel caso ci fossero altri interventi....

Saluti a tutti

Luciano

Leggi di più
Postato il da Luciano Z.
Mirko Boschetti
Mirko Boschetti
Moderator

se ti prepari l'immagine come detto da Silver è un'attimo....un immagine lunga come il tuo menu e alta anche, la rendi trasparente e gli metti il logo tutto a sx, poi la metti come sfondo della barra dei menu....

Leggi di più
Postato il da Mirko Boschetti
Luciano Z.
Luciano Z.
User
Autore

Ok Mirko, provo anche questo, certo molto semplice.... Grazie

Leggi di più
Postato il da Luciano Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Luciano Z.
... ... ... ... ... ... P.S.: aspetto ancora un poco a chiudere il post, nel caso ci fossero altri interventi.... ... ... ...

... dallo STAMP direi ottimo!

...anche se non ho il Programma,  penso che sia risultato intuitivo e veloce da realizzare...

.

ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪