Foros del Web » Creando para Internet » CSS »

Incluir banner en la parte izquierda estática de mi blog

Estas en el tema de Incluir banner en la parte izquierda estática de mi blog en el foro de CSS en Foros del Web. Hola queridos compañeros programadores de este prestigioso foro. Quisiera poner un banner en la parte estatica izquierda de mi blog de wordpress, utilizo el theme ...
  #1 (permalink)  
Antiguo 08/03/2016, 10:52
Avatar de gustadg  
Fecha de Ingreso: febrero-2015
Ubicación: Cali Colombia
Mensajes: 24
Antigüedad: 9 años, 2 meses
Puntos: 1
Exclamación Incluir banner en la parte izquierda estática de mi blog

Hola queridos compañeros programadores de este prestigioso foro.

Quisiera poner un banner en la parte estatica izquierda de mi blog de wordpress, utilizo el theme canvas, el banner seria de publicidad de adsense.

Si alguien me dice como hacerlo con códigos o algún plugin le agradecería. No se mucho de códigos pero algo entiendo.

Lo que quiero es que el banner aparezca aquí y se quede estático cuando se desplaza la persona hacia abajo por el blog.



[URL="http://recetaspostresfaciles.com"]Mi blog es este[/URL].

Muchas gracias a todos.
  #2 (permalink)  
Antiguo 10/03/2016, 17:29
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 8 años, 8 meses
Puntos: 12
Respuesta: Incluir banner en la parte izquierda estática de mi blog

Podrias hacer algo asi:

Código HTML:
<div id='banner'></div> 
Código CSS:
Ver original
  1. #banner{
  2.     background-image:url('DIRECCION DE IMAGEN');
  3.     background-position:top center;
  4.     background-repeat:no-repeat;
  5.     background-size:contain;
  6.     width: ;            /* Ancho del banner */
  7.     height: ;           /* Alto del Banner */
  8.     position:fixed;     /* Para que el banner te siga cuando bajas el scroll */
  9.     float:left;         /* Para flotarlo a la izquierda */
  10.         top: ;                       /* Para controlar su altura en la pagina */
  11.        left: ;                        /* Para controlar su posicion a los lados */
  12. }

Eso es lo que tendrias que hacer, luego podrias utilizar margines para controlar la posicion en caso de que quede mal, y asi lo dejarias perfecto.

Espero te sirva, y saludos!

Última edición por TrinityCore; 11/03/2016 a las 12:03

Etiquetas: banner
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:52.