Visualizzazione risultati 1 fino 5 di 5

Discussione: effetto bottoni

  1. #1
    Guest

    Predefinito effetto bottoni

    buona sera, vorrei fare in modo che al passaggio del mouse un bottone del mio sito si "illumini", dunque ho creato le 2 img "bottone" e "bottone illuminato", ma come applico l'effetto?

    spero di essermi spiegato :)

  2. #2
    Ospite Guest

    Predefinito

    Codice HTML:
    <button
    style="background:url('bottone.gif');"
    onmouseover="this.style.background='url(\'bottone_illuminato.gif\');'
    ">Clicca qui</button>

  3. #3
    Guest

    Predefinito

    grazie ho risolto

    dico come in caso a qualcuno interessi in futuro

    Codice:
    <a href="pagina.htm"><img src="bottone.gif" onMouseOver="this.src='bottone_illuminato.gif';" onMouseOut="this.src='bottone.gif';">scritta</a>
    Ultima modifica di Moloest : 03-10-2007 alle ore 22.13.36

  4. #4
    yuppyweb non è connesso Utente giovane
    Data registrazione
    24-09-2006
    Messaggi
    70

    Predefinito

    ho provato quest'ultimo codice...solo che poi mi "distanzia" le immagini...

    ecco com'è ora



    mentre prima era così..



    è normale? qualcosa per lasciare tutto "di fila"??

    Thanks

  5. #5
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Prova ad usare un po' di CSS... nello specifico:
    - aggiungi questa specifica di classe
    Codice:
    img.menu_bar { margin:0px }
    - assegna a ciascuna immagine la classe specificata
    Codice HTML:
    <img src="bottone.gif" class="menu_bar" onmouseover="..." onmouseout="..." />
    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •