Cosicas

Círculos estirándose

2007-08-17T19:27:00.000+02:00

Los círculos que forman esas hojitas azules parecen no conformarse con su tamaño actual. Quieren crecer y para ello se abren incrementando su radio.

Un diseño hecho por Ophtasurf.

Pestañas automáticas con categorías

2007-08-14T15:06:00.000+02:00

Este es un código para que, según vayais creando categorías en vuestro blog, se generen automáticamente unas etiquetas horizontales con los nombres, a modo de índice.

Se entra por Plantilla-->Edición de HTML y se pincha "Expandir plantillas de artilugios". Si las queremos poner en la cabecera, en primer lugar hay que cambiar el valor de maxwidgets para que podamos añadir un nuevo elemento. Esto ya se explicó al comienzo de este otro post.

A continuación, en la parte de los estilos, vamos a crear uno nuevo para este tipo de pestañas. Por tanto, el siguiente código hay que ponerlo antes de ]]></b:skin>

Una vez creado el estilo, hay que buscar el código del widget donde se generan automáticamente las categorías y cambiarlo. Casi todos los blogs lo incorporan en sus plantillas, pero si no lo tuvierais creado tendríais que hacerlo antes de cambiar nada. Eso es en Plantilla-->Elementos de página-->Añadir un elemento de página-->Etiquetas

El artilugio contiene la expresión

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>

Hay que sustituir todo lo que está entre esta línea y <b:/widget >, ambas inclusive, por lo siguiente:

Lo normal es que las etiquetas las tengais en la barra lateral, pero el diseño de estas hacen que el lugar idóneo sea en la cabecera o en el pie de página. Para moverlas, en Elementos de Página hay que pinchar y arrastrar el artilugio hasta el lugar deseado.

Las dos imágenes que se usan como fondo (background:url...) son las que forman los botones. Este código "corta" la imagen del botón por la izquierda, según la longitud del nombre de categoría que contiene la etiqueta. Por eso hace falta una segunda imagen que reproduce la parte izquierda del botón y que se superpone. Apenas de unos pixels de ancha.

Para hacerlas con vuestro propio diseño, teneis que construir una imagen de 84 pixels de alto. En los 42 de arriba iría el botón original y en los 42 de abajo, el que quereis que muestre al pasar el ratón por encima. Luego los almacenais en un post en borrador o en cualquier servidor de imágenes, tomando nota de la dirección. Estos son los que se han usado en este ejemplo:

Con 180 pixels de ancho debe sobrar para la gran mayoría de etiquetas. Si teneis etiquetas muy largas, hay que darle más anchura. Como se ha explicado, hay que hacer una segunda imagen para la parte izquierda. Para ello, simplemente crear una nueva imagen con el recorte de la parte "diferente" del botón.

Experimentando con el código y con el tamaño de alto de las imágenes, podeis conseguir otro tamaño de etiquetas-botones. Previa puesta a salvo de vuestra plantilla mediante una copia de seguridad...como siempre.

Más información:

Otra manera de diseñar etiquetas
Idea cogida de GemaBlog

Un acertijo de cajas

2007-08-12T14:41:00.000+02:00

Un clásico para un pequeño rato.

Una pareja está terminando de realizar la mudanza a su nueva casa. Sólo les quedaban ya 3 cajas por abrir y deciden tomarse un descanso

El: En fin, ya terminaremos mañana porque me di cuenta al empaquetar, que los rótulos de estas cajas estaban todos mal. Lo que hay dentro de cada una de ellas, no coincide con lo que pone fuera.

Ella: A ver...Una de "toallas", otra de "pijamas" y otra con las dos cosas, "toallas y pijamas"...¡Mira que eres desordenado!

El: Tienes razón cariño, pero la realidad es que están mal y no me apetece ponerme ahora a desembalar las tres.

Ella: ¡Desordenado... y perezoso! Pero bueno, tampoco es para tanto, porque sería suficiente con sacar una cosa de una de las cajas para saber con exactitud que contienen las tres ...

* ¿De qué caja sacarias tú un único objeto? ¿Cómo sabrías que es lo que contienen las tres?

Otro de puntitos

2007-08-09T00:17:00.000+02:00

Si fijas tu mirada en el punto central, tras un breve lapso de tiempo, los puntos de colores de alrededor empiezan a desaparecer.

Según leí, esto es debido a la fatiga visual producida en la retina, que es más pronunciada con las formas sin bordes definidos.

Un efecto similar en este enlace.

Ambigrama. Peque

2007-08-07T14:08:00.000+02:00

Alguien de Ciudad Real que necesita un modelo para tatuaje. Espero que alguno le cuadre...

Ambigrama. Anuar

2007-08-02T14:32:00.000+02:00

Otro colega. En este caso de afición. Esta es su página.

Formatear rótulos de la barra lateral

2007-08-02T12:01:00.000+02:00

Por defecto, muchas plantillas de Blogger llevan configurados los títulos de las distintas secciones de la sidebar de una manera muy simple: mayúsculas y un pequeño espaciado entre caracteres.

Para poder hacerlo al gusto, lo más cómodo es formatear el tipo de encabezamiento general.

Para ver con que nombre se han definido, pinchando en Expandir Plantillas de Artilugios, la instrucción clave para encontrarlos fácilmente en el código, es "data:title" y, en un principio, todos los artilugios lo llevan con este aspecto:

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

Como veis, en la plantilla Black Mínima, viene como Clase H2. Una vez descubierto, buscamos en la primera mital del código, la definición del aspecto de H2.

/* Headings

----------------------------------------------- */

h2 {

font:$headerfont;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color:$sidebarcolor;

}

font: tipo de fuente

line-height: altura de cada línea de escritura

text-transform: para pasar todas las letras a mayúsculas

letter-spacing: espacio entre caracteres

color: color de la fuente

Sólo nos queda cambiar los valores o añadir aquellos que queramos para que los títulos tengan el aspecto que queramos.

Se puede cambiar el color, la fuente, el tamaño, añadir un color de fondo, una imagen, etc.

Para ampliar información, aquí podeis encontrar un resumen de las funciones para formatear texto y de sus distintos atributos.

En la imagen de ejemplo, simplemente se ha añadido la línea

background:#940f04;

a la clase H2 para conseguir un efecto fácil y vistoso de fondo rojo.

Ojo: Puede ser que la clase de los títulos de la barra, sea también utilizada para otro tipo de títulos (por ejemplo la fecha del post). Si no quereis aplicar el nuevo formato a todos ellos, poner en la clase correspondiente (H2 en el ejemplo) aquel formato que vais a usar en más sitios y luego en el sitio correspondiente formatear de manera individual.

Esto sería donde se indica que el título vaya con el formato H2. Se tendrían que quitar las etiquetas H2 y sustituir por el formateo individualizado. Con un poco más de trabajo, también se puede crear un nuevo formato (Hx) y aplicarlo en ese apartado.

Suerte y no olvideis utilizar Vista Previa para ver el resultado antes de actulizar la plantilla y, sobre todo, hacer una copia de seguridad antes de empezar a hacer experimentos.

Sopa de letras con mensaje

2007-07-31T19:59:00.000+02:00

Este verano me ha dado por crear pasatiempos (no con mucha fortuna, todo haya que decirlo...). Así es que ahí va otro.

Descubre la frase escondida:

Como mi creatividad no da más de sí y la solución es muy fácil, se agradece no escribirla directamente en los comentarios.

Pista: En el juego se usan todas las letras.

Imagen oculta

2007-07-26T14:56:00.000+02:00

Unos sencillos girasoles que ocultan otra imagen bien distinta. ¿la ves?

Para ver la otra fotografía, selecciona ésta con el cursor o pulsa Ctrl+E.

Visto en InternetAdictos.

Actualización: Jose me hace notar que con Firefox no se aprecia la segunda imagen y así es.

Ambigrama. Javier

2007-07-19T19:07:00.000+02:00

Un buen colega...y también de profesión.

Varias cosicas sencillas para Blogger

2007-07-19T19:00:00.000+02:00

ELIMINAR NAVBAR

No sé si las condiciones de uso de Blogger permiten hacer esto, ya que la NavBar que aparece en la parte superior del blog, en cierta forma, es lo que sustituye a la publicidad que te colocan otros servicios de hosting. El que use este truco, lo hará bajo su propio riesgo, aunque si tuvieran que dar de baja todos los que no la tienen, probablemente se quedarían sin blogueros.

Plantilla-->Edición de HTML

Justo después de la etiqueta <head>, insertamos este código y la barra desaparece.

<style type="'text/css'">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;}
</style>

ELIMINAR MENSAJE "Mostrando mensajes con la etiqueta..."

Sí, ese que sale cuando se pincha en el enlace a un tema del blog. Este mismo que a duras penas se ve en la imagen de la izquierda.

Plantilla-->Edición de HTML y pinchamos en "Expandir plantillas de artilugios"

Buscamos la línea de código (con CTRL+f y la palabra status, sale enseguida)

<b:include data='top' name='status-message'>

y la borramos entera (sin cargarnos nada más). Grabamos y ya tenemos lo que queriamos.

INSERTAR PANTALLA DE OTRA WEB

Muchas veces queremos incluir en nuestras propias entradas, una imagen Con el aspecto que tiene otra web o simplemente una parte de ella. Por ejemplo para enlazarla.

Para ello, sólo hay que visualizar en nuestra pantalla aquello que queremos reproducir y a continuación pulsar la tecla "IMPR PANT" de nuesto teclado. Suele estar con otras teclas de función, cerca del teclado numérico. Es como un copiar (CTRL+C) pero de todo lo que vemos y no sólo de lo marcado. Ojo que copiará también las pestañas de tu exploraror, tu puntero, etc.

Luego se abre cualquier editor de imágenes (Paintbrush mismo sirve) y con un CTRL+V (pegar) o la opción "pegar" o "pegar como nueva imagen" del programa de imágenes, tendremos el pantallazo listo. Si "molesta" algo de alrededor, recortas la imagen a tu antojo y por último la guardas en tu disco duro para subirla dónde quieras posteriormente.

Y aunque esto lo tenía que haber puesto al principio del post, para no ser muy cansino nada más empezar, lo he dejado para el final:

Guardar una copia de vuestra plantilla antes de empezar a hacer experimentos con ella.

Acertijo veraniego

2007-07-13T20:00:00.000+02:00

Aunque los avezados solucionadores de pasa-ratos conocerán ya muchas sucesiones parecidas, se puede cambiar un momento de aburrimiento en las horas de calor, por un pequeño comecocos como éste...

¿Cómo sigue esta sucesión?

0, 10, 1110, 3110, 132110,...

Por favor, para que otros puedan también calentarse la cabeza, no deis directamente la razón o algoritmo de la sucesión.

Círculos animados

2007-07-09T23:05:00.000+02:00

Fija tu mirada en el punto negro central y prueba a acercarte a la imagen y alejarte alternativamente. Una de las circunferencias gira en el sentido de las agujas del reloj y la otra al revés.

En esta otra, tras unos minutos de atenta observación, podrás comprobar como se mueve el fondo tras el círculo que hay en primer plano ¿o quizás se mueve el propio círculo?

Ambigrama. Espejo Lúdico

2007-07-05T00:48:00.000+02:00

...o "pequeños placeres para mentes inquietas". Creo que este subtítulo resume bastante bien el contenido de uno de los blogs de Juan Luis Roldán. Ingenio en todas sus variantes.

El otro que conozco es Noticias de Ilusionario, mucho más antiguo y con un contenido centrado en ilusiones ópticas.

Para conseguir un logotipo para el citado en primer lugar, el autor ha convocado un concurso entre ambigramistas. Estas han sido mis propuestas y este es el enlace a todas las presentadas.

No dejeis de echar un vistazo al resto del blog.

Ambigrama. Chesco

2007-06-24T15:40:00.000+02:00

Estoy empezando a hacer prácticas con el Photoshop ¿se nota?

Tercer ojo - Pistas (niveles 66-70)

2007-06-24T13:39:00.000+02:00

Tercer ojo - El juego

Si estas pistas no te ayudan del todo y te atrancas en algún nivel, acude al foro oficial. Al final de cada post sobre el juego publicado en esta web hay un enlace al índice de temas.

Nivel 66: Por si eres de los que no son capaces de ver los estereogramas, te diré que dentro hay nada, porque efectivamente, eso es lo que pone. Esa pista nos lleva a un sin salida y combinada con la del CF, a otro sin salida. Por tanto, por ahí no vamos bien. Lo del idioma ya si que es importante. Sobre todo si nos fijamos mucho y bien en el nombre de la imagen .jpg.

Nivel 67: Sin pistas. Sólo nos puede servir la imagen y su tipo. Hay una característica de este tipo de imágenes que las diferencia de otros formatos como el .jpg o el .bmp. Trabajando esa característica con el editor adecuado, aparece la solución.

Nivel 68: Todo está en el CF ¿a qué te suena?.

Nivel 69: El apellido sólo nos lleva a un sin salida. Hay que fijarse en el título de la página y olvidarse de todo lo demás...bueno, no te olvides de los acentos como hizo el autor del juego.

Nivel 70: Es el turno de los formatos otra vez.Cuando tengas otra imagen, ya verás parte del siguiente fichero. Para seguir sólo te puede ayudar el zoom.
70b: Varias claves...para conseguir una conocida obra y después su autor.

Nos trasladamos a OLOJUEGOS.

Allí más niveles y más comentarios de ayuda.

Tattoo-Ambigrama

2007-06-22T00:55:00.000+02:00

¿Os acordais de la versión web de este ambigrama?

Pues este ha sido el resultado de la versión "piel"...

Muchas gracias por la foto Cristina. Seguramente no es el primer ambigrama de texto tatuado, pero sí es el primero que yo veo. Además, es un orgullo que alguien se ponga para siempre algo construido por uno...

Poner un contador en tu web

2007-06-21T00:45:00.000+02:00

El sistema es bastante fácil, pero como algun@s lo preguntais, entiendo que no os lo parece tanto.

Si teneis vuestro propio dominio, el servicio de hosting os facilita esta utilidad y sólo tendreis que activarla. El procedimiento varía dependiendo del servidor.
Para los que tenemos un dominio "prestado" como éste de Blogger, hay que recurrir a servicios externos. Básicamente hay que darse de alta (registrarse), poner los datos de la página que se pretende medir y luego colocar en ella el código html que os facilitan. En Blogger sería añadiendo un elemento de página como ya hemos visto en otras ocasiones.

Todos o casi todos ellos, tienen además servicio de estadísticas. Eso sí, las estadísticas son muy limitadas. En el caso de Contador gratis, sólo las últimas 100 visitas.

Si poneis el contador en la cabecera, barra lateral o pie de página, y éstos están configurados para aparecer siempre, pues os medirá el acceso a cualquier página de vuestra web. Si lo poneis en un post concreto, sólo os contará los accesos a ese post.

Los servicios que conozco son:

Después de haber colocado el código del contador, comprobar entrando desde otro PC, si os han colgado publicidad. Resulta que si entras desde tu propio ordenador, las cookies están preparadas para que a vosotros no os salga. Pero al resto de usuarios los bombardean (como parece lícito por otra parte, si el servicio es gratuito).

Contador gratis que es el que yo utilizo, no tiene publicidad...hasta la fecha. Álguno de los demás citados, que ahora no recuerdo, seguro que sí la tienen.

Un círculo perfecto

2007-06-18T17:07:00.000+02:00

Un efecto sencillito pero no por ello menos curioso. Una serie de líneas rectas colocadas con mala intención, provocan que no seamos capaces de apreciar la perfección del círculo central.

Iconos para marcadores sociales

2007-06-16T15:06:00.000+02:00

Hay varios sistemas para colocar los enlaces para notificaciones sociales (del.icio.us, fresqui, meneame, etc), pero el que se describe a continuación es el único que, de momento, he conseguido que funcionara bien en Blogger. Cuando conozca otro sistema más sencillo ya lo os lo paso.

Bueno...¡al tajo!: Hay que editar la "plantilla html" (hacer una copia de seguridad antes de trastear nada), "expandir plantillas de artilugios" y localizar las líneas de código que muestran el pie de los posts. En concreto hay que localizar la última línea. Tiene este aspecto:

Puede ser line-1, ó line-2, ó line-3...Nos interesa la última. El código descrito es la etiqueta de comienzo. Llevará algo de código adicional que hará referencia a lo último que muestran vuestras entradas, según la configuración de cada cual. Fijaros en lo último que muestran vuestros posts y eso confirmará que estais en esta última línea. Como pistas, PostLabels son las Etiquetas, PostBackLinks son los Vínculos de Retroceso, PostComments los comentarios, Post.EmailPostUrl es el enlace para enviar por correo, Post-TimeStamp es la fecha, Post-Author el autor de la entrada...

En cualquier caso, tras la última "line" y su código, estarán las etiquetas

</div> </div>

Justo delante de ellas es donde hay que copiar el siguiente código:

<p class='post-footer-line post-footer-line-3'><span class='bookmark'><table align='left' border='0' cellpadding='0' width='100%'><tr><td style='vertical-align:middle' valign='middle' width='10%'><div expr:id='"sbtxt"+data:post.id'>Compartir:</div><script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script></td><td><a expr:href='"http://www.blogmemes.com/post.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Blogmemes' src='http://farm1.static.flickr.com/169/408948874_ff61f10cb7_o.gif'/></a><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Menéame' src='http://farm1.static.flickr.com/175/408950197_fe135ad0a0_o.gif'/></a><a expr:href='"http://ocio.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Fresqui' src='http://farm1.static.flickr.com/166/408948877_5a350c6157_o.gif'/></a><a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' target='_blank'><img alt='Technorati' src='http://farm1.static.flickr.com/165/408950201_452c9115d9_o.gif'/></a><a expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' target='_blank'><img alt='DiggIt!' src='http://farm1.static.flickr.com/179/408948876_9174c1d5ec_o.gif'/></a><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Del.icio.us' src='http://farm1.static.flickr.com/174/408948875_d286be5064_o.gif'/></a><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' target='_blank'><img alt='Blinklist' src='http://farm1.static.flickr.com/177/408948871_0c6287dfd6_o.gif'/></a><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' target='_blank'><img alt='Yahoo' src='http://farm1.static.flickr.com/133/408950203_98a6d97d1d_o.gif'/></a><a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='Google' src='http://farm1.static.flickr.com/181/408950196_683192a7d8_o.gif'/></a><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' target='_blank'><img alt='Reddit' src='http://farm1.static.flickr.com/186/408950199_14c90ab3f0_o.gif'/></a><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' target='_blank'><img alt='Furl' src='http://farm1.static.flickr.com/162/408948880_b57aa7eb00_o.gif'/></a></td></tr></table><br/></span></p>

Lo único que hay que cambiar es el número de línea, poniendo el siguiente al último utilizado hasta ahora.

Para eliminar cualquiera de los iconos que aquí se pueden ver, sólo hay que eliminar entero el párrafo del marcador correspondiente, que va desde el <a expr:> hasta el </a>, ambos inclusive.

Tercer ojo - Pistas (niveles 61-65)

2007-06-16T01:47:00.000+02:00

Tercer ojo - El juego

Cinco niveles facilitos de pasar. Bueno, no tanto, pero sí que se pasan más rápido de lo que estamos acostumbrados... salvo el nivel 61, que tiene su áquel.

Nivel 61: Sólo una pista y es el nombre de la página dónde estás. Yo añado otra: Busca la imagen en los foros... Y hasta ahí puedo leer.

Nivel 62: Creo que está claro. Si necesitas un 397145 y tienes los números codificados como letras, pues tendrás que resolver el pasatiempo para encontrar la solución.

Nivel 63: Un sudoku con letras. No tiene más.

Nivel 64: CF "Busca la respuesta en el libro". ¿Es que se acabaron los niveles difíciles? Es un acertijo sencillo.

Nivel 65: Vuelven a complicarnos la vida. Fijaros que no hay Google. No obstante, si buscais, vereis que esa carta no existe (por lo menos con ese nombre). El nombre está forzado para formar 4 letras que nos dan la pista. En el nombre está la clave y como dice el CF, en la diferencia... Atento a tu Photoshop.

(¿y qué pinta esta imagen aquí...?)

Nos trasladamos a OLOJUEGOS.

Allí más niveles y más comentarios de ayuda.

Ambigrama. Manly

2007-06-07T18:28:00.000+02:00

"Manly, dama de agua dama de viento, en un dedo un lápiz en otro un pincel en otro una corchea en los otros… No sé..."

Así se presenta ella en su perfil y en su blog, Dama de Agua. Por la manera en que lo hace, ya podeis deducir que una de las COSAS que más le gusta es escribir...y eso es precisamente lo que podeis encontrar allí: opiniones, reflexiones, sentimientos... y demás mensajes que van pasando por su cabeza. Todos ellos los transmite, de una manera exquisita, mediante la palabra escrita.

Le anuncié un regalo y parece que eso le produjo cierta inquietud. Para no hacerla sufrir más, ahí va...

Ambigrama. Arte

2007-06-03T14:10:00.000+02:00

Siguiendo con Trazando Caminos y teniendo en cuenta que el tema de este mes era muy fácil de convertir en un ambigrama, no me he podido resistir...

Ambigrama. Positivos

2007-05-31T19:37:00.000+02:00

Una petición que me hace el componente de un grupo de León que le gustaría tener un ambigrama con su nombre: Positivos.

Parece ser que empezaron siendo Los Positivos, por el camino se les cayó el artículo, luego le añadieron el signo de la suma (+ Positivos), para terminar siendo POSITIVOS (sin más), según veo en su último CD.

Espero que sea así, porque los tres diseños que he hecho son sin el +.

Su web tiene entre otros datos y elementos, algunos MP3 con su música. Espero que os gusten.

Imagen con pestañas en cabecera ...y 2

2007-05-31T00:04:00.000+02:00

Una vez colocada la imagen como se explica, vamos a hacer que el interface de Blogger nos deje añadir nuevos elementos a la cabecera.

Se edita el código HTML de la plantilla (sin olvidar hacer antes una copia de seguridad), se marca "Expandir plantillas de artilugios" y se busca el apartado dónde está "maxwidgets". Con CTRL+F (buscar) llegais enseguida. Es algo como esto:

Ahora hay que cambiar el valor de maxwidgets de 0 a "3", showaddelement pasarlo a "yes" y locked ponerlo en "false". El primero para que nos permita tener más de un elemento en la cabecera, el segundo para poder añadir los nuevos elementos y el tercero para poder ordenar los distintos elementos. Guardar Plantilla.

Ya podemos añadir otro elemento y colocarlo encima o debajo de la cabecera. Lo más fácil para pestañas, es crearlas con un programa de dibujo, subirlas a un borrador del blog (o alojarlas en un servidor de imágenes) y luego añadir un elemento HTML/JAVASCRIPT como éste:

Así quedaría si ponemos dos veces el anterior código, cada uno con una dirección distinta de imagen (pestaña). Hay que repetirlo tantas veces como botones se quieran poner.

Ver Imagen con pestañas en cabecera 1.
Otra forma de crear etiquetas