5.7.12

Ocultar, cambiar fondo sidebar plantilla Travel



El fondo de la sidebar de la plantilla Travel puede ser ocultado y cambiado.

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (search) una línea del mismo:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

1.- Para ocultar el fondo de la sidebar le agregamos, al anterior código, la siguiente línea:

visibility: hidden;

...debiendo ese código quedar así:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  visibility: hidden;
}

2.- Para cambiar el fondo de la sidebar, en el mismo código indicado en el punto uno:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

...cambiamos el segmento resaltado por éste:

url("aquí la URL de la imagen")

...debiendo el código quedar así:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  margin-left: $(content.padding);
  background: url("aquí la URL de la imagen") repeat scroll top left;
}

La imagen deberá tener el mismo ancho de la sidebar (310px).


6 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Anónimo #

Hola, podrias hacer un tutorial sobre el cambio de sidebar? como editarlo y cambiar el diseño? Porfavor

Comentario escrito por Unknown : #

Anónimo: Aquí está el tutorial:

http://bloguermast.blogspot.com/2012/07/personalizar-sidebar-blogger.html

Saludos.

Comentario escrito por Lovatic Girl : #

Holaa tengo una pregunta , le puse el fondo a mi sidebar me salio bien solo que me pregunto como hago para que el texto y los widgets queden en el centro dentro de las sidebars

Comentario escrito por TW:Pd_Smith : #

Tengo plantillas nueva pero No Doy para establercer un color difenterte al sidebar

Comentario escrito por Unknown : #

Danrley: Indicas que tienes plantilla nueva, pero no dices cuál. Vamos a hacerlo con la plantilla simple: Vas a Plantilla ► Edición de HTML y, sin expandir plantillas de artilugios, localizas este segmento:

.main-inner .column-right-inner {
padding: 0 20px 0 0;
}

y lo cambias por éste:

.main-inner .column-right-inner {
padding: 0 20px 0 0;
background: #XXXXXX;
}

Cambiando las X por el número del código hexadecimal correspondiente al color que quieras poner.

Saludos.

Comentario escrito por Unknown : #

Hello, espero que seas mi angelito de la suerte, y me puedas ayudar y mil perdones por molestarte, Quiero agregar bottom al sidebar, como puedo hacer, probe de todo. T.T.

Gracias y saluttes.

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.