Immagini nella barra del menù laterale 
Autore: Vincenzo MAVRICI
Visite 1295,
Followers 1,
Condiviso 0
Carissimi, innanzitutto Auguri di Buon Anno.
Ho un quesito da porre a quelli più esperti di me. Avrei necessità di inserire delle immagini nella barra del menù laterale. ( il sito in questioneè: www.viabeschi.gov.it)Ho provato con diverse soluzioni senza risultato. Vi ringrazio sin da ora per l'aiuto.
Postato il
scusa, ma in quel sito c'è il menu orizzontale....
comunque, questo è lo script per inserire una immagine dopo una voce di menu...
<script>
var html = "<a href=\"http:\\\\www.skeggia12.it\"><img src=\"files/1.jpg\" alt=\"Coverimage\" height=\"116\" width=\"116\"></a><strong>PROVA DI INSERIMENTO TESTO</STRONG>";
$(document).ready(function() {
$("#imMnMnNode5").after(html);
})
</script>
nel quale devi personalizzare
<img src=\"files/1.jpg\"
con il percorso e il nome della tua immagine...e questo dopo aver individuato il numero di nodo della voce dopo la quale vuoi inserire l'immagine...
#imMnMnNode5...
Autore
Scuasami ma devo aprire index.php ed inserire il codice? Grazie per la pazienza.
no questo script, lo devi inserire o in un ogg. html in intestazione oppure al passo 1 (per la v10pro) oppure al passo 4, Statistiche, Seo..... nella scheda esperto, prima della chiusura del tag head...
Autore
Grazie, sei grande.
Buona giornata.
Autore
Ho provato il codice e funziona tutto, ma non riesco a centrare l'immagine e diminuire il testo.
Grazie.
<script>
var html = "<a style=\"margin-left:92px;\" href=\"http:\\\\www.skeggia12.it\"><img src=\"files/1.jpg\" alt=\"Coverimage\" height=\"116\" width=\"116\"></a><p style=\"font-family:Calibri;font-size:12px;color:red;font-weight:900;text-align:center;\">PROVA DI INSERIMENTO TESTO</p>";
$(document).ready(function() {
$("#imMnMnNode5").after(html);
})
</script>
modificalo così:
come vedi ho aggiunto margin-left:92px; (con un menu largo 300 e una immagine di 116...da personalizzare facendo il calcolo dell'occupazione della foto da sottrarre alla larghezza del menu diviso 2)...
per il testo basta aggiungere uno stile al tag p con tutti i parametri da personalizzare con i valori a te graditi...mi raccomando attento agli slash prima dei caratteri speciali altrimenti non funziona più nulla...
ciao
Autore
Grazie!! Sei di grande aiuto.
A buon rendere.
Ciao
Autore
Ciao Carissimo, scusami se ti disturbo, ma non riesco ad abbassare di margine l'immagine pur utilizzando il valore margin-top 10px;
Grazie.
devi modificare il codice così...e come ti dicevo sopra, devi fare attenzione agli slash prima dei caratteri speciali (ad es. le virgolette) altrimenti non funziona più...
................"<a style=\"margin-left:92px;margin-top:20px;\" href=\"................
dai che funziona...
Autore
Grazie infinite, ma come vedi non sono un grande esperto di codici, sto cercando di capire seguendo le indicazioni di quelli più esperti di me.
Ti farò sapere come va.
buona giornata
Autore
Buon giorno,
pur inserendo i valori del margine, l'immagine sotto il menù rimane fissa.
puoi darmi qualche dritta?
Grazie per la cortesia
www.viabeschi.gov.it/sitws11
non so, leggendo il tuo codice ho visto che hai messo il node165 che è giusto e anche i margini sono scritti correttamente... io vedo l'immagine leggermente spostata dal margine sinistro del menu, quindi i 20px che hai impostato hanno funzionato, devi trovare la giusta misura, secondo me, in quanto mi sembra che tutto funzioni...screenshot...e ricordati di togliere la scritta "prova di inserimento testo"...
Autore
Ti ringrazio. Il testo dopo lo tolgo, forse mi serve.
Grazie della disponibilità.