Si usas Post personalizados (custom type post o CTP), en WordPress, te habrás dado cuenta de que los buscadores (tanto el de administración como el de usuarios) no entran en los campos ni en los Post que hayas creado. Para solucionarlo, os traigo un código que buscará en todos ellos. Añade el siguiente código al archivo functions.php de vuestro tema:
(más…)
Uno de las mejores opciones que he encontrado para personalizar checkbox y radio buttons es iCheck. Obtendrás un diseño idéntico, tanto en plataformas móviles como monitores. Control táctil. Acceso por teclado (tabular, espacio, etc.) ¡Y todo en 1KB!
Lo mejor, además, es que tiene opción de descargar temas personalizando el color.
La verdad que el diseño de los Checbox es horroroso cuando lo insertamos por defecto y es uno de los elementos que peor se llevan con los estilos así que a la hora de manipular el diseño suele conllevar dolores de cabeza.
Para ahorrarte alguna aspirina te dejo este código con JQuery que cumple muy bien el objetivo. Podrás cambiarle el diseño al 100%. Con un estado hover, selected, etc.
Espero que le saquéis partido.
· Demo: Ver Contenido
· Tutorial: Ver Contenido
Habré probado decenas de códigos para customizar el aspecto de un listbox pero la verdad que no me ha convencido ninguno particularmente.
Este parece tener mejor pinta.
· Demo Ver Contenido‘
– Archivo Adjunto: selectBox.zip
Me ha costado sangre encontrar este script para personalizar Listbox de un formulario con imágenes.
Usa JQuery y podéis encontrar información: Ver Contenido‘
Ejemplo: Ver Contenido‘ (Pulsar en Choose an icon para ver el efecto)
El código lo podéis descargar el archivo adjunto.
– Archivo Adjunto: select.rar
He visto muchos tutoriales para hacer elementos Vintage pero este me ha llamado especialmente la atención por permitir customizar el mapa en cuestión usando Yahoo Maps.
Curiosamente usa una textura de la librería que puse en este directorio hace poquísimo tiempo Ver Contenido‘
¡Internet es un pañuelo!
Un problema a la hora de diseñar Webs en HTML es que los rótulos de las columnas, textos de botoneras o citas, etc. debemos de insertarlos en JPG o GIF. La razón es sencilla, se suelen poner fuentes llamativas, fuentes que generalmente no tiene nadie, por lo tanto el explorador no las puede interpretar y deja la Arial por defecto. Esto conlleva que Google no las puntúe de forma óptima. Lo mejor es usar las etiquetas H1 o similar.
Así que… como podemos usar una fuente que nos guste, que todo el mundo la pueda ver, aunque no la tenga, y que google la capte como H1 por ejemplo?
La respuesta la tenéis mejor explicada aquí (Ver Contenido‘) de lo que yo sería capaz de hacerlo así que no os lo perdáis porque.
Mirar este ejemplo (Ver Contenido‘), el código fuente (que son H1) y las fuentes que son custom.
Una pasada para optimizar en buscadores desde luego con sIFR y JQuery.
Un lastre que solemos llevar todos los diseñadores es el de los campos de formulario para subir archivos (fotos, PDF, etc.) Son muy feos! Y difíciles de modificar mediante CSS…
Con este método, usando CSS y DOM, podremos customizar la imagen y quitar el campo de texto. Echarle un ojo a la demo, la funcionalidad sigue siendo la misma pero con un look mucho más fácil de integrar.
· Demo Ver Contenido‘
– Archivo Adjunto: inputcss.rar
