Riquadri con descrizione personalizzata 
Autore: Salvo M.
Visite 1090,
Followers 1,
Condiviso 0
Salve a tutti,
vorrei procedere per un progetto che sto portando avanti a creare dei riquadri in home che mi servono da linkare in altre pagine, esattamnte vorrei dei riquadri con descrizione personalizzata (effetto opacità dello sfondo della descrizione e immagine vicino al testo) come qui ....intendo i box ROME VENICE FLORENCE....
Hanno una descrizione con sfondo semitrasparente e un loghetto accanto...una cosa simile come potrei farla? qualche idea?
Postato il
ciao Salvo, puoi realizzarlo con l'oggetto immagine di base ... oppure con l'oggetto opzionale animated image ...
per vedere come si comporta ad esempio animated sul template relaxation in home.
Autore
ciao, grazie per la risposta, ma non è quello che volevo io, a fare questi riquadri con animated image va bene l'ho provato anchio...purtroppo mi blocco forse su due cose semplici:
1. Come si fa a mettere la descrizione dentro l'immagine con uno sfondo semi trasparente?
2. Come si fa a mettere una immagine in png dentro la descrizione??
queste sono le mie domande.
... basta usare il proprio programma di grafica; ...per esempio una delle immagini usate nel LINK è una normale JPG:
.
Autore
avevo pensato anch'io, ma ci sarebbero problemi di visualizzazione nei diversi dispositivi o no?
se provi con il link dell'immagine che hai postato non sembra ci siano problemi a risoluzioni diverse ... almeno per me....
Autore
a me piacerbbe anche l'idea di creare dei riquadri con la gallery justified, o animated image...ma il problema è che ho bisogno che il testo sopra l'immagine compaia gia da subito, non al passaggio del mouse....:(
dico io ma perche website si perde in piccolezze cosi? cioè anche il titolo dell'immagine se voglio metterlo dentro l'immagine e non fuori devo agire sul codice...
qualcuno mi sa dare una soluzione piu o meno a quello che vorrei realizzare?
Autore
questo sarebbe ancora un'altro esempio di riquadri con testo dentro QUI
... credi...!?...
... non ho capito se hai difficoltà a creare l'immagine per quel che ti serve comunicare, come quella precedente, (magari accoppiata all'opzione "Effetto su passaggio del mouse"), la più semplice ed immediata delle soluzioni, e qui il programma non c'entra...
... poi il programma ti permette varie opzioni e di usare vari widget, e dipende da te...
... altra possibilità semplicissima ed immediata, sarebbe quella di usare l'oggetto testo per la didascalia, ed assegnare alla cella contenitore la relativa immagine per lo sfondo...
... oppure stesso metodo precedente, ma usando un oggetto codice html nel quale inserire il testo formattato con codice html e quindi ottenere gli aspetti come li si vuole con le conoscenze html minime di base...
... oppure usare l'oggetto testo, con l'immagine e la didascalia sottostante, più semplice del semplice...
... oppure usare un oggetto testo nella cella superiore ed un oggetto testo nella cella sottostante, la più ogica...
... oppure usare la tabella, eccetera eccetera... ... .. .. . .
.
Autore
si hai ragione, ma bastava che come nell'oggetto justified gallery si poteva mettere testo anche prima del passaggio del mouse...senza stare a mettere codici anche per queste "cose semplici". ;)
Autore
come in questo esempio dove dice "Why choose a Big Bus Rome sightseeing tour?", i riquadri con testo fatti con una galleria tipo justified o altro sarebbe stato ideale...ma pazienza speriamo che in queste cose Website Migliorerà