Tutorial:Eliminando el fondo Tranparente de una plantilla ♥

Hola imagehoy 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 usabaimage asi que hice tutorial de todas las plantillas que tenían este fondo transparente image  nose si me entenderan cuando esplique el tutorial por que lo hice rapido image 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 image
Tengo otro pedido de tutorial sobre personalizar el cbox y el otro el del calendario que tengo de los archivos ,paciencia por favor image estoy muy ocupada estos dias con mis estudios ,me volveré loca image jaja ok no,también are un tutorial de un efecto que les gustara nunca antes visto image
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 
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 




8 comentarios :

  1. Muy buen tutorial, Gracias Luna <3
    Adoro tu blog ^^ Te felicito.
    Besos~*

    ResponderEliminar
  2. Muchas gracias por el tuto! siempre me pregunte como se podia sacar el fondo xD
    Saludos~

    ResponderEliminar
  3. buenisimo siempre quise saber esto :DDD te acuerda de mi ?? hace tiempo y no vengo a esto saludos amiga nunca voy a olvida TU GRANDIOSA AYUDA Saluditos
    Satonara

    ResponderEliminar
  4. hola muy buen tutorial he encontrado la linea pero por mas que cambio no me sirve mi blog es burbujanails.blogspot.com.es quiero quitar lo transparente y ponerlo blanco me ayudarias mucho. Gracias

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥