display:none;

Cambié el blog. Ahora algunas entradas que antes estaban en este blog se encuentran acá.

Cambié el blog. Ahora algunas entradas que antes estaban en este blog se encuentran acá.

Hoy me encontré con la noticia de que hay un nuevo diseño disponible para los canales de YouTube. Está en beta, y ya se puede usar. Yo lo probé y me gustó más que el anterior, es diferente. Creo que le faltan algunas cosas (no encotré cómo ponerle transparencia a los módulos, por ejemplo) pero igual me gusta. Si quieren probarlo, deben entrar a este link: YouTube.com/super_seekrit y hacer click en Swich me to the new beta channel design!. Desactivaron esta opción, y ya no se puede cambiar el canal al diseño nuevo. No sé cuándo estará disponible de nuevo. leonardo-n.blogspot.com/2009/06/nuevo-canal-de-youtube-problema.html

En este post voy a explicar cómo cambiar el color de los links, y también cómo agregarles un efecto hover. Vamos a ver qué tal sale este post.

Empiezo a explicar...

Cada código CSS deben ingresarlo en la hoja de estilo personalizada (Diseño > Elije de la lista un diseño para tu página o añade tu hoja de estilo personalizada), y usando la opción Use my custom style sheet together with the current theme.

Color del texto del link:

a:link, a:visited, a:active { color: #COLOR; }

Efecto hover:

a:hover, #content a.del:hover {
	color:#COLOR;
background: #COLOR;
	}

Explicación de este último:

color:#COLOR;

Eso controla el color que aparecerá en el texto del link cuando se pase el cursor sobre él.

background: #COLOR;

Eso controla el color de fondo del link que aparecerá cuando se pase el cursor sobre él.

Para poner el color, simplemente deben borrar la palabra COLOR y ahí poner el código del color.

Para conseguir los códigos de los colores, les recomiendo usar ColorPicker.

Unas capturas que hice, para mostrar el color y el efecto:

Color del link...

Efecto hover del link...

No es necesario usar ambos códigos, se puede usar sólo uno (el hover o el que cambia el color de los links). Por ejemplo, yo al efecto hover lo tengo desactivado (no me gusta ese efecto en los links), y uso uno solo, porque no me gusta el color de los links del tema que uso.

También se puede usar sólo color de fondo o color para el texto en el hover. Ejemplos:

a:hover, #content a.del:hover {
color:#COLOR;
}

a:hover, #content a.del:hover {
background: #COLOR;
}

Y otras cosas más....

Color del link visitado:

a:visited {
color: #COLOR;
}

Color del link cuando se hace click sobre él:

a:active {
color: #COLOR;
}

Eso es todo por ahora. Puede ser que después agregue más cosas al post... aunque no creo.

---

A este post llegaron personas que buscaron en Google cómo cambiarle el color del link a los blogs de Blogger, por eso también voy a explicar cómo hacerlo en esos blogs.
En Blogger tienen que ir a Diseño, hacer click en Edición de HTML y ahí, con el buscador del navegador, buscar hover.

Lo que van a ver, va a ser algo así:

a:link {
  color: #COLOR;
  }
a:visited {
  color: #COLOR;
  }
a:hover {
  color: #COLOR;
  }

El primero controla el color del link, el segundo el color del link después de ser visitado y el último el color que aparece cuando se le pasa el cursor por encima (efecto hover).

También puede ser que aparezca esto, por ejemplo en la plantilla TicTac está:

a:active {
color: #COLOR;
}

Controla el color del link cuando se hace click sobre él.