En ocasiones requerimos en nuestros sitios datos insertados por los usuarios, afortunadamente Joomla! cuenta con una serie de elementos que hacen mas amena esta tarea, el día de hoy quiero explicar como insertar el calendario de Joomla! tal y como lo vemos en la parte administrativa en las opciones de publicación al editar un articulo.
calendario joomla
Este articulo ha sido movido a:
http://www.mundosica.com/blog/2013/agregando-el-calendario-de-joomla-a-nuestras-campos-de-formularios/
El twitter Bootstrap entre sus componente que tiene trae incorporado un sistema de paginación con links activos, normales y deshabilitados.
Resultado Paginación de twitterBootstrap en WordPress
http://twitter.github.com/bootstrap/components.html#pagination
Por otra parte el sistema WordPress suele agregar la paginación de los posts en el archivo loop.php de la plantilla en cuestión, desgraciadamente la función paginate_links nos genera un código html algo diferente a lo que requerimos para adaptarlo al bootstrap.
Salida en HTML necesaria
http://codex.wordpress.org/Function_Reference/paginate_links
Navegando por Internet encontré algunas implementaciones, p.e:
http://panosgalatis.com/2012/08/14/wordrpess-and-twitter-bootstrap-pagination/#.UHvXCqyqyio
Sin embargo incluyen modificaciones al CSS, cuando este renderizado se puede hacer solo con PHP como se muestra continuación:
loop.php
Hice un gists en github con el código fuente para que se pueda descargar:
Ejemplo Calendario con tooltip de twitterBoostrap
El Twitter Boostrap trae integrado en su sección de javascript un plugin de JQuery (el ToolTip) el cual resulta muy útil e interesante a la hora de mostrar información extra sobre algún elemento o enlace de nuestro sitio.
Por otra parte WordPress nos proporciona un calendario que nos muestra los posts por fecha, el código html del calendario que nos interesa es básicamente este:
<table id="wp-calendar"> .. <td> <a href="url" title="descripcion detallada">num día</a> </td> ... </table>
Conociendo el código HTML al que queremos acceder podemos acceder a estos elementos y agregarle el tooltip, como se muestra a continuación:
/** Le agregamos el toolTip a los elementos que nos interesan **/
$('#wp-calendar').find('td a').tooltip();
Queda a reflexión del lector por que use $('#wp-calendar').find('td a') en lugar de $('#wp-calendar td a').
Calculador de Kua
Kua número que representan una energía que tiene una dimensión espacio/tiempo. Cada año del calendario chino está regido por un número Kua, definiendo nuestro elemento cósmico, signo chino, puntos favorables y puntos desfavorables (esto ultimo del del Feng-shui).
Ocho números Kua están relacionados a los siguiente puntos cardinales:
La fecha de nuestro nacimiento determina el año chino en el que nacimos y el número kua que nos rige, determina también nuestras orientaciones favorables y desfavorables y al mismo tiempo nuestro “signo chino“(Mono, pollo, perro, cerdo,etc..).
el problema que el calendario chino no va a la par con el calendario gregoriano que nos rige.
Como la polaridad del hombre y la mujer son diferentes, el kua para un mismo año difiere según tu sexo.
Hay dos grupos de personas:
Mayores informes de la astrología china:
http://es.wikipedia.org/wiki/Astrolog%C3%ADa_china
Basándome en toda esta teoría me puse ha elaborar una pequeña herramienta la cual también la pueden usar en linea ó descargar y editar/usar a su gusto, esta herramienta por el momento nos permite calcular:
Entre sus principales características es que esta hecha solamente con html, css y javascript no depende de ninguna librería(jQuery, mootools, etc.).
http://fitorec.github.com/proyectos/calendario_chino/
¿Platícame ¿cual es tu signo chino y tu numero Kua?
En ocasiones es necesario un reloj que cuente de forma regresiva(clockCountdown), por ejemplo si estamos esperando algún evento del cual faltan no sé 5 días(por ejemplo), entonces este reloj podría servir para indicar que faltan 5 días, 0 horas, 0minutos y 0 segundos posteriormente se desincrementaría quedando en 4 días, 23 horas, 59minutos y 59 segundos y así sucesivamente:
Relog regresivo en acción
Android logo with only HTML & CSS3
mapa_mexico
Este es un manual el cual espero tendrá de 4 a 3 artículos, lo empece hace un par de meses pero lo he tenido detenido por mucho tiempo(al igual que mi manual de jquery, el de php y el de inkscape), espero poder dedicarle algo de tiempo y acabar de publicarlo este año, sin mas dejo lo que vendría siendo un borrador de la 1ra sesión.
rockola.flujos.org
Flujos.org es un laboratorio de radio y streaming por Internet, entre las cosas desarrolladas es la versión de flujos vivos el cual es una distribución basada en debian booteable el cual tiene todo lo necesario para empezar a trasmitir.
Desde hace algunos meses se empezo con el subproyecto la rockola el cual es un concentrado de las trasmisiones y a la vez un auditeka, para esto estamos haciendo uso de octopress(A blogging framework for hackers), jQuery corriendo sobre HTML5, el proyecto lo administramos con git.
He estado pensando en hacer un datasheet(chuleta) para jQuery, no se, se me ocurre algo como http://jqapi.ru/ pero con varios ejemplos propios, mientras organizo mis ideas, hoy quiero compartir uno:
http://fitorec.github.com/manuales/ejemplo_color_de_fondo_cambiante/
Últimamente he descuidado bastante este blog, la razón es que he estado mas metido por el github aquí en este espacio he estado agregando un par de recursos, entre ellos un par de manuales, comparto el manual de barras de proceso:
