Entrar

como poner botones en mi pagina web?

pekonix · · Solicitar retirada
una ayuda en esto, soy nuevo en esto de hacer paginas web, me puse hacer varios botones con photoshop y varias imagenes para agregarlas en mi pagina, pero no se como ponerlas en mi web y que sirvan de enlace, no se si me explico... es decir, en el curso paso a paso de la pagina, explican todo muy bien, lo que quiero poner es un boton en ves de un parrafo, por ejemplo, en conciertos, descargas etc etc etc,,, es decir, que pongo el boton en mi web, y cuando alguien entre en esa pagina y ponga su cursor ensima de ese boton se vea diferente y cuando le de click, lo lleve ha otra pagina creada.. me explico?.. por favor, ayudenme con esto... que quiero seguir avanzando.. saludos
pekonix · · Solicitar retirada
gracias piojo, pero esa pagina que me mandastes me muestra los ejemplos pero no me los expica como hacerlos, tienes otra para que me ayuden con lo de los botones...?
gracias y saludos
Piojo91 · · Solicitar retirada
Le das click decho y obtienes el código y es cuestión de examinarlo un poco y lo sacas, sabes que tienes que cambiar y todo.
Si no puedes avisame y veo si te lo explico bien! :wink:
pekonix · · Solicitar retirada
piojo, no se si me estoy pasando de bruto, pero no se como agarrar lo que me dices, le doy boton derecho y no me sale nada de guardar algo como eso... los siento...
explicamelo como si fuera un niño de 4 años... sorry
Piojo91 · · Solicitar retirada
Todo depende de que navegador uses, pero le das click derecho y clickeas en Ver código de fuente de la página, y ahí te saldra el código que es el siguiente:
CSS

.menusup {padding-left:32px;
margin:0;
list-style:none;
height:35px;
background:#fff url(../img/fondo.gif);
position:relative;
border-bottom:1px solid #444;
}
.menusup li {float:left;}
.menusup li a {display:block;
float:left;
height:35px;
line-height:35px;
color:#aaa;
text-decoration:none;
font-size:11px;
font-family:verdana, arial, sans-serif;
font-weight:bold;
text-align:center;
padding:0 16px;
}
.menusup li a:hover {color:#fff;
background:#000 url(../img/cambio.gif);
}

HTML

<div>

<ul class="menusup">
  • Inicio
  • Categorias
  • Búsqueda
  • Foro
  • Contacto

    </div>

    Como puedes ver es un código muy sensillo, le asigna los fondos a la lista.

    La de fondo es la que tendra, y la que dice cambio a la que cambiarla, el resto es cosa de modificar a tu gusto..me refiero a la posición y esas cosas.
    • Kamael · · Solicitar retirada
    pos a mi ya me agarro la duda :P

    solo hay una imagen de fondo verdad???
    y al pasar por el link la imagen cambia de color por otra imagen?????
    Piojo91 · · Solicitar retirada
    Claro, primero aparece la imagen de fondo y luego se cambia por la que dice "cambio". jeje