1. ¿Buscando un Banco para abrir tu primera cuenta de ahorros? Revisa nuestro comparativo de cuentas cero mantenimiento haciendo clic aquí.
    Ocultar anuncio

Algun tutorial para como incluir una imagen como boton en tu pagina?

Publicado en 'Webmasters' por Pelota Cuadrada, 21 Feb 2014.





  1. Pelota Cuadrada

    Pelota Cuadrada Miembro nuevo

    Registro:
    6 Feb 2013
    Mensajes:
    11
    Likes:
    3




    He estado buscando en la internet manearas de como insertar un imagen como boton en mi pagina. He usado varias maneras pero ninguna de ellas explica como insertar la imagen en tu maquina, solo el CSS.

    Quiero saber como insertar una imagen que cambia de color, cuando esta inactiva, tu mouse sobre el boton y cuando aprietas el boton. Alguien sabe?
     


  2. yakho_sp

    yakho_sp Suspendido

    Registro:
    19 Abr 2013
    Mensajes:
    1,215
    Likes:
    433
    usa dreamweaver es recontra simple, el codigo no lo recuerdo , pero si lo desarrallas con ese programa no te toma ni un minuto.
     
  3. acidcoolffc

    acidcoolffc Miembro frecuente

    Registro:
    10 Ene 2014
    Mensajes:
    211
    Likes:
    51
    Muestra el código css que te sugieren
     
  4. Pelota Cuadrada

    Pelota Cuadrada Miembro nuevo

    Registro:
    6 Feb 2013
    Mensajes:
    11
    Likes:
    3
    .button {
    display:block;
    padding: 10px;
    width:90px;
    height:30px;
    text-indent:-9999px;
    }

    .button a {
    display: block;
    width:100%;
    height: 100%;
    background:transparent url(images/nav/aboutmebutton.pgn) no-repeat top left;
    outline:none;
    }

    .button a:hover {
    background-position:0 -50px;
    }


    :hi::hi::hi:
     
  5. cristianhcd

    cristianhcd Miembro frecuente

    Registro:
    28 Ene 2014
    Mensajes:
    99
    Likes:
    15
    tu mismo lo pusiste
    background, y la dirección que dice url corresponde a la carpeta donde almacenas la imagen
     
  6. Pelota Cuadrada

    Pelota Cuadrada Miembro nuevo

    Registro:
    6 Feb 2013
    Mensajes:
    11
    Likes:
    3
    Si pues. Lo raro es que cuando pongo mi mouse sobre esa area, la flecha cambia a dedo pero aun no ve nada de boton.

    Me parece que tengo que cambiar algo en html.