SEPARADORES BLOG

¿Cuantas veces habéis buscado alguna forma de separar partes en un post? Pues a continuación os traigo una recopilación de separadores para que los podáis disfrutar todos. Para descargarlos a vuestro ordenador tan solo tendréis que hacer:

Botón derecho del mouse->Guardar imagen como->Ruta de destino.

Cuando queráis insertarlo en cualquier parte de vuestro blog, tendréis que alojarlos en un servidor de imágenes, yo por ejemplo utilizo este de esta forma obtendréis la dirección que tendréis que insertar en vuestro blog. Espero que os gusten.

CAMBIAR COLOR DEL FONDO DE LINK

Este efecto es muy común y consiste en cambiar el color del fondo del link cuando el cursor se encuentra encima del mismo, es un efecto que lo podemos conseguir facilmente gracias a nuestro querido Javascript, podemos insertarlo en nuestro blog de la siguiente forma:

Primer paso:(Copiar Script)

Nos dirijiremos a donde se encuentra nuestro código HTML de nuestra plantilla, en el caso concreto de blogger Diseño->Edición de HTML, una vez aquí copiaremos el siguiente script justamente encima de
</head>

<script>
function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color}
</script>


Segundo paso:(Crear efecto)




Llegado a este punto, lo único que tendréis que hacer para crear el efecto será copiar el siguiente código en el lugar donde queráis que el efecto se aprecie.

<a href="URL DESTINO DEL LINK" onMouseover="highlight(this,'COLOR FONDO LINK')" onMouseout="highlight(this,document.bgColor)">PARTE VISIBLE LINK</a>


El resultado será algo como lo siguiente:(Poner cursor encima de EJEMPLO)

EJEMPLO 1

EJEMPLO 2

Nota: Si lo insertáis en un una entrada, deberéis insertar el código en la parte de Edición de HTML.

Ejemplos de colores: yelow,blue, red ...

Para consultar tabla de colores podéis hacer click aquí.

CAMBIAR COLOR TEXTO SELECCION

Es una de las propiedades que nos brindan algunos exploradores como Firefox o Safari, se trata de la propiedad selection, podremos cambiar el color del texto y fondo de selección incorporando unas pequeñas líneas de código.

En primer lugar buscar ]]></b:skin> y pegar el siguiente fragmento de código justamente encima, elegir el código correspondiente según el tipo de explorador empleado.

Para los que utilizan Firefox:

::-moz-selection {
background: #000000;
color: #ff9900;
}

Para los que utilizan Safari:

::selection {
background: #ff9900;
}

background: Color del fondo de la selección.
color: Color de la letra selecionada.

Nota: Respetar la almoadilla de antes del código del color, podéis consultar colores aquí o aquí.

CODIGOS DE COLORES

Aquí os traigo un generador de colores, tendremos que elegir en la tercera pestaña websafe ya que en webs y blogs solo admiten 256 colores. Desplazar el ratón por la esfera y personalizar vuestro color!