Cambiar color de hipervinculo

Inicio Foros WordPress Themes y Diseño Cambiar color de hipervinculo

Etiquetado: , , ,

Este debate contiene 5 respuestas, tiene 3 mensajes y lo actualizó  imported_fliberty hace 7 años, 9 meses.

  • Autor
    Publicaciones
  • #19644

    elementall
    Participante

    <p>Saludos amigos.<br />
    Alguno de ustedes sabe como cambiar el color de un hipervinculo?<br />
    En mi web el hipervinculo es apenas un efecto de NEGRITA en la palabra y no sobresalta lo suficiente como para expresar que es un boton clickeable.<br />
    Saludos y gracias desde ya.
    </p>

  • #47919

    josep
    Participante

    en el archivo [b]style.css [/b]de tu plantilla dbe haber algo como esto;

    modifica el color y ya se detaca… sino pega tu trozo de código y te podremos indicar mejor

  • #47921

    elementall
    Participante

    Muchas gracias Josep por responder. Creí haberlo encontrado en:

    Pero cambie el color y no sucedio nada.
    Seguire buscando en algun otro lado

  • #47922

    imported_fliberty
    Participante

    En esta parte de tu código:

    a, a:hover { text-decoration: none; color: #000; }

    Estas indicando que tanto el enlace normal y así como cuando pasas el puntero sobre el mismo, este se mostrará de color negro (#000), si deseas que el enlace tenga un color diferente a cuando está normal y a cuando el puntero del mouse sobre él debes hacer lo siguiente:

    Si quieres que todos tengan un mismo color, haces prácticamente lo mismo que en tu hoja de estilos:

    Para tener los valores en hexa de los colores yo utilizo el programa colorcop, que es gratuito, y permite capturar los colores de cualquier parte de la pantalla y mostrarte los valores en RGB y HEX.

  • #47923

    elementall
    Participante

    Funcionó muy bien Fliberty…muchisimas gracias.
    Para los que quieran saber más, esa función también efectó, en mi caso, a los títulos de los post, ya que ellos también son hipervínculos.
    Saludos

  • #47925

    imported_fliberty
    Participante

    Eso es porque al aplicar los formatos directamente a: a, a:hover, a:active, a:visited estos se van a aplicar a todos los enlaces de la página, pero si deseas aplicar los formatos a una sección en particular tienes que indicar los delimitadores; te pongo un ejemplo de delimitador para título que utilizo:

    En este caso para aplicarle formato sólo al título debo hacer lo siguiente:

    Pero porque utilizo ese esquema, pues si te das cuenta el delimitador empieza por la clase “post-title” luego sigue la etiqueta “h2” y finalmente está el enlace “a”, entonces lógicamente el esquema es .post-title h2 a

    Ojo que si en lugar de class fuera id, entonces el formato sería #post-title h2 a

    El id se utiliza en delimitadores que sólo se mostrarán una sola vez en toda la página, por ejemplo el wrapper, el header, el sidebar, etc. y el class se aplica a los delimitadores que se repetirán varias veces en la página por ejemplo: post, contenido, título, etiquetas, etc…

    El formato para los class los diferencias en la hoja de estilos por el símbolo que hay al inicio del nombre del class o id, por ejemplo un:

    Class:
    .delimitador

    ID:
    #delimitador

    Espero haberte sido de ayuda ellemental… Que tengas un buen día…

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest