Tutorial: Imagen flotante en tu blog Septiembre 27, 2007
Como podéis observar en la esquina inferior derecha del blog, hoy he realizado el cambio de añadir la simpática imagen de Homer Simpson como en Moskis.
¿Cómo podéis aplicar una imagen flotante en vuestro blog?
Muy sencillo:
- Lo primero es tener la imagen que queremos colocar, yo recomiendo que no sobrepase los 200×200 píxeles.
- Editamos la hoja de estilo de nuestra bitácora style.css, la plantila para los que utilicéis blogger. Añadimos las siguientes líneas:
#flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url( http://imagenparasubir.jpg) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
- Por último editáis el archivo sidebar.php y nos ponemos al final del todo, mientras que en Blogger buscamos dónde termina la barra lateral y añadimos el siguiente código:
<a id=“flotante”>Comenta</a>
Comentarios
Enlace por diseño Septiembre 5, 2007
Esta iniciativa está fuera de servicio hasta que pueda dedicarle más tiempo al blog y gane un poco de popularidad.
Pensando como poder dar a conocer mi nuevo blog, he creeido que podría ser una buena idea realizar diseños para otros bloggers que enlazaran mi bitácora.La reglas del juego serían las siguientes:
- Solo realizaré diseños de headers (cabecera del blog), firmas o avatares.
- Para poder mantener un orden, solo podréis pedirlo cuando haya acabado el del anterior usuario.
- Entregaré el diseño en formato .jpg, .gif y .psd para que podáis realizar alguna modificación si lo deseáis.
¿Cómo puedo pedir un diseño para mi blog?:
- Postea en esta entrada un comentario con el enlace de tu blog, tipo de diseño (header, firma o avatar).
- Enlaza mi blog con el texto “David JG”.
- Empezaré con tu diseño. Espera a recibirlo, los iré posteando en esta entrada con su respectivo enlace de descarga para el .psd.
- Una vez terminado el intercambio de enlace por diseño, agregaré un link en esta entrada hacia tu bitácora.
Diseños realizados:
Estado –> Puedes pedir tu diseño en un comentario / Espera a que realice el diseño de otro usuario antes de tu petición
Mi Twitter
- Por fin viernes, descansando de la semana, actualizando mis webs y viendo el comisario 1 week ago
- Ya llegué de la EOI, mañana es uno de los viernes del mes que me tocá ir, pero no me van a ver el pelo xD 1 week ago
- He acabado de comer, ahora repasando mi correo y mis blogs favoritos 1 week ago
- More updates...
Posting tweet...
Powered by Twitter Tools.
Buscar
Tags populares
.com backorders Búsquedas canciones diseño enlaces favicons flickr Google halo html humor imágenes James Blunt Letras de canciones microsoft plugins wp política publicidad Rihanna subastas tutoriales versiones wp vídeos web 2.0 webmasters xbox 360
Sobre este blog...
Categorías
- Asides (7)
- Blogs (1)
- Curiosidades (3)
- Diseño (2)
- Dominios (3)
- Imágenes (1)
- Lyrics (2)
- Música (1)
- Programación (1)
- Twitter (4)
- Videojuegos (1)
- Vídeos (2)
- Webmasters (1)
- Wordpress (3)
Blogs que me molan
- aNieto2K
- Blogdominios.com
- Cangurorico
- Carlos Blanco
- Carrero
- Com
- La Maté por un Yogur
- Real Madrid
- Seo Profesional
- Torrents
Entradas Anteriores
Comentarios Recientes
- lucy en Lyric - Letra canción Umbrella de Rihanna
- Humberto en Tutorial: Imagen flotante en tu blog
- lucy en Lyric - Letra canción 1973 de James Blunt
- anali en Tutorial: Imagen flotante en tu blog
- CAMILA en Lyric - Letra canción 1973 de James Blunt
Contenidos propios liberados bajo licencia Creative Commons. CC 2006-2007