Immagine nel menu 
Autore: Lukas P.
Visite 1357,
Followers 1,
Condiviso 0
Buon giorno,
vorrei sapere come si fa ad inserire un'immagine nel menu del mio sito. un immagine con collegamento ipertestuale che reindirizzerà ad un'altra pagina del mio sito.
per farvi capire: (http://green-company.it/)
questo è il mio sito, al posto del pulsante "GREEN" del menu, vorrei metterci un immagine ed il collegamento ipertestuale dovrà rimanere lo stesso. come anche per il tasto "PERMUTE", vorrei metterci un immagine che porterà alla mia pagina delle permute.
l'idea di fondo sarebbe questa (http://provews.altervista.org/logo/), questo link l'ho preso da un altro post (https://helpcenter.websitex5.com/post/114739) dove però non è scritta la risposta.
Attendo una risposta,
grazie in anticipo e buona giornata.
Lukas
Postato il
aggiungi questo css in passo 4, Statistiche, SEO &Codice, tab esperto, prima della chiusura del tag head...il node42 si riferisce a GREEN e in node 47 a PERMUTE...
<style>
#imMnMnNode42 {background-image: url('files/tuaimmagine.jpg');}
#imMnMnNode47 {background-image: url('files/tuaimmagine2.jpg');}
</style>
ed allega le due immagini nella parte sottostante, dove si allegano i files...
Autore
grazie della risposta,
allora, io inserisco le scritture in questo modo, ma l'immagine viene tagliata e adattata alla misura del pulsante PERMUTE in questo caso. allego 2 screen in file rar.
come posso risolvere?
grazie mille in anticipo per la risposta
Autore
vorrei praticamente ingrandire questi due pulsanti "GREEN" e "PERMUTE", renderli i pulsanti principali del mio sito, ingrandendoli e fornendogli un immagine propria.
Guarda se ti sta bene così
http://essedi.altervista.org/_EVO11/_separatori/p_11-sottomenu.html
Autore
esattamente! vorrei un immagine, tipo quella casetta, che sia utilizzata come "tasto principale" del mio sito, dove premendo, ti reindirizza sulla mia pagina "GREEN" attuale.
lo stesso vale per il tasto "PERMUTE", vorrei mettere un'immagine al posto del tasto. immagine che quando viene clickata, reindirizza la navigazione sulla pagina "PERMUTE" attuale.
Mi scuso ma di linguaggi informatici non ci capisco una mazza xD, di conseguenza mi dispiace se sono troppo assillante.
Autore
buon giorno a tutti,
dunque, bene o male ho capito, se inserisco questa scrittura:
<script>
$(document).ready(function() {
var sdPostMnMn = '<a href="http://green-company.it/la-casa-ecologica-che-fa-per-te.html">' +
'<img src="files/logo casa ecologica fa x te.png" alt=""> </a>';
$("#imMnMn > ul > li:last-child").after(sdPostMnMn);
})
</script>
Mi appare la mia immagine sotto il menu verticale. Se viene cliccata, reindirizza sulla pagina che desidero. Fin qui tutto ok.
Se volessi aggiungere un altra immagine sotto a questa, come si fa?
Ho provato con questa scrittura:
<script>
$(document).ready(function() {
var sdPostMnMn = '<a href="http://green-company.it/la-casa-ecologica-che-fa-per-te.html">' +
'<img src="files/logo casa ecologica fa x te.png" alt=""> </a>';
$("#imMnMn > ul > li:last-child").after(sdPostMnMn);
})
$(document).ready(function() {
var sdPostMnMn = '<a href="http://green-company.it/permute.html">' +
'<img src="files/permute logo.png" alt=""> </a>';
$("#imMnMn > ul > li:last-child").after(sdPostMnMn);
})
</script>
(si, ho praticamente copiato la prima, inserendo la seconda immagine) ma la seconda immagine non viene visualizzata. come mai?
Grazie mille in anticipo a chi risponderà.
Buona giornata
Prova così:
<script>
$(document).ready(function() {
var sdPostMnMn = '<a href="http://green-company.it/la-casa-ecologica-che-fa-per-te.html">' +
'<img src="files/logo casa ecologica fa x te.png" alt=""> </a>' +
'<a href="http://green-company.it/permute.html">' +
'<img src="files/permute logo.png" alt=""> </a>';
$("#imMnMn > ul > li:last-child").after(sdPostMnMn);
})
</script>
Se non va è solo per qualche errore sintattico che corregeremo.
ho provato così e funziona ma non so se corretto sintatticamente...
<script>
$(document).ready(function() {
var sdPostMnMn = '<a href="http://www.sito1.it"><img src="files/1.jpg" alt=""></a> <a href="http://www.sito2.it"><img src="files/a.jpg"></a>';
$("#imMnMn > ul > li:last-child").after(sdPostMnMn);
})
</script>
la sintassi di essedi a me visualizza i segni + intermedi...
Skeggia, non vedo differenze tra il mio codice ed il tuo. Se funziona l'uno, funziona anche l'altro.
essedi, il codice "è" il tuo...ho tolto tutti i segni + intermedi che venivano visualizzati a schermo...tutto qua... non volevo interferire...mentre tu rispondevi io lo stavo provando autonomamente e sono arrivato dopo la tua prima risposta...
Ok. Capito.
A me non piace un codice lungo su una sola riga.
Per questo motivo l'ho spezzato tramite i segni + che concatenano più stringhe.
Ovviamente dopo ogni segno + occorre andare a capo.
Autore
<script>
$(document).ready(function() {
var sdPostMnMn = '<a href="http://green-company.it/la-casa-ecologica-che-fa-per-te.html">' +
'<img src="files/logo casa ecologica fa x te.png" alt="" style="margin: 9px 3px;"> </a>' +
'<a href="http://green-company.it/permute.html">' +
'<img src="files/permute logo.png" alt="" style="margin: 3px 17px;"> </a>';
$("#imMnMn > ul > li:last-child").after(sdPostMnMn);
})
</script>
ok alla fine ho risolto cosi, grazie mille ragazzi siete stati molto gentili e pazienti.
auguro a tutti una buona giornata.