Visualizzazione dei risultati da 1 a 3 su 3

Discussione: sprite per bottone

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    82

    sprite per bottone

    Salve a tutti,
    Vorrei applicare la tecnica degli sprite ai bottoni.
    Ho trovato varie guide su come utilizzarla su hover ma a me servirebbe un qualcosa di più strutturato.
    Ho creato una immagine alta 30px, nei primi 6px c'è il bordo sinistro del bottone, 1 pixel bianco, 1px che rappresenta il fill, 1px bianco e 6px che contengono il bordo destro. Il tutto per un totale di 15px.
    codice:
    //codice sprite css classico
    .sprite{background:url(../images/bt_blu.png);}
    .bt {height:30px;}
    .b_s {width:6px; background-position:0px 0px;}
    .f {width:1px; background-position:-7px 0px;}
    .b_s {width:6px; background-position:-9px 0px;}
    //bottone				
    .bt1{height:30px; width:100px;background:none;border:0px;}
    Ora però come posso impostare il bordo sinistro, destro e il fill del bottone facendo riferimento alle immagini contenute nello sprite?

    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    82
    Non ricevo risposte perchè mi sono perso in un bicchier d'acqua o perchè è impossibile da fare?
    Se non vi è chiaro provo a riscriverlo

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non sappiamo dove vuoi applicare il codice CSS postato (manca il codice HTML).
    Non sappiamo come e` fatta la tua immagine.
    E non e` chiaro l'effetto che vuoi ottenere.

    Prova a postare:
    - il codice HTML
    - l'immagine che usi per lo sprite
    - esempi di come vuoi che appaia nei vari casi
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2026 vBulletin Solutions, Inc. All rights reserved.