Tutorial:Eliminando el fondo Tranparente de una plantilla ♥

Hola hoy les traigo otro tutorial que me pidieron como eliminar el fondo transparente de una plantilla ,lo malo es que no alcance a preguntarle que plantilla usaba asi que hice tutorial de todas las plantillas que tenían este fondo transparente   nose si me entenderan cuando esplique el tutorial por que lo hice rapido  bueno empesamos .

POR FAVOR PARA VER MEJOR LAS IMÁGENES CLIC EN LA IMAGEN

PARA PLANTILLAS Fantástico, S.A.

Para Plantilla Basica o Blogger: Ir a Plnatilla/Editar HTML / Presionas CTRL+F y colocas en la cajita que te aparecio 

 .main-inner .column-right-inner {

Te aparecera asi como en la imagen :

Abajito aparecera este codigo:

  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

 Si quieren que sea blanco el fondo :

el codigo : 

  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

Lo borran y lo remplazan por este 

(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

  background:#FFF;

 Si no quieren el fondo tranparente y no quieren ponerle fondo 

solo borren el codigo :

 background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

Para plantillas Picture Window

Para Plantilla Basica o Blogger: Ir a Plnatilla/Editar HTML / Presionas CTRL+F y colocas en la cajita que te aparecio 

 .content-outer {

Te aparecera asi como en la imagen :

abajito aparecera :

  background: $(content.background);

ese código es el fondo transparente negrito de todo el contenido de la plantilla 

 Si lo quieren de color blanco :

lo borran y lo remplazan por este :

  background:#FFF;

 Si no quieren el fondo tranparente y no quieren ponerle fondo 

solo borren el codigo 

background: $(content.background);

 Borrar Bordes transparentes:

El codigo que esta mas abajito :

  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

son los bordes que también están en fondo transparente pues al borrar el código del fondo transparente del todo el contenido te quedara unas lineas por alli medio transparente 

Para no tener eso, borran ese codigo que les dije antes .

Otra plantilla de Picture Window

Para Plantilla Basica o Blogger: Ir a Plnatilla/Editar HTML / Presionas CTRL+F y colocas en la cajita que te aparecio 

.main-outer {

Te aparecerá así como en la imagen :

mas abajito esta :

  background: $(main.background);

Ese codigo es el fondo tranparente blanco de todo el contenido  

 Si lo quieren de color blanco :

lo borran y lo remplazan por este :

  background:#FFF;

 Si no quieren el fondo tranparente y no quieren ponerle fondo 

solo borren el codigo 

background: $(main.background);

 Borrar la sombra tranparente negro del contenido 

El codigo que esta mas abajo :

  -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);

lo borramos también por que deja unas lineas transparentes :3 que viene a ser la sombra del contenido .

Para plantillas Viajes o Travel

Para Plantilla Basica o Blogger: Ir a Plnatilla/Editar HTML / Presionas CTRL+F y colocas en la cajita que te aparecio 

.content-inner {

Te aparecerá así como en la imagen :

mas abajito veremos el codigo :

  background: $(content.background);

ese codigo es el fondo tranparente negro de todo el contenido  

 Si lo quieren de color blanco :

lo borran y lo remplazan por este :

  background:#FFF;

 Si no quieren el fondo tranparente y no quieren ponerle fondo 

solo borren el codigo 

background: $(content.background);

 Para  borrar o cambiar de color al fondo de las entradas:

Aora buscamos el codigo :

.main-inner .column-center-outer {

Mas abajito te aparecerá :

  background: $(post.background.color) $(post.background.url) repeat scroll top left;

ese codigo es el fondo transparente negro de las entradas   >.< ¡ 

 Si lo quieren de color blanco

 lo borran y lo remplazan por este :

  background:#FFF;

 Si no quieren el fondo tranparente y no quieren ponerle fondo 

solo borren el codigo 

  background: $(post.background.color) $(post.background.url) repeat scroll top left;

 Para eliminar o cambiar de color al sidebar 

Buscamos el codigo :

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 

mas abajito nos aparecera :

  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

ese codigo es el fondo transparente negro del sidebar derecho donde estan los gadgets   >.< ¡ 

 Si lo quieren de color blanco

 lo borran y lo remplazan por este :

  background:#FFF;

 Si no quieren el fondo tranparente y no quieren ponerle fondo 

solo borren el codigo 

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

 Para el sidebar izquierdo

buscamos el codigo :

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

mas abajito esta :

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

ese codigo es el fondo transparente negro del sidebar izquierdo donde estan los gadgets   y bueno en lo anterior dije que hacen si lo quieren blanco o lo eliminan .

Si tienen otra plantilla y tiene este fondo transparente por favor avisarme y dejarme su url de blog si lo quieren eliminar o cambiar por un color 

Tengo otro pedido de tutorial sobre personalizar el cbox y el otro el del calendario que tengo de los archivos ,paciencia por favor  estoy muy ocupada estos dias con mis estudios ,me volveré loca  jaja ok no,también are un tutorial de un efecto que les gustara nunca antes visto 

Respondiendo DUDAS :

HeavyToday: Primero buscas .content-outer {

y abajito te aparecera

 background: transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left;

este //www.blogblog.com/1kt/transparent/black50.png es un fondo transparente que tienes en tu blog en la parte del contenido de tu blog ,quieres ponerle opacidad ,pero al ponerlo te sale todo con opacidad es por que el contenido esta junto con el fondo por eso ambos se ponen opacidad ,pero bueno hay solucion para eso :

Cambia 

 //www.blogblog.com/1kt/transparent/black50.png

(ELije uno el que tenga la opacidad que gustes )

por 

http://i62.tinypic.com/4qlgn9.png

 o 

http://i62.tinypic.com/zvwfg9.png 

o 

http://i60.tinypic.com/3478ox3.png

nose a que opacidad deseeas pero en estas hice ,pero si quieres mas opacidad o no te gusta la opacidad que puse en la imagen ,vas a http://www.blogblog.com/1kt/transparent/black50.png  guardas esa imagen y vas a photoshop,lo abres esa imagen en photoshop, la imagen esta indexado que no te permitira editarlo asi que vas en el menu y ases clic donde dice imagen ,luego modo y luego Color RGB

Luego aparece ese candadito ases clic dos veces o uno sobre el 

Te aparece asi : le das ok 

Luego finalmente podemos editarlo ,vamos a opacidad que se encuentra  en capas que estaba en 100 y le bajamos asta 50 o lo que desees 

Luego Relleno ( el color negro que tiene lo vamos a poner un poco mas transparente) tambien esta en 100 le bajas asta 60 o el numero que desees 

Finalmente vas a Archivo guardar como , y en formato png lo guardas (muy importante que lo guardes en png) y lo subes a host de imagenes te recomiendo http://es.tinypic.com/ o elije uno si tienes :3 y despues te dara la url de la iamgen al subirlo y lo remplazas en   //www.blogblog.com/1kt/transparent/black50.png

Listo espero que te haya servido