LANZAR LA FOCA

Bueno hoy os traigo un jueguecillo de esos tontos pero que crean adicción!!! El juego consiste en lanzar la foca lo más lejos posible!! Tonto pero adictivo!! Bueno dejar como comentarios vuestros records y intentaré superarlos!!

CALENDARIOS Y RELOJES PARA BLOG

Llevaba tiempo buscando algún calendario para insertar en el blog y lo cierto es que no encontré ninguno que me agradara, gracias a uno de vosotros encontré una web que tiene unos diseños muy chulos tanto de calendarios como de relojes, todos vienen en formato gif por lo que no son estáticos, todos tienen su gracia :) os mostraré una imagen de algunos de los diseños y si os gustan podéis visitar la web y escojer el que mas os guste.

Podéis acceder a la web desde aqui.

Para insertar vuestro calendario tendréis que crear un gadget de tipo HTML/Javascript, allí tendréis que pegar este código:

<script language="JavaScript"
src="http://www.gifss.es/creaciones/calendarios/XXX/calendario.js"></script>


Tendréis que sustituir XXX por el número de calendario elegido y guardar los cambios, facil verdad? Bueno pues ya sabéis una cosa mas y espero que os guste.

NUBE DE ETIQUETAS BLOGGER

En otras ocasiones hemos comentado como crear una nube de etiquetas totalmente personalizada pero es cierto que se puede hacer directamente desde blogger sin ningún tipo de conocimiento de HTML ni CSS ni nada por el estilo. Blogger hizo sus deberes y nos permite crear una nube en cuestión de segundos. En primer lugar como es obvio tendréis que tener etiquetas definidas en vuestros post y a continuación lo que tendremos que hacer es:

Creamos un nuevo gadget de etiquetas:

Nos aparecerá un formulario tal que:

Aquí es donde personalizaremos nuestras etiquetas, deberemos marcar la casilla nube, por defecto se nos mostraran todas nuestras etiquetas en forma de nube pero podemos personalizarla un poquito mas, mostrando las etiquetas que deseemos, para ello marcaremos Etiquetas seleccionadas, a continuación presionaremos editar y ahí podremos quitar las etiquetas que no queramos que se muestren.

Como veis es muy fácil, como la mayoría de las cosas, únicamente tenemos que saber que opciones tenemos y la forma de ejecutarlas comúnmente es mas simple de lo que nos imaginamos :) , de todas formas esta es la forma 'fácil', el 'problema' es que no podemos personalizarla mucho mucho pero es una opción válida y rápida así que los que no sabian como hacer la dichosa nube ya estáis tardando en ponerla!!!

PERSONALIZAR ENLACES

Los enlaces o links en una web o un blog es muy importante que estén bien definidos ya que de esta forma los visitantes podrán ir navegando de una forma cómoda por vuestro espacio. Es posible personalizarlos y tendréis que adaptarlos a vuestro sitio de forma que queden bien definidos, es decir resalten sobre el resto de textos. Para ello vamos a explicar de una forma muy sencilla como hacerlo. Para los que utilicen blogger como platforma deberán acceder al código de su plantilla en Diseño->Edición de HTML.

Existen 3 posibles estados de un enlace que son los siguientes:

a:link { } -> Estilo del Enlace.
a:hover { }-> Estilo del Enlace cuando pasamos el Mouse sobre el.
a:visited { }-> Estilo del Enlace cuando ya fue visitado.

Teniendo esto en cuenta podremos personalizar cada uno de los estados con los siguientes atributos.

color:#RRGGBB;
Podéis consultar los posibles colores aqui.

text-decoration:valor;
Posibles valores:
none - no tiene ningún estilo.
underline - el texto aparecera subrayado.
line-trough - el texto aparecera tachado.
overline - el texto aparecera con una raya en la parte superior.

font-family:valor;
El Valor es definido por el nombre de la letra, ejemplo "verdana","tahoma", etc.

font-size:12px;
El valor numérico representa el tamaño de la letra.

font-weight:valor;
Dos valores, "bold" para Negritas y "Normal".

Un ejemplo de la estructura del código es la siguiente:

a:link {
color:#000000;
text-decoration:none;
font-family:verdana;
font-size:10px;
font-weight:bold;
}

a:hover {
color:#CD4B4B;
text-decoration:underline;
}
Espero que os sea de utilidad, ya me contaréis como vais personalizando vuestros enlaces ;)


SELECCIONAR DISTINTOS ESTILOS

Cursando una asignatura me enseñaron algo muy util y querria compartirlo con vosotros, no va orientado a los que tienen blogger, blogger como todos sabemos tiene ciertas limitaciones y una de ellas es que no podemos alojar diferentes hojas de estilo, me imagino que debe de haber alguna alternativa que ciertamente ahora no se me ocurre.

Bueno lo que propongo es que los visitantes puedan cambiar el estilo de la pagina mediante un pequeño 'menu'. En general las buenas webs tienen definidos diferentes estilos, normalmente se crean uno de alto contraste para discapacitados visuales, otro de impresión y uno principal y alternativo. Firefox tiene la opción de seleccionar el estilo desde Ver->Estilo de pagina, el problema venia como siempre con IE que no poseia esta opción, por tanto los diseñadores tenian que crear una alternativa para que todo el mundo pudiera seleccionar los distintos estilos. Debo resaltar que en la última versión (8.0) de IE si que la incorpora pero como siempre tenemos que diseñar para todos y desgraciadamente aún hay mucha gente con versiones antiguas de IE.

Por ejemplo en nuestra web tenemos los links a las distintas hojas de estilo de la siguiente forma:

<link rel="stylesheet" type="text/css" href="Principal.css" title="Predeterminado" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Secundario.css" media="screen"
title="Secundario" />
<link rel="stylesheet" type="text/css" href="print.css" title="Impresion" />

Tenemos 3 estilos resaltados en negrita.

Ahora definiremos un par de enlaces en los que daremos la opción de simplemente haciendo click encima cambiará el estilo de nuestra pagina:

<p><b>Elige tu estilo</b></p><br />
<a href="Javascript:estilo('Predeterminado')">Principal</a><br /><br />
<a href="Javascript:estilo('Secundario')">Secundario</a>

Llegado a este punto tan solo tendremos que insertar nuestra función Javascript que permitirá cambiar de un estilo a otro.

function estilo(titulo) {//Para cambiar el estilo.

var arrayLink = document.getElementsByTagName("link");
for(var i = 0; i < arrayLink.length; i++) {
// Sólo aquellas etiquetas link que hacen referencia a un estilo
// y que no sea para impresión
if(arrayLink[i].getAttribute("rel") != null &&
arrayLink[i].getAttribute("rel").indexOf("stylesheet") != -1 &&
arrayLink[i].getAttribute("media") != "print") {
// Si tiene título es un estilo preferido o alternativo,
// si no tiene título es un estilo
// predeterminado y siempre tiene que utilizarse
if(arrayLink[i].getAttribute("title") != null &&
arrayLink[i].getAttribute("title").length > 0) {
if(arrayLink[i].getAttribute("title") == titulo)
arrayLink[i].disabled = false;
else
arrayLink[i].disabled = true;
}}}}

A esta función lo que le entra es el nombre del estilo seleccionado y busca dentro de las etiquetas link, cuando la encuentra lo activa poniendolo a true. Cuidado con el disabled, disabled=true es que está deshabilitado!!.


Ebook

QUE EXPLORADOR USAR DATOS ESTADISTICOS

Se me ha ocurrido consultar las estadísticas de este blog y me gustaría compartir los datos con vosotros.

Mi sorpresa ha sido que la mayoría de mis visitantes utilizan el navegador Firefox cosa que agradezco ya que con las versiones antiguas de Explorer hay cosas de mi blog que no se visualizan correctamente. Los resultados son los siguientes.

Lo representado en azul se corresponde con los visitantes procedentes de Firefox y la porción verde los procedentes de Internet explorer. Son datos que representan bastante la realidad ya que Firefox poco a poco le va comiendo terreno a Explorer y la razón es muy simple, Internet Explorer como todos vosotros sabréis pertenece a Microsoft y no ha cumplido en ningún momento con los estándares, cosa que ha llevado a los diseñadores web de cabeza durante décadas ya que sus diseños tenían que estar adaptados para que se visualizaran de una forma correcta en todos los exploradores, trabajo que no es nada facil.

Ahora bien.. según esto la mitad de mis visitantes utilizan IE pero ¿qué versiones?, con el siguiente grafico lo vamos a observar.



Tan solo el 9,51% utiliza la versión 8 de IE para una cosa que hace mas o menos Microsoft vamos y no la utilizamos!!!! La última versión de IE se ajusta a los estándares, por lo que de aquí en adelante parece ser que a los diseñadores se les va a quitar un dolor de cabeza. La mayoría sigue con la versión 7 que dentro de lo que cabe ..pero y ese 21,97% que utiliza la versión 6!!! son datos que asustan un poco.

Desde este momento os invito a que en primer lugar inutilicéis como explorador predeterminado Firefox y en caso de que no haya manera de convenceros...actualizar la versión del vuestro IE!!!! que no se rompe nada!!! al contrario, navegareis con mayores facilidades por Internet.

Se aceptan criticas....opiniones...y sugerencias :)