CreareTasto Link al'interno di un immagine

[jox]

CreareTasto Link al'interno di un immagine

Vorrei creare un modulo in cui ci sia un immagine, all'interno della quale ci sia un titolo ed un rettangolo/rilievo che funga da tasto/link ad una pagina del sito. Sapete se è possibile?

[fda]

Ciao JoX.
Per creare un modulo custom HTML vai nel backend, menu superiore > estensioni > gestione moduli > clic su pulsante *nuovo *> scegli HTML personalizzato > inserisci il tuo codice.

Se hai difficoltà dimmi come vuoi il tasto e ti posto il codice da fare copia e incolla (ricordami per quale template).

Francesco

[jox]

una volta creato il modulo html personalizzato, cosa ci devo mettere dentro? come creo il testo e il tasto link sull'immagine?

[fda]

Il modulo accetta codice html, quindi hai diverse possibilità:

1. crei il pulsante inline con il codice;
2. richiami una classe css se hai qualcosa di pronto nel tuo foglio di stile o intendi crearlo (così lo riutilizzi facilmente).

In entrambi i casi puoi usare oppure no un'immagine.
Sta a te decidere quale strada prendere. Se non vuoi ricorrere al css prediligi la 1, altrimenti opti per la busta numero 2.

Esempio di codice inline (1, un po' rozzo per la verità

<div style="border: solid 2px darkgrey; background: lightgrey; color: black; margin: 10px; padding: 10px; text-align: center; width: 60px;"><a href="#">Hola!</a></div>

Se elimini il width diventa responsive (se il tuo sito è responsive) e assume le dimensioni del contenitore al netto del margine.
Puoi cambiare margine (esterno), padding (interno), colore di sfondo (background), colore del testo (color), allineamento (text-align) e altre cose.
Con il CSS è tutta un'altra storia, più bella.

Francesco

[jox]

ho inserito il codice, ma i viene visualizzato come tale nel modulo

[fda]

Prova a inserire il codice usando la modalità di visualizzazione HTML dell'editor.

L'editor può essere usato in modalità "visuale" e in modalità "html".
Fammi sapere.

[jox]

non trovo alcun tasto per cambiare la modalità

[fda]

Ciao JoX.

Dipende da quale editor hai attivato, a volte è il pulsante "HTML" come nell'immagine sotto, altre volte si chiama diversamente. Prova a fare clic su un articolo vuoto. Se cerchi trovi.

francescodagostino.name/images/informatica/pulsante-html-editor-joomla.jpg