Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 11 de 11

Tema: Botones

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    29 nov, 07
    Mensajes
    56
    Poder de Reputación
    21

    Botones

    Como hago para que un boton cambie de color cuando pasas el cursor por encima?

    Mi idea es que se muestre este boton en casos normales:


    Y este otro cuando pases el cursor por encima:



    Como se puede hacer esto?

  2. #2
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    Hola

    recuerdas el grupo de las "a"?????

    a:
    a:link{}

    bueno..... pues ahi, es donde pones los botones como imagen de fondo

    en

    a: {aqui pones el boton tal, cual}
    a:hover{aqui pones el que quieres cuando el raton está arriba}

    recuerda que debes poner el grupo completo
    son 5 "a"

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    29 nov, 07
    Mensajes
    56
    Poder de Reputación
    21
    Antes que nada muchas gracias. Pense que lo habia entendido pero cuando me puse a hacerlo me surgieron varias dudas probe varias cosas pero no me salio xD

    Yo tengo esto en la web:


    Sale muy pequeño, si pinchais encima queda a un tamaño visible

    Para ello tengo el siguiente codigo en HTML:

    En la hoja de estilos de dicha capa tengo:

    Código:
    #navegacion {background-color: #1D1D1D; border-bottom: black 1px solid ; border-top: black 1px solid  ; height:24px}
    						#navegacion li {float:left ; list-style:none ; margin: 0px 13px 0px 13px }
    						#navegacion ul { margin-left: 5px }
    						
    								  			     #navegacion a {color: white ; text-decoration:none ; display: block }
    												 #navegacion a:link    {}
    												 #navegacion a:visited {}
    												 #navegacion a:hover {color:#FF0000 ; text-decoration:underline}
    												 #navegacion a:active  {}
    Los botones los tengo guardados como "nombre" el que quiero que salga normal y "nombre2" el que quiero que salga cuando pichas encima. Por ejemplo:

    El boton Inicio lo tengo guardado como Inicio.gif e Inicio2.gif

    Para hacer lo que me dices que tengo que crear una capa por cada boton, y despues en la hoja de estilos para cada capa definir las "a" de la siguiente manera?

    Código:
    #inicio a {[img]Botones/Inicio.gif[/img]}
    #inicio a:link    {}
    #inicio a:visited {}
    #inicio a:hover {[img]Botones/Inicio2.gif[/img]}
    #inicio a:active  {}
    Donde me perdi? xD

  4. #4
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    hola

    hacerlo asi, es muy complicado

    yo te sugiero que tengas en este caso las dos imagenes de los botones
    pero sin el texto
    me explico?????,

    asi.... pones las imagenes de fondo
    y solo necesitarias un grupo de "a" para todos los botones

    cualquier duda aqui andamos

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  5. #5
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    como veo....

    los botones serían de diferente tamaño

    intenta tener al menos 2 tamaños nada mas

    has una medida standar, para que te quepan los textos en las imagenes

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  6. #6
    Me va gustando esto... Habitante
    Fecha de Ingreso
    29 nov, 07
    Mensajes
    56
    Poder de Reputación
    21
    Y como pongo la imagen del boton de fondo? :S

    Edito: ya encontre en el tutorial como se ponian imagenes de fondo, ahora a ver si soy capaz de hacer lo que me dices...

  7. #7
    Me va gustando esto... Habitante
    Fecha de Ingreso
    29 nov, 07
    Mensajes
    56
    Poder de Reputación
    21
    Seria algo asi? Esque no consigo que me salga

    Hoja de estilos:

    Código:
    		
    #navegacion {background-color: #1D1D1D; border-bottom: black 1px solid ; border-top: black 1px solid  ; height:24px}
    						#navegacion li {float:left ; list-style:none ; margin: 0px 13px 0px 13px }
    						#navegacion ul { margin-left: 5px }
    
    												  		#navegacion a {background-image: url(Botones/Boton.gif); color: white ; text-decoration:none; font-weight: bold }
    												 #navegacion a:link    {}
    												 #navegacion a:visited {}
    												 #navegacion a:hover {background-image: url(Botones/Bonton2.gif); color: white ; text-decoration:none; font-weight: bold }
                                        #navegacion a:active  {}

    El codigo HTML sería asi...

    Código:
    	<div id="navegacion"><ul>
    		 			[*]Inicio[*]El Club[*]Plantilla[*]Temporada[*]Fotos[*]Foro
    		[*]Rivales[*]Patrocinadores[/list]
    	</div>

  8. #8
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    Si

    asi es, si gustas darle una checada a mi web
    yo hice una plantilla asi

    http://unpocodemucho.atwebpages.com/
    creo que es la #2

    checalo y me avisas

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  9. #9
    Me va gustando esto... Habitante
    Fecha de Ingreso
    29 nov, 07
    Mensajes
    56
    Poder de Reputación
    21
    Cita Iniciado por Yaneth
    Si

    asi es, si gustas darle una checada a mi web
    yo hice una plantilla asi

    http://unpocodemucho.atwebpages.com/
    creo que es la #2

    checalo y me avisas

    saludos
    Tu web anda caida o almenos no me deja entrar, a ver si lo intento mañana.

  10. #10
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    Mm que raro, yo si puedo entrar jeje

    intenta actualizando o como dices
    mañana

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  11. #11
    Me va gustando esto... Habitante
    Fecha de Ingreso
    29 nov, 07
    Mensajes
    56
    Poder de Reputación
    21
    Cita Iniciado por Yaneth
    Mm que raro, yo si puedo entrar jeje

    intenta actualizando o como dices
    mañana

    saludos
    Hoy pude entrar sin problema y con las indicaciones que me diste y volviendo a ojear el tutorial ya consegui hacer los botones como tenia en mente.

    Muchas gracias, a ver si cuando termine la web os la enseño para que me digais fallos :P

Temas Similares

  1. Botones en CSS
    Por Derith en el foro Foro General
    Respuestas: 1
    Último Mensaje: 27/10/2010, 12:55
  2. botones en DW
    Por ferll en el foro Dreamweaver
    Respuestas: 4
    Último Mensaje: 23/11/2007, 21:03

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •