Como poner una imagen flotante en el blog

Para poner una imagen flotante en nuestro blog igual que la que tengo yo en la esquina inferior derecha, sólo necesitas 2 cosas,

  1. La imagen, a poder ser .png para poder ponerla con el fondo transparente.
  2. Añadir un pequeño código HTML a la plantilla(theme) de tu blog o Web.

El código HTML que hay que poner es este:

<img src="url-de-la-imagen" alt="Mi imagen flotante" border="0" style="position:fixed; bottom:0; right:0;" />

Y hay que ponerlo justo antes del </body> de nuestro theme, que suele estar en el archivo footer.php

Y el resultado es algo parecido a esto:

imagen-flotante
Sigue leyendo

Bordes redondeados con CSS3

Antes con CSS2 si queríamos crear un recuadro con los bordes redondeados, primero teníamos que hacer las cuatro imágenes de las esquinas redondeadas y poner cada imagen en una esquina y bla, bla, bla….

Ahora con CSS3, y la propiedad border-radius lo podemos hacer de manera muy fácil. Fijaos en el siguiente ejemplo:

Bordes redondeados con CSS3

Así de fácil y rápido se hace un caja con los bordes redondeados en CSS3.

Para conseguir este efecto he usado el código XHTML y CSS que os muestro a continuación.

Código XHTML

<div class="bordes-redondeados">
        
    <h2>Bordes redondeados con CSS3</h2>
            
    <p>Así de fácil y rápido se hace un caja con los bordes redondeados en CSS3.</p>
        
</div> 

Código CSS

 .bordes-redondeados {
    width: 400px;    
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #069;
}

.bordes-redondeados h2 {
    padding: 10px 15px 5px 15px;   
    text-align: center
    color: #fff;
}

.bordes-redondeados p {
    margin: 0;
    padding: 5px 15px 10px 15px;    
} 

Sigue leyendo

Dibujar anime en 9 pasos

Como dibujar anime

No se porque pero a todos nos encantan los personajes y los dibujos de anime, tienen algo especial, pues si te gustaría poder dibujarte tus propios personajes de anime, en Cristalab han publicado 9 magníficos posts en los que explican como hacerlo, y yo los he agrupado todos 😉

No se si asanetml tiene pensado poner algún post más, pero si lo hace actualizare la lista, porque yo me he quedado con ganas de más, sobretodo del boceto del cuerpo femenino 😉

Iconos sociales para tu blog

iconos sociales

Para los que no acabáis de decidir que iconos sociales poner en vuestro blog, hoy os traigo un pack de 16 iconos de gran calidad que seguro que más de uno vais a utilizar (yo probablemente lo haga) ya que son realmente bonitos y originales.

El pack de iconos sociales de Page Peel ha sido creado por ProductiveDreams.

Si estos iconos sociales no os acaban de gustar, os dejo un link con más de 600 iconos sociales gratis de gran calidad, que seguro que alguno encaja en vuestro diseño.

Vía | CSS Blog
Descarga | Iconos sociales

Espectaculares iconos para tus feeds

feed

A veces veo espectaculares iconos para los feeds y me gustaría implementarlos en el blog pero no se donde, no quedarían bien en mi theme, pero seguro que a lo mejor a vosotros si os quedan bien.

Los iconos son de PSD Graphics y te los puedes descargar gratis en una resolución de 3200x2400px, casi naa.

gold-rss-iconos Gold RSS

Iconos | PSD Graphics

Premio al mejor diseño con WordPress

concurso-wordpress

WPWebHost ha creado un concurso de diseño en themes desarrollados en WordPress con 3 buenos premios:

  1. Un banner del ganador de cada categoría en su web.
  2. 200 Dólares para el ganador de cada categoría.
  3. Alojamiento gratis de por vida.

Creo que me voy a presentar, no pierdo nada, pero lo que no tengo claro, es en que categoría participar, si en la de Limpio y Minimalista o Moderno y Elegante, cual me recomendáis?

Si vosotros también queréis participar, pues es muy sencillo, solo tenéis que publicar un post sobre el concurso y proponer vuestro theme de WordPress en alguna de las 5 categorías existentes:

  • Limpio y Minimalista
  • Retro y Vintage
  • Grunge
  • Mano alzada
  • Moderno y Elegante

Una de las cosas que no me gustan es que cualquiera pueda presentar un theme creado por otro y sólo retocado,…. es bastante injusto para el creador del theme.

PD: De todas formas, si queréis un buen hosting para vuestro blog en WordPress os recomiendo Blogsting.

Vía | Ayuda WordPress

Jornada de Dibujo Digital

CampusMac ofrecerá un taller de dibujo digital el próximo Sábado 14 de Febrero en K-Tuin Barcelona.

Jornada de Dibujo Digital

Los ponentes de este taller serán Rafa Vargas-Machuca y Ruth que nos mostrarán como crear y colorear ilustraciones usando un Mac, por cierto, a cada asistente se les prestará un iMac y una tableta gráfica Wacom Bamboo, gentileza de Wacom.

Las plazas son limitadas, de modo que si no queréis perder la vuestra la podéis reservar enviando un mensaje mediante el formulario de contacto de CampusMac, indicando vuestro nombre completo y pidiendo una plaza.

El precio de la jornada es de 5 euros para los no-socios, y gratuita para los socios CampusMac. Recordad que en la misma jornada, cualquier persona podrá hacerse socia por 35 euros anuales in-situ.

Más iconos sociales

Después de leer el post de ayer, Intruso me pasa una bonita colección de los Iconos que ha usado en su nuevo theme:

(max)Icone Blog – Pack 1 de WebFruits

iconos sociales

(max)Icone Blog – Pack 2 de WebFruits

iconos sociales

(max)Icone Blog – Pack 3 de WebFruits

iconos sociales

Y curiosamente hoy en Smashing magazine nos muestarn un pack de iconos sociales muy chulos.

iconos-sociales.gif

Pues bueno cuando necesitéis iconos sociales para vuestros diseños ya sabéis donde acudir 😉