Twitter : Pack de iconos libres

En Pinkmoustache han creado este bonito conjunto de iconos de Twitter y lo han liberado para que lo utilicemos todos.

Los iconos representan al dulce pajarito que es la mascota de Twitter en diferentes estados de ánimo: sorprendido, enamorado, enfadado, mirando de reojo como sospechando, con gafas y en estado normal.

Los puedes descargar todos en un pack en formato PNG con el fondo transparente y en alta calidad a 80×80 y 128×128 pixels.

Descarga | Pack de iconos de Twitter
--> Leer Más...

Marcos para imágenes con Clip Your Photos

Las aplicaciones online lo ponen todo tan fácil que es imposible resistirse, lo malo viene cuando esa herramienta la utilizamos con frecuencia y un buen día desaparece. Nos quedamos frustrados y buscamos desesperadamente otro aplicación similar aunque no siempre hay suerte.

Mientras eso no ocurra con Clip Your Photos tenemos la posibilidad de añadir marcos a nuestras imágenes escogiendo entre 13 modelos distintos así como escoger el color del marco desde la paleta de colores.



Fuente: gemablog
--> Leer Más...

Añadir gadgets debajo de la cabecera del blog

Generalmente cuando hacemos un menú queremos ponerlo abajo de la cabecera pero en muchas plantillas no hay un apartado debajo de la cabecera para añadir elementos. Aun así hay formas de colocar elementos debajo del header (o sea, de la cabecera) y sin tener que batallar tanto.
Hay tres maneras para colocar elementos debajo de la cabecera y las tres son efectivas:
  1. Entra en Diseño > Elementos de la página y arrastra el elemento que quieres hasta debajo de la cabecera.

  2. arrastrar elementos

  3. Otra opción es cambiarlo directamente desde la plantilla, entra en Diseño > Edición de HTML y SIN marcar la casilla de expandir artilugios localiza el gadget que quieres mover de lugar; por ejemplo, un elemento HTML/Javascript sería algo como esto:
    <b:widget id='HTML1' locked='false' title='Título del gadget' type='HTML'/>
    Selecciónalo y con CTRL + X cortalo, busca un poco arriba el área de la cabecera y pégalo con CTRL + V justo debajo de esta parte:
    <b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>

  4. La última opción es activando el crosscol. Si usas una plantilla clásica de Blogger verás que debajo de los códigos de la cabecera se encuentra esto:
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
Sólo cambia donde dice no por yes, guarda los cambios y ve a Diseño > Elementos de la página y verás que ya tienes el apartado debajo de la cabecera para añadir más gadgets.

crosscol
Si tu plantilla no es de Blogger es muy probable que no lo tenga, pero no es ningún problema, sólo busca la etiqueta <div id='main-wrapper'> y arriba de ella pega esto:
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>
Con cualquiera de estas tres formas podrás tener tu menú o cualquier otro gadget debajo de la cabecera.

Fuente: Ciudadblogger
--> Leer Más...

Completo Pack de Elementos Web 2.0

Esta buscando una forma sencilla de que su sitio Web se vea bien? No quiere perder demasiado tiempo con los software de gráficos tratando de ver que puede lograr? Entonces este Super Pack de Gráficos Web 2.0 es exactamente lo que necesita...

He reunido para usted una excelente colección de gráficos Web 2.0 realmente profesionales y de altísima calidad, que usted solo debe copiar y pegar en su sitio Web o blog.

No requiere experiencia en diseño.

No necesita ningún software especial.

Literalmente le tomará solo unos minutos pegarlos en su sitio Web o blog.

Aqui les dejo un excepcional conjunto de gráficos web 2.0 en formato .psd.(photoshop)

Incluye:
  • Web Boxes
  • Banners
  • Sliders
  • Ribbons
  • Buttons
  • y más...
Tamañ0: 22 MB | Rapidshare

Descargar (exclusivamente para abrir en photoshop)

Fuente: conectablog
--> Leer Más...

Efecto hover en bordes

El efecto hover cambia el aspecto de un elemento cuando se sitúa el puntero sin que sea seleccionado y vuelve a su estado original cuando se retira el puntero.

Para el ejemplo he añadido los estilos de borde que tengo en las imágenes de mis entradas, de esa forma respondo al mismo tiempo a los que me preguntaron por ese detalle.

La diferencia está que para añadir los estilos a las imágenes de los post lo hacemos en:

.post img {
......
......
......
}

Nota: Pero no es muy recomendable ya que aveces puede descuadrar sus publicaciones antiguas.

Si deseamos añadir un borde a las imágenes añadimos antes de ]]></b:skin>

.border img{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
padding: 5px;
background: #ffffff;
border-top: 1px solid #969696;
border-left: 1px solid #969696;
-moz-box-shadow: 2px 2px 4px #696969;
-webkit-box-shadow:2px 2px 4px #696969;
box-shadow:2px 2px 4px #696969;
}

Y en una entrada o gadget de html añadimos:

<div class="border"><img src="url-imagen"/></div>

La imagen se vería de esta forma.



Si además de los estilos para el borde añadimos unos estilos para el efecto hover la misma imagen al pasar el puntero mostraría los nuevos estilos.

.hover img:hover {
padding: 5px;
background:#ffffff;
border-top: 1px solid #475E0B;
border-left: 1px solid #475E0B;
-moz-box-shadow: 2px 2px 4px #9C192A;
-webkit-box-shadow:2px 2px 4px #9C192A;
box-shadow:2px 2px 4px #9C192A;
}



Fuente: gemablog
--> Leer Más...

Synchtube: Una herramienta para complicar más tu revisión de videos de Youtube

¿Alguna vez quiso compartir un vídeo con su amigo o familiar, pero que desean que estás allí con ellos para ver lo que podía disfrutar el momento juntos?

Synchtube resuelve este problema mundial que nos tenía a todos muy preocupados ¿Verdad?, por lo que le permite compartir un vídeo en tiempo real. Simplemente debe pegar un vínculo de YouTube y crear un ambiente o una sala de chat.

Luego deberá esperar que sus amigos se conecten al mismo tiempo para disfrutar de aquel vídeo tan importante que desea compartir. Quizás sea de utilidad para pasar un momento divertido entre amigos y/o amigas pues mientras ven el vídeo pueden ir enviando mensajes tipo chat para comentar el suceso visual, algo que ya tienen algunos proveedores de televisión por internet como Justin Tv.

Quienes quieran distraerse chateando en vez de ver el video pueden darle uso, quizás la utilidad este por el lado de las empresas o productoras de videos promocionales, para el resto de mortales creo que sólo puede dejarnos algunos momentos de ocio válido en algunas circunstancias.

Desde ya a sincronizar relojes.
--> Leer Más...

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika