Inserire un'immagine nel menu orizzontale
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
molto semplicemente utilizzando al passo 1, impostazioni generali, stile del modello, menu principale... screenshot...
Autore
Grazie Skeggia purtroppo ho la versione 11 Evolution, se hai per cortesia un altro suggerimento lo apprezzo volentieri. Ciao Luciano
dovresti averlo anche nella 11 evolution...
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...
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
... 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
non c'è ma basta mettere il logo come sfondo del menu.
molto semplicemente...
ma per complicarci la vita...codice...
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
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....
Autore
Ok Mirko, provo anche questo, certo molto semplice.... Grazie
... dallo STAMP direi ottimo!
...anche se non ho il Programma, penso che sia risultato intuitivo e veloce da realizzare...
.
ciao