Foros del Web » Creando para Internet » HTML »

como pongo un fondo en un blog?

Estas en el tema de como pongo un fondo en un blog? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/09/2008, 06:30
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
como pongo un fondo en un blog?

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'>


<!-- skip links for text browsers -->
<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>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div></div> <!-- end content-wrapper -->

<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><!-- end outer-wrapper -->
</body>
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
  #2 (permalink)  
Antiguo 28/09/2008, 11:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como pongo un fondo en un blog?

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.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 28/09/2008, 11:30
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
Respuesta: como pongo un fondo en un blog?

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;
}
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
  #4 (permalink)  
Antiguo 28/09/2008, 12:53
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como pongo un fondo en un blog?

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é.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 28/09/2008, 14:12
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
Respuesta: como pongo un fondo en un blog?

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...
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
  #6 (permalink)  
Antiguo 28/09/2008, 17:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como pongo un fondo en un blog?

Pon la dirección de esa web y te digo dónde creo que debes ponerlo.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 29/09/2008, 11:01
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
Respuesta: como pongo un fondo en un blog?

http://gernirock.blogspot.com/

Hay lo tienes, gracias
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
  #8 (permalink)  
Antiguo 29/09/2008, 11:10
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como pongo un fondo en un blog?

¿Y dónde quieres que aparezca el fondo que pusiste en el primer mensaje?
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 29/09/2008, 13:46
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
Respuesta: como pongo un fondo en un blog?

Cita:
Iniciado por Mikmoro Ver Mensaje
¿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.
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
  #10 (permalink)  
Antiguo 01/10/2008, 12:24
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
Respuesta: como pongo un fondo en un blog?

mikmoro alguna respuesta?
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
  #11 (permalink)  
Antiguo 01/10/2008, 13:31
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como pongo un fondo en un blog?

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.
__________________
Visita mi nueva web idplus.org
  #12 (permalink)  
Antiguo 01/10/2008, 14:45
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
Respuesta: como pongo un fondo en un blog?

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¿?
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
  #13 (permalink)  
Antiguo 01/10/2008, 14:49
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: como pongo un fondo en un blog?

Cita:
#banner {
background-image:url(http://i61.photobucket.com/albums/h5...derblack.gif);
background-position:fixed;
}
si entendi bien, creo que buscabas esto!
  #14 (permalink)  
Antiguo 01/10/2008, 15:24
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: como pongo un fondo en un blog?

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #15 (permalink)  
Antiguo 01/10/2008, 16:20
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como pongo un fondo en un blog?

Cita:
Iniciado por -Alejanro Magno- Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 01/10/2008 a las 16:32
  #16 (permalink)  
Antiguo 02/10/2008, 11:10
Avatar de -Alejanro Magno-  
Fecha de Ingreso: diciembre-2006
Mensajes: 265
Antigüedad: 11 años
Puntos: 0
Respuesta: como pongo un fondo en un blog?

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!!!
__________________
Coged vuestras armas y corceles. Cabalgad hasta la victoria. Compañeros de armas, hemos vencido.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:29.