Immagini nella barra del menù laterale 
Author: Vincenzo MAVRICI
Visited 1434,
Followers 1,
Shared 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.
Posted on the
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...
Author
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...
Author
Grazie, sei grande.
Buona giornata.
Author
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
Author
Grazie!! Sei di grande aiuto.
A buon rendere.
Ciao
Author
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...
Author
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
Author
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"...
Author
Ti ringrazio. Il testo dopo lo tolgo, forse mi serve.
Grazie della disponibilità.