Immagini nella barra del menù laterale
Автор: Vincenzo MAVRICI
Просмотрено 1429,
Подписчики 1,
Размещенный 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.
Размещено
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...
Автор
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...
Автор
Grazie, sei grande.
Buona giornata.
Автор
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
Автор
Grazie!! Sei di grande aiuto.
A buon rendere.
Ciao
Автор
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...
Автор
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
Автор
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"...
Автор
Ti ringrazio. Il testo dopo lo tolgo, forse mi serve.
Grazie della disponibilità.