Freebies: 6 Dingbats Navideños Gratis

05 diciembre 2014


Seguimos con los post de temática Navideño, esta semana os traigo unos cuantos Freebies gratis, y muy pero que muy navideños listos para descargar.

¿No sabes que es un Dingbat?

Es una tipografía, pero se diferencia de estás, que en lugar de estar formada por caracteres alfanuméricos, se tratan de símbolos tipográficos. Y su uso es idéntico al de una Tipografía, podemos cambiar el color, ponerle un alineación, cambiarle el tamaño tanto modificarla a un tamaño mas grande o mas pequeña sin peligro de perder calidad ya que aunque es una imagen se trata igual que cualquier Tipografía.


Dingbats Navideños




Espero que disfrutes de estos 6 Dingbats gratis, que a mi son los que particularmente mas me han gustado, y te pueden ser muy útiles en estas fechas para decorar tanto una felicitación navideñaetiquetas para tus regalos e incluso porque no para hacer uno lamina navideña para decorar tu casa durante estos días.


¿Cual es vuestro preferido?

Freebies: Números para hacer tu Calendario de Adviento.

28 noviembre 2014


Hola!!

Hoy no vengo con ninguna oferta para el BlackFriday, pero si que os traigo unos Freebies para que hagáis vuestro Calendario de Adviento durante este fin de semana.

Si os habéis pasado por CTQ? Esta semana os proponía 10 ideas DIY de Calendarios de Adviento y en ese mismo post os adelantaba que hoy os traería unos cuantos modelos de números del 1 al 25 para vuestros Calendarios de Adviento Handmade. Aunque también valen para utilizarlos para cualquier otra cosa, por ejemplo para Meseros en una boda, para numerar los platos en un cumpleaños o cualquier cosa que se te ocurra.

Adviento Freebie Calendario


Son 3 modelos el primero de ellos son Circulos en Color Rojo que son los que me diseñe para el Calendario de Adviento que me fabrique el año pasado que ya os enseñe en CTQ?.

Y dos modelos mas que he creado especialmente para vosotros y que espero que os gusten. El segundo modelo con forma de Estrellas en tonos pastel y el tercer modelo con Fondo de pizarra que incluso puede servir para decorar vuestros regalitos de Navidad ya que tienen forma de etiqueta.




Aquí los tenéis por si os apetece descargarlos, ya me contareis si os han gustado. :)

Como crear una Galeria de Imagenes en tu blog.

21 noviembre 2014



Hola, !!

Hoy os traigo un Tutorial sobre Html, para crear una Galería de imágenes para mostrar vuestros proyectos, o por ejemplo muy útil para los Blogs sobre DIY o Manualidades. Lo que permite crear esto son las tablas de Html, en lo que cada celda de la tabla esta representada por una imagen.

Este es el código que necesitamos para crear nuestra galería de imágenes, primero os dejo con el código que tenéis que copiar en la parte html de las paginas de Blogger o en vuestro post.

<table align="Alineación de la galería"border="0" cellpadding="4"><tbody>
<tr> */Abrimos fila
<td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td>  */Añadimos celda/Imagen
<td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td> */Añadimos celda/Imagen
</tr> */Cerramos Fila
<tr> */Abrimos Nueva Fila
<td> <td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td>
<td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td>
</tr> */Cerramos Fila y así sucesivamente para cada nueva fila.
</tbody></table>


A continuación paso a explicar como podéis personalizar este código para que la Galería de Imágenes tenga el aspecto que vosotros queréis y conseguir el numero de filas y columnas que queráis.

*Alineación de la Galeríaa : Aquí deberéis sustituirlo por right, left o center, dependiendo de la alineación que queráis para vuestra galería, si  por ejemplo la queréis centrada, pondréis center. 

* En "border="0" : El valor cero nos permite eliminar el borde alrededor de las fotos, si la queréis sin marco lo dejaremos a "0". Si por el contrario queréis borde, podéis añadirlo poniendo un valor mayor a cero en función del tamaño de borde que queráis. Si queréis que el borde tenga un color determinado, por ejemplo rojo debéis añadir justo después de border="0" este codigo: bordercolor="red"

* En cellpadding="4" : El numero 4 representa las distancia entre celdas/imágenes, si ponemos 0 no habrá separación entre ellas. Iremos subiendo el valor para conseguir mayor separación entre las celdas.

*<tr>  Indica la apertura de una nueva fila y <tr> representa cada celda dentro de esa fila. Por lo que en el código que os muestro conseguiréis una tabla de dos filas y dos columnas.

* URL_DESTINO: La dirección web o el link donde queremos que nos lleve al hacer click sobre esa imagen.

*URL_IMAGEN: Es la url de la imagen que obtendréis subiendo a un alojamiento de imágenes como Tynipic  o Imageshack. La dirección que necesitáis tiene que acabar en .jpg o en .png.


Si aun así no has quedado claro, tenéis a disposición mi email abloggingcup@hotmail.com , si os surge cualquier duda mientras montáis el código.