• B
    User •

    Gestione sprite (in Joomla)

    Premetto che conosco pochissimo il CSS, soltanto per qualche modesta personalizzazione dei template di Joomla.

    Vorrei inserire nei margini delle piccole immagini che cambiano quando passa sopra il mouse.
    Adesso lo faccio usando due immagini differenti, ma vedo che spesso si usa una sola immagine contenente le differenti "versioni".

    Per fare due esempi:

    • la "label" che si sviluppa con una dimensione maggiore e basata su una sola immagine che viene mostrata normalmente a metà o interamente soltanto quando vi è sopra il mouse.
    • Le icone dei social network che cambiano colore quando il mouse passa sopra una di queste e basata su una sola immagine che contiene le diverse combinazioni di icone grigie e colorate.

    Mi sembra di capire che la tecnica è quella degli sprite.

    Mi potete dare delle indicazioni dove documentarmi per realizzare anche io la cosa?

    Grazie mille in anticipo

    0
  • M
    User Attivo •

    Ciao bepi,
    le tue intuizioni sono esatte. La soluzione sono le immagini sprite. Anche io uso Joomla! e ciò non ti può creare nessun problema (finche hai accesso ai file, vedi plugin/componenti che caricano sorgenti esterne).
    Per crearle ti basta "giocare" un po' con posizioni, margini e galleggiamenti. Nulla di impossibile. Su internet trovi tantissime guide 🙂
    *
    Michele*

    0
Effettua l'accesso per rispondere