como pongo un fondo en un blog?

-Alejanro Magno- · #1 (**permalink**) 28/09/2008, 05:30

He estado media hora queriendo poner el background a un blog. Pero no puedo, siempre me falla algo.

Alguien amable, me puede insertar esto por favor?

http://www.sepularmy.net/downloads/crest_1024x768.jpg

Ponedlo aqui abajo xfa, donde corresponda

<body class='layout-two-column-left'>
<div id='container'><div class='pkg' id='container-inner'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main [/url] |
<a href='#sidebar'>skip to sidebar[/url]
</span>

<div id='banner'><div class='pkg' id='banner-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='GerniRock (cabecera)' type='Header'/>
</b:section>
</div></div>

<div id='pagebody'><div class='pkg' id='pagebody-inner'>

<div id='alpha'><div class='pkg' id='alpha-inner'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text1' locked='false' title='Epa musikos' type='Text'/>
<b:widget id='Gadget1' locked='false' title='Traduktora' type='Gadget'/>
<b:widget id='VideoBar1' locked='false' title='Barra de vídeo' type='VideoBar'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
<p><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Template[/url] by <a href='http://www.blogcrowds.com/'>Blogcrowds[/url].</p> </div></div>

<div id='beta'><div class='pkg' id='beta-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div></div>


<div class='clear'> </div>

</div></div> 

<div id='footer-wrapper' style='clear:both;'>
<b:section class='footer' id='footer'>
<b:widget id='Gadget2' locked='false' title='Audio Diccionario' type='Gadget'/>
</b:section>
</div>

</div></div>
</body>

Mikmoro · #2 (**permalink**) 28/09/2008, 10:01

Depende de dónde lo quieras poner. Lo mejor sería que lo pusieras en la hoja de estilo (o en los estilos del head), pero buen, por ejemplo si se lo quieres poner al body, ponlo así:

<body class='layout-two-column-left' style="background: url(http://www.sepularmy.net/downloads/crest_1024x768.jpg);">

Si lo quieres en otra parte, simplemente corta y pega el trozo desde style a la etiqueta correspondiente.

-Alejanro Magno- · #3 (**permalink**) 28/09/2008, 10:30

Gracias por la respuesta, pero todavia no me pone el background. Arriba me pone lo que me has puesto; concretamente lo siguiente:
style="background: url(http://www.sepularmy.net/downloads/crest_1024x768.jpg);">

Esto me gana tio, te pongo un poco del head para saber donde ponerlo

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Fleur
Designer: J. Maloney
Updated by: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/

Distributed by: http://BTemplates.com
----------------------------------------------- */

@import url(http://i61.photobucket.com/albums/h5...e-weblog.css);

/* NOTES

- Photoshop brush used - fresh foliage - http://designfruit.com/jasongaylor/blog/?p=37 - with thanks.

- You can change the look by changing the header color
- Change fleurheaderblack.gif in the style below to any of the following ...

fleurheadergrey.gif
fleurheaderblue.gif
fleurheadergreen.gif
fleurheaderred.gif

contact http://www.blogcrowds.com/ for additional info regarding header
*/

#banner {
background-image:url(http://i61.photobucket.com/albums/h5...derblack.gif);
}

/* ------------------------------------------------------------------------------------------------------- */

body {
padding:0;
margin:0;
background-color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:82%;
color:#252525;
line-height:1;
}

Mikmoro · #4 (**permalink**) 28/09/2008, 11:53

Pero es que no sé dónde lo quieres colocar. Si es en el body debes meterlo aquí:

body {
padding:0;
margin:0;
background-color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:82%;
color:#252525;
line-height:1;
background: url(http://www.sepularmy.net/downloads/crest_1024x768.jpg);
}

si es que tienes acceso a editar esa parte, que no lo sé.

-Alejanro Magno- · #5 (**permalink**) 28/09/2008, 13:12

Bueno vamos mejorando, pero ahora solo aparece una parte pequeña de lo que quiero poner, justo debajo del banner.
A mi me da igual donde ponerlo, con que aparezca el fondo me da igual...

Mikmoro · #6 (**permalink**) 28/09/2008, 16:04

Pon la dirección de esa web y te digo dónde creo que debes ponerlo.

-Alejanro Magno- · #7 (**permalink**) 29/09/2008, 10:01

http://gernirock.blogspot.com/

Hay lo tienes, gracias

Mikmoro · #8 (**permalink**) 29/09/2008, 10:10

¿Y dónde quieres que aparezca el fondo que pusiste en el primer mensaje?

-Alejanro Magno- · #9 (**permalink**) 29/09/2008, 12:46

Cita:

Iniciado por Mikmoro

¿Y dónde quieres que aparezca el fondo que pusiste en el primer mensaje?

Pues lo que esta en blanco. Que cuando bajas para abajo que quede el fondo quietecito, no se si me explico.

-Alejanro Magno- · #10 (**permalink**) 01/10/2008, 11:24

mikmoro alguna respuesta?

Mikmoro · #11 (**permalink**) 01/10/2008, 12:31

Es que no te entiendo bien. En el primer mensaje hablabas de cómo colocar un fondo y ponías una imagen; ahora hablas (o me parece) de un fondo estático, y cuando te pregunto dónde quieres poner el fondo que mostraste en el primer mensaje, me contestas:

Cita:

Pues lo que esta en blanco. Que cuando bajas para abajo que quede el fondo quietecito, no se si me explico.

Lo siento pero no entiendo nada.

-Alejanro Magno- · #12 (**permalink**) 01/10/2008, 13:45

El fondo de este foro es blanco no? sin imagenes ni nada, pero si le pones la imagen de fondo se reemplazaria el blanco por la imagen. Es lo que te intento explicar. Recuerdo como ejemplo www.ogame.com.es, no se si lo conoceras. Pues ese tiene un fondo de estrellas, si no recuerdo mal. Digo la capa que esta bajo todo.
Me explico¿?

DragonX · #13 (**permalink**) 01/10/2008, 13:49

Cita:

#banner {
background-image:url(http://i61.photobucket.com/albums/h5...derblack.gif);
background-position:fixed;
}

si entendi bien, creo que buscabas esto!

kseso? · #14 (**permalink**) 01/10/2008, 14:24

Siquieres que aparezca "en lo que está en blanco", debes insertar el código que te dicen en el div

Cita:

#pagebody {
background: url(http://www.sepularmy.net/downloads/crest_1024x768.jpg) /*fixed (si lo quieres fijo)*/;
margin:0;
padding:65px 0 30px;
text-align:left;
}

Pero tienes que tener en cuenta que esa imagen es de 1024x768 y que la anchura de ese div viene heredada de "container" que tiene un width de 100%, así que cuál es el efecto en pantallas mayores en anchura y al hacer scroll vertical.
También, que color vas a darle al texto para que se vea sobre ese fondo?
Un saludo

Mikmoro · #15 (**permalink**) 01/10/2008, 15:20

Cita:

Iniciado por -Alejanro Magno-

El fondo de este foro es blanco no?

Cómo te pasas. Cuando hablamos de esto el fondo de la página no era blanco, sino que tenía un fondo en la parte de arriba, en negro como con unas flores blancas, que ahora has quitado. ¡Que no soy tan gilipollas!. Si el fondo hubiera estado como ahora no te preguntaría dónde querías poner el fondo

Hay que ver.

Añade este selector a tu css:

#container-inner {background: #000 url(http://www.sepularmy.net/downloads/crest_1024x768.jpg) no-repeat;}

y ahora quita la línea que te señalo de este otro:

#pagebody {background-color:#FFFFFF;
margin:0pt;
padding:65px 0pt 30px;
text-align:left;
}

Ahora tienes tu fondo negro y tu imagen como fondo.

-Alejanro Magno- · #16 (**permalink**) 02/10/2008, 10:10

Bueeeno la cosa ya esta mas claro, pero veo 2 cosas malas:
El banner destroza la imagen, se puyede quitar el banner solo quedando el fondo??
Lo del fondo quietecito me he equivocado ejje, quiero que se desplaze cuando movamos lo demas.
Lo de los colores de las letras ya lo investigare haber que tal.

Gracias por las respuestas!!!