Hace ya un tiempo que los search inputs al estilo Safari se están poniendo de moda. Algo fácil si quieres conseguirlo en Safari, más complicado si lo haces en otro navegador y un trabajo bastante duro si quieres combinar las dos anteriores -no tanto si ya tienes todo el código claro.

Como podéis ver yo lo he conseguido en este blog y os lo voy a explicar a continuación para que veáis que no es nada difícil.

<li id="applesearch">
  <span class="sbox_l"></span>
  <form class="sbox" method="get" action="<?php bloginfo('url') ?>/">
    <input type="search" name="s" id="s" value="Buscar"
onfocus="if (this.value == 'Buscar') {this.value = '';}"
onblur="if (this.value == '') {this.value = 'Buscar';}" autosave="applestyle_srch"
results="5" onkeyup="applesearch.onChange('s','srch_clear')" />
  </form>
  <span class="sbox_r" id="srch_clear"></span>
</li>

Con este HTML tendréis suficiente para que se vea correctamente en Safari, tened en cuenta que está hecho para Wordpress así que deberéis cambiar algunas cosas para que funcione fuera de el.

Si quieres conseguir un aspecto parecido, con funcionalidades similares deberás hacer lo que explico a continuación:

Seguir leyendo… »

Descubro gracias a Andrés Nieto un huevo de pascua en la nueva versión de Wordpress. Es un tanto singular y me ha hecho bastante gracia, vaya fieras hay detrás de este CMS.

¿Quieres verlo?

• Ves a cualquier post.
• Haz click en cualquier revisión y se te abrirá la página de revisiones.
• Elige mirar cambios entre una versión antigua y ella misma
• Disfrútalo

Follow the white rabbit!

Cosas como estas me sube bastante el ego, se que es una tontería pero uno se conforma con poco. Como muchos de mis contactos de mensajería instantánea sabrán soy el típico pesado preguntón, que da la paliza con código día sí día también.

El caso es, y con esto no quiero decir que el sea pesado ya que es la primera vez, hoy me han hecho la primera pregunta sobre código, es algo sencillo y que muchos lo darán por supuesto, pero me ha hecho mucha ilusión.

Lo único que tenía que hacer es un menú desplegable para englobar todos los meses del archivo de Wordpress ya que era demasiado grande, aquí está la solución:

<form name="archivo" action="">
   <select name="meses" onchange="window.location = (document.forms.archivo.meses[document.forms.archivo.meses.selectedIndex].value);">
      <option value="#">↓ Archivo</option>
      <?php wp_get_archives('type=monthly&format=option'); ?>
   </select>
</form>