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

    Bottoni Imput arrotondati

    Ciao a tutti.
    Ho bisogno di una mano.
    Devo realizzare la seguente. Devo creare dei bottoni di IMPUT che abbiano le seguenti caratteristiche:

    - Angoli arrotondati
    - Colore che cambia al passaggio del mouse
    - Colore che cambia quando vengono attivati


    Avete qualche link a qualche esempio facile da smanettare per poterlo realizzare?
    Grazie!

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Gli iMput non so cosa siano. Ti do alcuni link che ho relativi agli iNput e ai bottoni.

    Bottoni con rollover
    Bottoni di submit a tre stati
    Bottoni con rollover flessibili
    Styling form controls with CSS
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Grazie per avere risposto.
    Sto realizzando i miei bottoni di iNput e i miei link, seguendo questo esempio

    ho un problema però:

    I link vengano tagliati brutalmente a sinistra.
    sono distanti verticalmente l'uno dall'altro.
    Il Bottone di submit è tagliato a destra.


    Mi date una mano?
    posto il codice
    stile.css
    codice:
    body{font: 76%/1.3 Arial,sans-serif;background:#FFF;color:#222;padding:3em}
    button{width: 145px;height: 35px;
        border: 0;cursor: pointer;text-align:center;
        font:bold 20px/35px "Trebuchet MS",Arial,sans-serif;
        background: #55CB00 url(immage/bottone4.png) no-repeat 0 0;color:#FFF}
    button:hover{background-position: 0 -35px;color:#FFC}
    button:active{background-position: 0 -70px;color:#FFF}
    
    a.pulsantelink{float: left;height: 35px;padding-left: 18px;
        font: bold 80%/35px "Trebuchet MS",Arial,sans-serif;
        background: url(bottone4.png) no-repeat top left;
        text-decoration: none;color: #286C98}
    
    a.pulsantelink span{display: block;padding-right: 18px;
        background: url(immage/bottone4.png) no-repeat top right}
    
    a.pulsantelink:hover{background-position: bottom left;color: #6B9828}
    
    a.pulsantelink:hover span{background-position: bottom right}
    miapagina.htm
    codice:
    ....
    <td width="495" height="74" valign="top"> <a href="inserisciricambio.htm" class="pulsantelink"><span> 
                Inserisci Ricambio </span> </a></td>
                  </tr>
                  <tr> 
                    <td height="31" valign="top">
                        <a href="visualizza.php" class="pulsantelink"><span> Visualizza 
                    </span></a></td></td>
                  </tr>
    ....
    inserisci.htm
    codice:
    .................<tr> 
                            <td height="35"></td>
                            <td colspan="2"><button type="submit">Inserisci</buton></td>
                          </tr>..........

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Comincia con il togliere tutte le formattazioni realizzate con attributi HTML: vanno in conflitto con i CSS e non puoi capire perche` ne` dove le cose non funzionano.

    La formattazione va realizzata tutta con attributi CSS.
    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.