Themes y Diseño

Foro WordPress » WordPress » Themes y Diseño

Cambiar color de hipervinculo (6 mensajes)

Acerca de este hilo

Tags

  1. elementall

    5.0
    Antiguedad: Ago 2010
    Mensajes: 145

    offline

    Publicado hace 1 año
    #

    Saludos amigos.
    Alguno de ustedes sabe como cambiar el color de un hipervinculo?
    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.
    Saludos y gracias desde ya.

  2. josep

    5.0
    Antiguedad: Dic 2008
    Mensajes: 535

    offline

    Publicado hace 1 año
    #

    en el archivo style.css de tu plantilla dbe haber algo como esto;

    a
    {
      color:#000000;
      text-decoration:none;
      font-size:1,5em;
    }

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

    http://culturapdf.blogspot.com/
    Repositorio de PDF's
  3. elementall

    5.0
    Antiguedad: Ago 2010
    Mensajes: 145

    offline

    Publicado hace 1 año
    #

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

    /*------------------------------------------------*/
    /*-----------------[BASIC STYLES]-----------------*/
    /*------------------------------------------------*/
    body { background: #f6f6f6 url(images/bg.png) repeat-x; color: #525252; font-family: Georgia; font-size: 12px; line-height: 19px; }
    a, a:hover { text-decoration: none; color: #000; }
    .clear { padding: 0; margin: 0; clear: both; }
    .wrapper { width: 960px; margin: auto;}
        #logo { border: none; margin: 5px auto 5px -600px; clear: both; }
    h1, h2 { font-size: 34px; color: #000; }
    h3 { font-size: 24px; color: #000; }
    #posts p, .post_full p {padding-top: 15px;}

    #idiomas {margin: 0px 0px 0px 790px}

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

  4. fliberty

    5.0
    Antiguedad: Oct 2009
    Mensajes: 1.511

    offline

    Publicado hace 1 año
    #

    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:

    a{color: #aa0000;} //en este caso el color es rojo oscuro.
    a:hover{color: #000;} //color negro si el puntero esta sobre el enlace
    a:active{color: #999;} //color gris al hacer clic sobre él.
    a:visited{color: #ccc;} //color del enlace después de haber sido visitado

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

    a, a:hover, a:active, a:visited{color#000;}

    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.

    Visítenme:
    http://www.contigoperu.com.pe (hosting/dominios) | http://www.pachakamaq.com (temática variada) | http://www.mipycs.com (image hosting gratuito) | http://www.contigoperusemanario.org(noticias) | http://www.contigoperuclasificados.com (clasificados gratis) | http://www.cyberdocentes.com (recursos educativos)
  5. elementall

    5.0
    Antiguedad: Ago 2010
    Mensajes: 145

    offline

    Publicado hace 1 año
    #

    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

  6. fliberty

    5.0
    Antiguedad: Oct 2009
    Mensajes: 1.511

    offline

    Publicado hace 1 año
    #

    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:

    < div class="title-post" >
    < h2 ><a>" >< ?php the_title(); ? ></a>< /h2 >
    < /div >

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

    .title-post h2 a{color: #999;} //esto es para el link en normal.

    //Puedes agregar formato de forma grupal como al inicio haciendo lo siguiente:

    .title-post h2 a, .title-post h2 a:hover, .title-post h2 a:active, .title-post h2 a:visited{color: #999;}

    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...

    Visítenme:
    http://www.contigoperu.com.pe (hosting/dominios) | http://www.pachakamaq.com (temática variada) | http://www.mipycs.com (image hosting gratuito) | http://www.contigoperusemanario.org(noticias) | http://www.contigoperuclasificados.com (clasificados gratis) | http://www.cyberdocentes.com (recursos educativos)

Responder

Debes Identificarte para publicar.

Foro WordPress » WordPress » Themes y Diseño