Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    url variabili in :hover

    Salve a tutti!
    Ecco la mia questione:
    Nel mio sito ci sono cinque bottoni che rimandano a cinque pagine diverse ed ogni bottone ha un suo corrispettivo di un altro colore (home.jpg e home-click.jpg, links.jpg e links-click.jpg...), tutti di classe "switch". Con :hoover posso scrivere

    .switch:hover {
    url(qualcosa-click.jpg)
    }

    e tutto va bene, pur dovendo creare tanti :hover quanti bottoni. Ma, venendo al dunque, non è possibile definire, all'interno di url, una sorta di addizione tra stringhe, di modo da poter scrivere, uno per tutti, qualcosa come

    .switch:hover {
    url(+"-click.jpg")
    }

    ?

    Grazie mille

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    non è possibile a meno che tu non componga dinamicamente lato server il css (ad esempio tramite php)

    un alternativa potrebbe essere l'uso delle sprites in cui allo stato hover puoi cambiare background-position: se ad esempio il tuo pulsante in gif ha lo stato di default in top left e quello hover in bottom left, oltre alla classe puoi assegnare un id a ciascun link pulsante e fare una cosa del tipo

    codice:
    #pulsante_home { background-image (home.gif); }
    #pulsante_link { background-image (link.gif); }
    ...
    
    
    a.switch {
      background-repeat: no-repeat;
      background-position: top left;
    }
    
    a.switch:hover {
      background-position: bottom left;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Immaginavo... Farò semplicemente 5 cose diverse, allora.

    Grazie ancora

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.