Foros de daboweb

MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación => Webmasters - Diseño Web - Programación - Diseño gráfico => Mensaje iniciado por: elmago en 14 de Marzo de 2010, 09:31:01 am

Título: cambiar fondo de blog (SOLUCIONADO)
Publicado por: elmago en 14 de Marzo de 2010, 09:31:01 am
Hola amigo: quisiera saber como cambiar el fondo de mi blog (http://rodriguez-medel.blogspot.com/), tengo un icono de una bici tamaño 32 x 32 de 1,45KB y he visto que se puede poner de fondo y queda como si fueran ladrillos con la imagen del icono osea en vez del color de fondo aparecen todo iconos enlazados. gracias y saludos
Título: Re: cambiar fondo de blog
Publicado por: Gepetto en 16 de Marzo de 2010, 07:40:55 pm
Primero tienes que subir la imagen a internet. Lo mejor sería crear un un nuevo post,subir la imagen y guardarlo como borrador (draft). Le das a "Edición de HTML" y copias la dirección de la imagen. Ej:

Código: [Seleccionar]
<img src="http://2.bp.blogspot.com/_-VteqEm_Xj1/S59guqsq5uI/AAAAAAAAAAB/R4UGuJlTyc0/s350/tuimagen.jpg" />

Luego te vas a "Diseño - Edición de HTML", buscas el estilo del "body", pegas la dirección de la imagen y añades "repeat". Ej:

Código: [Seleccionar]
body {
  margin: 0;
  text-align: center;
  min-width: 760px;
  background: #ffffff url(http://2.bp.blogspot.com/_-VteqEm_Xj1/S59guqsq5uI/AAAAAAAAAAB/R4UGuJlTyc0/s350/tuimagen.jpg) repeat;
  color: $textColor;
  font-size: small;
}

Guardas la plantilla y si lo has hecho bien tendrás el icono de fondo, estilo mosaico.
Título: Re: cambiar fondo de blog
Publicado por: elmago en 18 de Marzo de 2010, 05:28:18 pm
Hola amigo: este es mi body de la plantilla de mi blog (http://rodriguez-medel.blogspot.com/)

body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background: url (http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
  )

esta es la dire de internet donde he puesto la imagen para fondo de mi plantilla

<a href='http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>

Este  es el cambio que he hecho según tu consejo:

body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background: url (http://www.blogblog.com/_- <a href='http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>) repeat;


Ahora le doy a vista previa y me sale este mensaje de error:
 
No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.
Te ruego me digas cual es el error, la plantilla es la Tic Tac Blue creada por Blogger.
Gracias por tu atención.

Título: Re: cambiar fondo de blog
Publicado por: Liamngls en 20 de Marzo de 2010, 08:19:59 am
Es importante prestar atención a las cosas, esto es lo que tienes que poner (ya con la dirección de tu imagen):


Luego te vas a "Diseño - Edición de HTML", buscas el estilo del "body", pegas la dirección de la imagen y añades "repeat". Ej:

Código: [Seleccionar]
body {
  margin: 0;
  text-align: center;
  min-width: 760px;
  background: #ffffff url(http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
  color: $textColor;
  font-size: small;
}

Guardas la plantilla y si lo has hecho bien tendrás el icono de fondo, estilo mosaico.

Y esto lo que has puesto tú (en rojo lo que sobra):


Este  es el cambio que he hecho según tu consejo:

body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background: url (-http://www.blogblog.com/_- <a href='-http://www.subirimagenes.com/privadas-bike1bh-924213.html'><img src='http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg' alt='subir imagenes' border='0'></a>) repeat;


Ahora le doy a vista previa y me sale este mensaje de error:
  
No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.
Te ruego me digas cual es el error, la plantilla es la Tic Tac Blue creada por Blogger.
Gracias por tu atención.


Título: Re: cambiar fondo de blog
Publicado por: elmago en 20 de Marzo de 2010, 02:01:48 pm
Hola amigo: quizas soy corto de entendederas por lo que te ruego simplemente me digas si es correcto o no lo que yo interpreto. primero tu ejemplo aunque hallas puesto la direccion de mi icono es un ejemplo. segundo lo unico que tengo que hacer es borrar lo rojo que me indicas y dejar todo tal cual. el ejemplo es solo un ejemplo vale, lo unico que debo hacer es borrar lo que me indicas en rojo. gracias
Título: Re: cambiar fondo de blog
Publicado por: Liamngls en 20 de Marzo de 2010, 02:41:52 pm
Que conste que yo no te he dicho que seas corto ni nada parecido, a todos nos pasa que a veces no nos fijamos bien en las cosas y no tiene nada que ver con lo inteligente que uno sea.

Para colocar una imagen como fondo, un logo o lo que sea hay que incluir la dirección url de la imagen y no el código html para incrustar esa imagen que es lo que tú has hecho; el ejemplo que ha puesto Gepetto es solo un ejemplo en cuanto a la url de la imagen que es lo que tú tienes que cambiar para poner la url de la imagen que vas a usar; todo lo que está marcado en rojo sobra ya que eso te serviría para meter la imagen en una entrada.

Espero no haberte ofendido con el comentario anterior y si así ha sido te pido disculpas ya que no era mi intención hacerlo  :)
Título: Re: cambiar fondo de blog
Publicado por: elmago en 20 de Marzo de 2010, 04:57:05 pm
ves como tienes razon, no me se explicar bien, nunca me has faltado ni de coña alreves pues me has ayudado en lo que te he pedido gastando tu tiempo y para mi esto es muy valioso, ojala todas las personas fueramos asi, si vienes por zaragoza tienes cerveza gratis, ya te dire como me ha ido, ahora tengo que salir corriendo (la señora me esperaaaa) gracias y saludos.
Título: Re: cambiar fondo de blog
Publicado por: Liamngls en 20 de Marzo de 2010, 05:05:20 pm
Pues no la hagas esperar, ya nos cuentas si sale bien o no  ;-)
Título: Re: cambiar fondo de blog
Publicado por: elmago en 20 de Marzo de 2010, 08:37:31 pm
Hola de nuevo: hoy no es mi dia, me doy por vencido he hecho todo como te muestro y nada
lo dejare como estaba, es imposible.
lo que he hecho:
body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0;
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1  bh.jpg) repeat;

ME SALE ESTE MENSAGE DE ERROR

No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The processing instruction must begin with the name of the target.


De todas maneras agradecido por tu tiempo.
Título: Re: cambiar fondo de blog
Publicado por: Liamngls en 21 de Marzo de 2010, 04:33:26 am

  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1  bh.jpg) repeat;

Tienes mal la dirección de la imagen, está cortada al final, hay un par de espacios:

  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
Título: Re: cambiar fondo de blog
Publicado por: elmago en 21 de Marzo de 2010, 05:53:04 pm
Asi lo he hecho y por lo menos no sale error pero tampoco el icono o el fondo, gracias lo dejo asi mi blog es  http://rodriguez-medel.blogspot.com/
mas que nada para que veas la plantilla. saludos
Título: Re: cambiar fondo de blog
Publicado por: Liamngls en 22 de Marzo de 2010, 08:04:14 am

  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg);

Prueba con eso, sin poner el repeat antes de ;
Título: Re: cambiar fondo de blog
Publicado por: elmago en 22 de Marzo de 2010, 11:07:10 am
sigue igual, no hay cambios aunque por lo menos no sale mensaje de error, podria ser que coincida con el color y no se vea el icono mural o por el tamaño de la imagen, joer estoy ya medio loco. gracias por todo
Título: Re: cambiar fondo de blog
Publicado por: Liamngls en 23 de Marzo de 2010, 09:56:33 am
Podría ser, igual probando con otra imagen  :ciego:
Título: Re: cambiar fondo de blog
Publicado por: elmago en 23 de Marzo de 2010, 11:47:42 am
lo hare gracias
Título: Re: cambiar fondo de blog
Publicado por: elmago en 24 de Marzo de 2010, 10:33:46 am
nada no sale, me rindo.
Título: Re: cambiar fondo de blog
Publicado por: Gepetto en 25 de Marzo de 2010, 10:52:30 am
El problema es que lo estás poniendo en el "blockquote" en vez de en el "body".

Hola de nuevo: hoy no es mi dia, me doy por vencido he hecho todo como te muestro y nada
lo dejare como estaba, es imposible.
lo que he hecho:
body (
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $ textcolor;
  background: # e0e0e0; <----------AQUÍ ES DONDE TIENES QUE PONERLO
  )

blockquote (
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: # 666;
  background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1  bh.jpg) repeat;
  )
Título: Re: cambiar fondo de blog
Publicado por: elmago en 27 de Marzo de 2010, 06:31:06 pm
Hola amigo como ves he hecho lo que me dices y no sale error pero tampoco lo otro. Gracias de nuevo

body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0;<a href='http://www.subirimagenes.com/privadas-bike1bh-937618.html'><imgsrc='http://s2.subirimagenes.com/privadas/previo/thump_937618bike1bh.jpg' alt='subir imagenes' border='0'></a>
  }

blockquote {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 30px;
  padding-top: 10px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top $startSide;
Título: Re: cambiar fondo de blog
Publicado por: Gepetto en 27 de Marzo de 2010, 08:22:08 pm
Ponlo así...

Citar
body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0 background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
  }
Título: Re: cambiar fondo de blog
Publicado por: elmago en 28 de Marzo de 2010, 06:11:14 pm
Hola he hecho lo que dices ver:
body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0 background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
  }
ojo
en el codigo HTLM del blog lo del parentesis va a continuacion de url
sigo como el primer dia no le digas nada a Raul (destr...) que me dira pesadooo. Gracias por tu atencion
Título: Re: cambiar fondo de blog
Publicado por: Gepetto en 29 de Marzo de 2010, 01:17:08 pm
body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0 background:url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
  }

Vale, esta vez me he equivocado yo  :ciego:

Quita la segunda etiqueta "background:" para que quede de la siguiente manera:

Citar
background: #e0e0e0 url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;

Ahora debería funcionar  ;-)
Título: Re: cambiar fondo de blog
Publicado por: elmago en 31 de Marzo de 2010, 10:41:39 am
No sale nada, te mando toda la plantilla entera por si falla algo mas, esta es la plantilla actual

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
Blogger Template Style
Name:     TicTac
Date:     1 March 2004
Updated by: Blogger Team
*/

/* Variable definitions
   ====================

   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">

   <Variable name="pagetitlecolor" description="Page Header Color"
             type="color" default="#FFF" value="#FFFFFF">

   <Variable name="datecolor" description="Date Header Color"
             type="color" default="#f93" value="#ff9933">

   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#f63" value="#ff6633">

   <Variable name="footercolor" description="Post Footer Color"
             type="color" default="#999" value="#999999">

   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#999" value="#999999">

   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#666" value="#666666">

   <Variable name="linkcolor" description="Link Color"
             type="color" default="#69c" value="#6699cc">

   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#666699" value="#666699">

   <Variable name="bodyfont" description="Text Font"
             type="font"
             default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

   <Variable name="pagetitlefont" description="Page Header Font"
             type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">

   <Variable name="titlefont" description="Post Title Font"
             type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

   <Variable name="sidebarheaderfont" description="Sidebar Title Font"
             type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

/* ---( page defaults )--- */

body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0 url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
  }

blockquote {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 30px;
  padding-top: 10px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top $startSide;
  }

blockquote p {
  margin-top: 0;
  }

abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }

code {
  color: #f63;
  }

hr {
  display: none;
  }

img {
  border: none;
  }

/* unordered list style */

ul {
  list-style: none;
  margin-$startSide: 10px;
  padding: 0;
  }

li {
  list-style: none;
  padding-$startSide: 14px;
  margin-bottom: 3px;
  background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat $startSide 6px;
  }

/* links */

a:link {
  color: $linkcolor;
  }

a:visited {
  color: $visitedlinkcolor;
  }

a:hover {
  color: #693;
  }

a:active {
  color: #cc3333;
  text-decoration: none;
  }

/* ---( layout structure )---*/

#outer-wrapper {
  width: 847px;
  margin: 0px auto 0;
  text-align: $startSide;
  font: $bodyfont;
  background: url(http://www.blogblog.com/tictac/tile_$startSide.gif) repeat-y;
  }

#content-wrapper {
  margin-$startSide: 42px; /* to avoid the border image */
  width: 763px;
  }

#main {
  float: $startSide;
  width: 460px;
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 1em;
  line-height: 1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar {
  float: $endSide;
  width: 259px;
  padding-top: 20px;
  padding-$endSide: 0px;
  padding-bottom: 0;
  padding-$startSide: 0;
  font-size: 85%;
  line-height: 1.4em;
  color: $sidebartextcolor;
  background: url(http://www.blogblog.com/tictac/sidebar_bg.gif) no-repeat $startSide top;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }


/* ---( header and site name )--- */

#header-wrapper {
  margin: 0;
  padding: 0;
  font: $pagetitlefont;
  background: #e0e0e0 url(http://www.blogblog.com/tictac/top_div_$startSide.gif) no-repeat $startSide top;
  }

#header {
  margin: 0;
  padding-top: 25px;
  padding-$endSide: 60px;
  padding-bottom: 35px;
  padding-$startSide: 160px;
  color: $pagetitlecolor;
  background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom $startSide;
  }

#header h1 {
  font-size: 200%;
  text-shadow: #81A75B 2px 2px 2px;
 }

#header h1 a {
  text-decoration: none;
  color: $pagetitlecolor;
  }

#header h1 a:hover {
  color: #eee;
  }

/* ---( main column )--- */

h2.date-header {
  margin-top: 0;
  padding-$startSide: 14px;
  font-size: 90%;
  color: $datecolor;
  background: url(http://www.blogblog.com/tictac/date_icon.gif) no-repeat $startSide 50%;
  }

.post h3 {
  margin-top: 0;
  font: $titlefont;
  letter-spacing: -1px;
  color: $titlecolor;
  }

.post {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 1.5em;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 1.5em;
  padding-$startSide: 14px;
  border-bottom: 1px solid #ddd;
  }

.post h3 a,
.post h3 a:visited {
  color: $titlecolor;
  text-decoration: none;
 }

.post-footer {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 14px;
  font-size: 88%;
  color: $footercolor;
  background: url(http://www.blogblog.com/tictac/tictac_grey.gif) no-repeat $startSide 8px;
  }

.post img, table.tr-caption-container {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-$startSide: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-$endSide: 1px solid #c0c0c0;
  }
.tr-caption-container img {
  border: none;
  padding: 0;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center;
 }

/* comment styles */

#comments {
  padding: 10px 10px 0px 10px;
  font-size: 85%;
  line-height: 1.5em;
  color: #666;
  background: #eee url(http://www.blogblog.com/tictac/comments_curve.gif) no-repeat top $startSide;
  }

#comments h4 {
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 15px;
  margin-$startSide: 0;
  padding-top: 8px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 40px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #666;
  background: url(http://www.blogblog.com/tictac/bubbles.gif) no-repeat 10px 0;
  height: 29px !important; /* for most browsers */
  height /**/:37px; /* for IE5/Win */
  }
 
#comments ul {
  margin-$startSide: 0;
  }

#comments li {
  background: none;
  padding-$startSide: 0;
  }
 
.comment-body {
  padding-top: 0;
  padding-$endSide: 10px;
  padding-bottom: 0;
  padding-$startSide: 25px;
  background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 10px 5px;
  }

.comment-body p {
  margin-bottom: 0;
  }

.comment-author {
  margin-top: 4px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 10px;
  padding-bottom: 0;
  padding-$startSide: 60px;
  color: #999;
  background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 44px 2px;
  }

.comment-footer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}


.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* ---( sidebar )--- */

.sidebar h2 {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 25px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 40px;
  font: $sidebarheaderfont;
  color: $sidebarcolor;
  height: 32px;
  background: url(http://www.blogblog.com/tictac/sidebar_icon.gif) no-repeat 10px 15px;
  height: 32px !important; /* for most browsers */
  height /**/:57px; /* for IE5/Win */
  }

.sidebar .widget {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 10px;
  padding-$startSide: 10px;
  border-bottom: 1px solid #ddd;
}

.sidebar li {
  background: url(http://www.blogblog.com/tictac/tictac_green.gif) no-repeat $startSide 5px;
  }

.profile-textblock {
  clear: both;
  margin-$startSide: 0;
}

.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border: 1px solid #ddd;
  padding: 4px;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  }

#footer-wrapper {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 9px;
  padding-$startSide: 0;
  font-size: 85%;
  color: #ddd;
  background: url(http://www.blogblog.com/tictac/bottom_sill.gif) no-repeat bottom $startSide;
  }

#footer {
  margin: 0;
  padding-top: 20px;
  padding-$endSide: 320px;
  padding-bottom: 20px;
  padding-$startSide: 95px;
  background: url(http://www.blogblog.com/tictac/bottom_sash_$startSide.gif) no-repeat top $startSide;
  }


/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
  padding-top: 0;
  margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper {
  width: 740px;
}

body#layout #sidebar {
  margin-$endSide: 0;
  margin-bottom: 1em;
 }

body#layout #header,
body#layout #footer,
body#layout #main {
  padding: 0;
 }

body#layout #content-wrapper {
  margin: 0px;
 }
]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='EL MAGO (cabecera)' type='Header'/>
</b:section>
    </div>
 
    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'>
<b:widget id='Text1' locked='false' title='SALUDO' type='Text'/>
</b:section>
      </div>

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

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='HOY' type='HTML'/>
<b:widget id='HTML8' locked='false' title='EL TIEMPO EN ZARAGOZA' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='TRDUCTOR' type='HTML'/>
<b:widget id='Image2' locked='false' title='' type='Image'/>
<b:widget id='Image4' locked='false' title='' type='Image'/>
<b:widget id='Image3' locked='false' title='' type='Image'/>
<b:widget id='VideoBar1' locked='false' title='Barra de vídeo' type='VideoBar'/>
<b:widget id='Gadget1' locked='false' title='EL MAGO' type='Gadget'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'/>
<b:widget id='HTML6' locked='false' title='PROGRAMACION TELEDEPORTE' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='AMIGOS' type='LinkList'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Image1' locked='false' title='gran trio' type='Image'/>
<b:widget id='HTML3' locked='false' title='&quot;EL DANI&quot; RO' type='HTML'/>
<b:widget id='HTML1' locked='false' title='OTRO CONTADOR DE VISITANTES' type='HTML'/>
</b:section>
      </div>

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

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

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>

  </div></div> <!-- end outer-wrapper -->
</body>
</html>
               
Título: Re: cambiar fondo de blog
Publicado por: Gepetto en 31 de Marzo de 2010, 01:48:24 pm
Ok, el error está en que hay un espacio entre "url" y el paréntesis:

Citar
body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0 url (http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;
  }

Quítalo para que quede tal que así:

Citar
background: #e0e0e0 url(http://s3.subirimagenes.com:81/privadas/previo/thump_924213bike1bh.jpg) repeat;


Y ahora si que debería que funcionar ;)
Título: Re: cambiar fondo de blog
Publicado por: elmago en 31 de Marzo de 2010, 09:18:37 pm
Hola amigo: que alegria por fin salio eres un fenomeno, muchas gracias, si vienes por Zaragoza tienes pagada la cerveza o lo que tomes, recuerdos a Raul, gracias y saludos.
mira mi blog       http://rodriguez-medel.blogspot.com/
Título: Re: cambiar fondo de blog (SOLUCIONADO)
Publicado por: Liamngls en 01 de Abril de 2010, 06:31:31 pm
Excelente, gracias por comentarlo  :)
Título: Re: cambiar fondo de blog (SOLUCIONADO)
Publicado por: Gepetto en 02 de Abril de 2010, 02:16:37 pm
No hay de qué. Gracias a ti por la paciencia (y a Liam por estar atento y responder cuando yo no estaba).

Saludos y hasta la próxima  :cool: