IceBeat

Modifique la plantilla hace unos días pero no dije nada de su actualización, he introducido los acceskeys en la parte de los comentarios.

Lista de acceskeys hasta ahora:

• 1 . Ir al contenido
• 2 , Ir al menú
• 3 . Ir al pie de pagina

Solo funciona en las entradas individuales

• q .Ir al formulario
• w , Ir a los comentarios
• z . Nombre
• x . Email
• c .Web
• v Textarea

Si os dais cuenta pillado toda la parte izquierda para tenerlos y nunca mejor dicho a mano ;P.
He dejado las teclas A,S,D,F,G para la parte del menú como los archivos, volver al weblog, categorías, blogrolling…

Gracias ha este programa puedo al fin editar los vídeos de la boda de mi hermana en imovie, que alegría, creía que todos los vídeos capturados no me iban a servir para nada.

Es lo que tiene capturar con el soft que viene con la capturadora pinnacle que utiliza su propio codec de compresión y no ha dios que lo pille.La solución ha sido tan fácil como tener que ir buscando de foro en foro, un par de días liadito pero al fin lo he conseguido.

Basicamente lo que he tenido que hacer es instalar en el mac los codecs DIVX para poderlos ver con quicktime, luego en windows he tenido que cambiar la compresión de vídeo, no he conseguido ningún programa que me sirviera de pasarela a .mov, así que los AVI los he pasado a DIVX con lo que del tirón me los ha reconocido quicktime y claro si lo reconoce el, también el idvd y el imovie.

No veas que alegría tengo por el cuerpo, ya puedo meterle mano al vídeo y ademas desprenderme considerablemente de los megas de mas que ocupaba con el otro compresor.
De 2 gigas de un vídeo con formato PIM con DIVX me lo ha reducido a la mitad, creo que es perfecto no? misma calidad y menos espacio, yo lo veo genial ;P

Nos vemos en iChat!!! ;P. Aunque solo sea para probarlo no? ;P

He colocado todo el codigo de la plantilla que tenemos hasta ahora para ver muchisimo mas claro el codigo fuente y el resultado final.

Incluso le he añadido unos comentarios de ayuda con el inicio y fin de cada bloque.

Este bloque lo vamos a dividir en tres partes, las anotaciones, los comentarios y el formulario, dejando de lado todo lo demás, lo importante de este proyecto es crear la plantilla principal y luego ir añadiendo mas secciones, por ejemplo en este bloque un formulario de contacto, un sistema de archivos, una sección about…

Empezaremos por la primera parte, las anotaciones de nuestra bitácora, lo primero de todo es encapsular en un div dicha anotación, en ese bloque definiremos el titulo, el contenido y la información del articulo en una lista ordenada alfabéticamente.

Para separar los bloques de los artículos vamos a usar un hr, no suelen ser molestos y los podemos ocultar fácilmente, ademas nos sirve como referencia visual para separar los artículos, también lo he añadido porque esta de moda incluir una imagen a modo de separador al final de los artículos.

<div class="post">
<h3 class="ptitle">Lorem ipsum</h3>
<div class="bodypost">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum est eu mauris. In volutpat blandit felis. Suspendisse eget pede. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Quisque sed arcu. Aenean purus nulla, condimentum ac, pretium at, commodo sit amet, turpis. Aenean lacus. Ut in justo. Ut viverra dui vel ante. Duis imperdiet porttitor mi. Maecenas at lectus eu justo porta tempus. Cras fermentum ligula non purus. Duis id orci non magna rutrum bibendum. Mauris tincidunt, massa in rhoncus consectetuer, lectus dui ornare enim, ut egestas ipsum purus id urna. Vestibulum volutpat porttitor metus. Donec congue vehicula ante.</div>
<ul class="infopost">
<li class="autor"><a href="/about/" title="Info sobre el Autor">Autor</a></li>
<li class="category"><a href="/categoria/" title="Ver listado articulos de esta categoria">Categor&iacute;a</a></li>
<li class="pcoments"><a href="/comentarios/" title="Ir a los comentarios">Comentarios (1)</a></li>
<li class="date"><a href="/fecha/" title="Ver listado de archivos">Fecha</a></li>
<li class="plink"><a href="/permanlink/" title="Url para hacer permalink a este articulo">Permalink</a></li>
<li class="tbacks"><a href="/trackbacks/" title="Url para hacer trackbacks a este articulo">Trackbacks (1)</a></li>
</ul>
<hr class="separator" />
</div>

A primera vista parece algo complejo pero las listas son una buena forma de manejar y ordenar la información, he claseado todo los li por si algún avispado quiere quitar alguno, por ejemplo yo ;P, este blog carece de trackbacks porque utiliza textpattern entonces eliminare ese tag.

Como pequeña anotación decir que lo que crearemos es la estructura pero para nada lo que escribiremos dentro de ella, es decir, lo que pongas en el apartado autor o fecha dependerá solamente de ti, no es plan de tenerlo todo milimetrado sino parecería algo bastante soso, escribo esto porque puede parecer algo bastante estricto y aunque en realidad lo es no creo que perjudique en el diseño de la bitácora.