- Home
- Categorie
- Coding e Sistemistica
- Joomla!
- CreareTasto Link al'interno di un immagine
-
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?
-
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
-
una volta creato il modulo html personalizzato, cosa ci devo mettere dentro? come creo il testo e il tasto link sull'immagine?
-
Il modulo accetta codice html, quindi hai diverse possibilità:
- crei il pulsante inline con il codice;
- 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
-
ho inserito il codice, ma i viene visualizzato come tale nel modulo
-
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.
-
non trovo alcun tasto per cambiare la modalità
-
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