Aunque hace tiempo aprendimos a poner fondo a los elementos de la sidebar y este truco no es muy diferente, vamos a decorar un poco los gadgets con estilo papel pegado...
Busca la etiqueta ]]></b:skin> y encima pega este bloque de CSS:
.sidebar .widget {
background:transparent url(http://i44.tinypic.com/2n0lqaf.jpg) no-repeat scroll left top;
font-size:86%;
line-height:1.4em;
margin:10px 0 12px;
padding:20px;
}
Haz vista previa para ver el resultado y guarda cambios.
Nota:
No veo ninguna señal verde. :S
Manuel de la Fuente, ya está señalado ^_^
Hola Jaime, esto también lo probé ni bien lo publicaste y quedó bárbaro… generalmente olvido agradecer o comentar los resultados, disculpa mi desconsideración.
Cuando me canse de mis garabatos seguiré con las recetas de cocina…
Abrazo argentino.
Analía garabato
Analía garabato, me alegra que te haya gustado el estilo papel =) no te preocupes por no comentar, el tiempo es difícil de conseguir ^_^ ¿recetas? mmmmm :-D a mi me encantan ;-)
¡Saludos españoles!
a que te refieres con "encima"
y encima pega este bloque de CSS
Cedarku, me refiero a que el código debes pegarlo antes / encima de la etiqueta ]]></b:skin>.
Cuando digo y encima pega este bloque de CSS me refiero a que debes pegar el bloque de código CSS, que da el estilo al html (es decir, a los objetos del blog) por medio de definiciones. =)
Gracias!! Muy bueno!!
María, ya veo como te ha quedado. ¡Estupéndos! ;).
Gracias por todo!! Todavia tienes tiempo de mirar lo que hacemos?? Que placer!!
Voy a estar aqui todas las tardes aprendiendo, un beso!!
María Luisina, siempre encuentro un tiempito para pasarme por tu blog ;).
¡Abrazos!
Muy bueno el post, la verdad es qe me sirvio mucho, el resultado es muy bueno... ahh y sera qe podrias recomendar un pagina donde se puedan conseguir imagenes con estilo papel? por qe esa qe pusistes no contrasta con el fondo de mi blog... :(
Me alegra que te haya gustado Miguel Angel. A decir verdad, voy a recomendarte esta página ya que es la que yo uso y contiene millones de fondos (muy variados, por cierto).
Me encantó el truquito y queda perfecto con el diseño de mi blog, la única modificación que le hice fue guardar el papelito como gif con fondo transparente, ya que mi blog tiene fondo de color. Muchas gracias, Jaime!!!
¡Ya veo, Ana Laura!
Creo que a tu blog le queda de maravilla, sobre todo por el bonito fondo (de textura similar al papel).
Gracias por comentar ;).
Gracias a ti por contestar tan prontamente y visitarme, muy feliz año, Jaime. :)
Un placer, Ana Laura.
Feliz año para ti también ;).
Hola. Noté que el fondo que utilizas es de una plantilla que yo adapté para blogger (originalmente para bitacoras.com). Por eso te tengo una sugerencia para mejorarla. En una primera versión, la sidebar de mi plantilla era como tú la muestras. Pero luego logré hacer que al final de cada fragmento, en lugar de quedar derecho, como cortado a tijera, quedara "cerrado" con otra imagen para dar el efecto de cortado a mano, como la parte superior. En
esta página pueden ver la demo y, si les gusta, pueden descargar la plantilla para escudriñar el html y adaptarlo a sus blogs, o bien usar toda la plantilla, claro. Espero que les guste la idea.
Un saludo bloguero.
Fede
Hola Horacio Federico. Muchas gracias por el aporte, es cierto que el resultado es mucho más realístico.
Debes saber que el fondo lo obtuve de una plantilla en Btemplates y que si en algún momento lo deseas, puedo retirarlo.
¡Abrazos blogueros!
Hola: Gracias a vos. De ninguna manera desearía que lo retirases. En BTemplates fue publicado con mi consentimiento. La plantilla se llama Old News, originalmente fue creada para Bitacoras.com por Studio.st y yo simplemente la adapté para Blogger.
Horacio Federico, es un placer entonces saber que el tip puede quedarse ;). Así es, Old News era la plantilla.