Comunidad hecha para todos los usuarios que tienen blogs . Para compartir nuestros blogs , hacer preguntas y tutoriales para mejorar nuestros blogs . No te olvides de seguirnos.

Ver más
  • 1,378 Miembros
  • 1,204 Temas
  • 381 Seguidores
  • 0

Pestaña lateral de usos múltiples

Hola eh encontrado hace poco una pestaña lateral de usos multiples que la utilizo para promocionar mi foro (que obviamente no esta dentro de Blogger)

es esta: La pueden ver en mi blog




Y este es el codigo:


<style type='text/css'>
#contenedor {
position:fixed;
top:50%;right:0px;
width:61px; height:82px;
background:url(url de la imagen) no-repeat transparent 4px 0px;
z-index:10;
}
</style>
<a href='url del enlace'><div id='contenedor' onmouseout='this.style.backgroundposition=&quot;4px 0px&quot;;' onmouseover='this.style.backgroundposition=&quot;right bottom&quot;;'/></div></a>



Muy bien ahora los tips para modificala:

La imagen que utilice en mi blog es de 81 x 62 Px segun la dimenciones de la que cargen ustedes deberan modificar esto:

width:61px; height:82px;

Otra cosa que pueden mofificar es esto:

top:50%;right:0px;

top:50% es la ubicacion de la pantalla pueden subirla un poco o bajarla a gusto (aumentando o reduciendo el porcentaje)

right:0px; esto también refiere a la ubicación donde Right es derecha y la podes cambiar por left que es izquierda y 0px se refiere a la distancia son respecto al borde de la pantalla, mientras mas pixeles le agregues mas cerca estará del centro
  • 0
  • 2Calificación
  • 0Seguidores
  • 443Visitas
  • 0Favoritos

2 respuestas

@blogdelporta dijo Hace más de 1 año:

benisima +1

@lobeco dijo Hace más de 1 año:

muy bueno +1

Tienes que ser miembro para responder en este tema