Cambiar el color de Fondo del Blog
Categorías: Colores, Gratis, Otros Servicios, Personaliza Código, Plantillas, Servicios para Blogs30. October 2006.15:10
Esto es aplicable a cualquier Plataforma de Blogs (Blogger, Wordpress...), solo selecciona la tuya.
Primero deben ubicar el siguiente código en el css, lo principal es el body (estilo de la plantilla)
Para la mayoría de las plantillas de blogger, su hoja de estilos suele aparecer en la parte superior de su plantilla, entre los códigos <style> y </style>. Algunas plantillas simplemente hacen referencia a un archivo externo que contiene el style.
Si se encuentra en un archivo externo, entonces deberán primero descargarlo, cambiarlo (agregándole las dos líneas mencionadas) y luego volver a subir el archivo a un servidor propio.
Para mi plantilla:
-
body{
-
font: 62.5%/1.6 "Lucida Sans Unicode", "lucida grande", "Trebuchet MS", sans-serif;
-
text-align: center;
-
background: #2F2F2F url(http://www.asclive.com/Tituloblogayuda.png) repeat-x 0 0;
-
color: #EAE3D4;
-
border-top: 1px solid #430E08;
-
}
Lo importante de este código es background: #2F2F2F (y background:#000; para la plantilla minima black), este número corresponde al color que tenemos en el fondo del blog.
Aquí les dejo una página para que prueben números y vean ¿que color es?:
Draac, y esta otra es una paleta de colores de wikipedia.
Este otro servicio es super util, sobre todo a la hora de ver la combinacion entre los colores, se llama
Synthaxis:
Hay 4 cuadros, al pinchar cada uno de los cuadros, aparece el numero que corresponde al color:
Entonces, pinchan sobre el numero y escriben el de ustedes.
Como ven super facil de utilizar.
Este otro servicio es quizas mas util que el anterior para los que no tenemos idea de combinar colores....jajaja, ya que uno escribe el color base, y entrega 8 colores mas que combinan con el dado. El servicio se llama
COLORTOY 2.0
Ahora, si te gustan los colores de una web, y no sabes como extraerlos de su plantilla, esta pagina I Like Your Colors te permite ver los colores que utiliza.
Solo debes escribir la direccion del blog al final de la pagina, donde dice:
Type the URI of a page below and submit it to see what colors it uses:
En mi caso es http://ayudaparatublog.com
y pinchar el boton. Entonces la pagina se recarga con la imagen de arriba y sus codigos
Y finalmente este pagina te entrega colores con respecto a una imagen
Color Palette Generator, lo unico que debes hacer es escribir la url de donde esta alojada la imagen
Espero que les sirva.
Si este Post te ayudó recuerda votar por el blog En esta Página
(2 votos, promedio: 1 de 10)
Loading ...Post Relacionados
Pantones">PantonesPost Por Hacer">Post Por Hacer
BlogFlux">BlogFlux
Imagen de Fondo para el Blog">Imagen de Fondo para el Blog
Como Cambiar el Titulo del Blog para Agregar una Imagen o Foto">Como Cambiar el Titulo del Blog para Agregar una Imagen o Foto
Post al Azar:
Envía este Post
Translate this Blog 
2. November 2006. a las 5:00 pm
hola!
tu blog me ha sido de gran ayuda!
aunque debo confesar que me ha costado un mundo pero lo he lo gfradoi de a poco gracias a tu blog, sabes estoy tratando de cambiar mi template, ya elegi uno de una pagina q recomendaste (www.oswd.org) mi problema es que no se bien como hacerlo, guarde la pagina en el pc y entre los archivos q me salen en la carpeta viene una plantilla que he copiado de diferentes manrenas en la plantilla de mi blog sin resultados lo unoco que me cambia es el fondo del blog y no sale nada de nada … no se bien como hacerlo me estoy volviendo loco ya jejejejje..si puedes ayudarme te lo agradeceria…
mucha suerte! y gracias!
4. November 2006. a las 1:37 am
Pues, me interesa mucho cambiar el color de fondo, pero no comprendi nada cacer de como hacerlo. No se si el color debe ser redireccionadop desde una web o colocar el codigo. Siempre me aparece en blanco.
Saludos
7. November 2006. a las 8:56 pm
¿Puedo cambiar el Ecolor de fondo de un post cuando me de la gana?
25. December 2006. a las 11:09 am
PUES YO QUERRIA DECIRTE QUE HAY TAMBIEN PUEDES PONER ESTE CODIGO Y EL FONDO DE LA WEB SERA LA IMAGEN QUE PONGAS (background:url)
EJEMPLO
body {
background:#000;
margin:0;
padding:20px 20px;
font:x-small “Trebuchet MS”,Trebuchet,Verdana,Sans-Serif;
text-align:center;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
background:url(”http://photos1.blogger.com/blogger/2619/1638/1600/WEB.jpg”) repeat;
25. December 2006. a las 11:11 am
DETRAS DE background:url DEVES DE PONER LO DE LA LINEA DE ABAJO ES TODO JUNTO AUNQUE HAY APAREZCA DEBAJO EN REALIDAS ESTA EN LA MISMA LINEA EN LA PLANTILLA
16. March 2007. a las 4:21 pm
yo tengo el son of moto y e conseguido encontrar el lugar del
color de fondo, perotambien he tenido que cambiar tambien el borde que hay entre el fondo (exterior de las publicaciones) y las publicaciones
ya que se me quedaba el color verde
entre las publicaciones y el fondo azul que habia puesto, hay que cambiarlo, no quitarlo, si lo quitas
puede que desaparezca la barra que hay junto a las entradas.
de todas maneras, gracias por decir mas o menos la apariencia del lugar
del codigo html
15. December 2007. a las 7:26 pm
Ayudenme.
Cambie en fondo por una imagen, pero cuantro entra la gente me dicen que no pueden verlo, pero yo si puedo que es lo que ocurre?
aqui esta el html
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:$bgcolor url(http://img240.imageshack.us/img240/2047/bgrsplatterrs2.jpg) fixed repeat-x;
url(”http://img240.imageshack.us/img240/2047/bgrsplatterrs2.jpg”) repeat-x;
margin:0;
padding:0;
font:80% Arial, Sans-serif;
text-align: center;
color:#FFFFFF;
korn_423@hotmail.com
27. December 2007. a las 11:28 am
olas gracias he comensado mi blog i esto me a servido muxas gracias