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;

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;

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

lo borran y lo remplazan por este :
background:#FFF;

solo borren el codigo
background: $(content.background);

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

lo borran y lo remplazan por este :
background:#FFF;

solo borren el codigo
background: $(main.background);

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

lo borran y lo remplazan por este :
background:#FFF;

solo borren el codigo
background: $(content.background);

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 >.< ¡

lo borran y lo remplazan por este :
background:#FFF;

solo borren el codigo
background: $(post.background.color) $(post.background.url) repeat scroll top left;

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 >.< ¡

lo borran y lo remplazan por este :
background:#FFF;

solo borren el codigo
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

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

muy buen tutorial, gracias ^^
ResponderEliminarmuchas gracias !!! que buen tuto
ResponderEliminarMuy buen tutorial, Gracias Luna <3
ResponderEliminarAdoro tu blog ^^ Te felicito.
Besos~*
Se te agradece^^ ¡¡buen tutorial!!
ResponderEliminarGracias :3
ResponderEliminarMuchas gracias por el tuto! siempre me pregunte como se podia sacar el fondo xD
ResponderEliminarSaludos~
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
ResponderEliminarSatonara
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
ResponderEliminarGracias. Me ha ayudado muchísimo
ResponderEliminar