WebSite X5Help Center

 
Luciano Z.
Luciano Z.
User

Inserire un'immagine nel menu orizzontale  it

Auteur : Luciano Z.
Visité 1429, Followers 2, Partagé 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

Posté le
12 RéPONSES - 1 UTILES - 1 CORRECT
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de Skeggia 12
Luciano Z.
Luciano Z.
User
Auteur

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

Lire plus
Posté le de Luciano Z.
Mirko Boschetti
Mirko Boschetti
Moderator

dovresti averlo anche nella 11 evolution...

Lire plus
Posté le de 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...

Lire plus
Posté le de Skeggia 12
Luciano Z.
Luciano Z.
User
Auteur

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

Lire plus
Posté le de Luciano Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... 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

Lire plus
Posté le de  ‪ 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.

Lire plus
Posté le de Template By Silver™
Skeggia 12
Skeggia 12
Moderator

molto semplicemente...

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

Lire plus
Posté le de Skeggia 12
Luciano Z.
Luciano Z.
User
Auteur

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

Lire plus
Posté le de 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....

Lire plus
Posté le de Mirko Boschetti
Luciano Z.
Luciano Z.
User
Auteur

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

Lire plus
Posté le de Luciano Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪