52

Patrones (patterns) para el blog

Ava7Patterns es una web muy agradable donde podrás descargar gratuitamente patterns (patrones de fondo) para tu blog. Dispone de un amplio catálogo, con diseños para todos los gustos, de distintas formas y colores que podremos probar de manera online en la misma página.
Después de escoger un patron que nos guste, pinchando en "preview" vermos instantaneamente como quedaría aplicado en el fondo de la página.

Algunos ejemplos:

patron1patron2patron3


En DinPattern encontramos una excelente colección de patterns (patrones de fondo) gratuitos, los hay de todos tipos y colores, algunos de los más originales que he visto. Se pueden utilizar tanto para uso propio como comercial, aunque el autor admite donaciones y tampoco estaría mal pinchar en algún anuncio si vas a usar uno de sus patrones.

Algunos ejemplos:

patron4patron5patron6patron7

Entradas Relacionadas:

52 comentarios:


Theemilio_crazy

Hola Rosa:D. Buena Entrada esta:)...Quiero Pedirte un favor...Es algo que vi en una pag y me gusto, no se si lo tienes aqui ese truco, pero bueno hay te digo:

Mira en esta pag http://www.hiperdescargas.org la seccion Expandible, como se hace??... Por favor ayudame, solo necesito este truco para tener mi blog completo... Gracias por todo. Eres la Mejor :D.

Mary Lovecraft

Ah! Rosita Linda! está buenísima esta entrada!

me viene más que genial para mi blog de plantillas! no conocía ninguna de las dos (conozco una muy parecida pero es má soseta)

muchísimas muchísimas gracias por la info, eres un solete bien grande!!

si es que, el que no se diseña su propia plantilla contigo es por que no quiere, porque nos enseñas paso por paso todo lo necesario para ello ;)

un beso granddeeee! muuuak!!!

marissa vasquez

hola rosita
Me parece buenisima esta nueva herramientas que nos brindas... a propósito te envio un link
http://www.moobackgrounds.com/nature-backgrounds17.html
Esta página contiene fondos lindos e inmumerables ..muy fáciles de aplicar con solo añadir elemento javascript.
besos

marissa

Redacción El Zuliano

Gracias por el aporte esta buenisima la primera pagina es muy facil buscar en ella
consegui una que se ve bien en mi blog si quieres verlo te dejo el link abajo.

www.GaitaZuliana.com.veAdrian Reyes

taquito

Hola Rosa:
Perdona la desatencion que tuve en cuanto al JS efecto flash. En estos dias estoy preparando un mail para explicarlo lo mejor posible. (es que estuve de viaje y no tenia internet a mano).
Ahora a lo que iba, es una consulta, que google no ha podido resolver, y que por ahi, vos podrias ayudar.
A veces pasa que uno tiene scripts o elementos de pagina, que no quisiera compartir.. como por ejemplo, alguna plantilla o CSS..
La pregunta viene en parte para saber si existe alguna manera de "encriptar" el codigo fuente, o hacer algo para que sea mas ilegible.
Se que en PHP se puede, y existe, pero para html/blogger no he encontrado nada.
Espero que puedas ayudarme
un saludo!
~taquito.

PS: aunque sea para ocultar el CSS de plantilla, xq ya me han copiado varias veces, eliminando creditos, y demas. Y me enoja bastante |O |O |O |O

LokoGB

Rosa :D estoy haciendo un trabajo monográfico sobre las redes sociales así que decidí hacer algunas entrevistas y quien mejor que un blogger experimentado como tú. Mi messenger es lokogb_23@hotmail.com , ya te agregue. Espero que te agrade la idea.

Germánico

Rosa, ...no te olvides de los ignorantes en esto :(, pero como hago para colocar de fondo cualquier imagen de estas?

Lo que si he probado es colocar despues de

body {

pero me queda todo el fondo de la imagen elegida, mi idea es que cambiar el borde, se puede hacer eso?

Saludos.

SitioJovenRD

como coloco eso en mi blog? ayudenme que noc como hacerlo :p

Lola

¡Hola Rosa!

Necesito tu ayuda urgente! Un par de lectores de mi blog me dijeron que había una entrada de la cual sólo se veia el título, pero yo la podía ver perfectamente.

Pero resulta que luego de intentar hacer unas modificaciones en la plantilla (en cuanto a un tema que nada que ver: la distinción en el color de mis comentarios), me encuentro que todas las entradas están así: se ve el título y los comentarios, pero del texto y las imágenes NADA.

No sé si será simplemente una coincidencia que surgió luego de que quisiera modificar lo otro. O no. Acá te dejo la url de mi blog:

http://lasvocesdelola.blogspot.com/

... para que te fijes, si podés, si vos las ves bien o no. Y que me digas por favor como puedo solucionarlo.

Gracias!

Cêz

Me encanta esta entrada, he mirado alguna que otra textura, perdón, patrón, honestamente hay para todos gustos, en cuanto tenga ganas de cambiar el fondo de mi blog, usaré uno, jejeje.

Germánico y The Father
Generalmente en todas plantillas tiene un background, que es el fondo de tu página, éste se encuentra en la pestaña de Diseño y luego pinchas Edición de HTML donde verás el siguiente código:

body {
background: #000000 url(URL_DE_TU_PATRON)repeat;

Deben cambiar la url por la de su imagen favorita (siempre hay que subir una a un servidor)

Ésta es la manera más práctica de darle un nuevo "look" a sus blogs en cuestión de segundos, jejeje.

Agradezco a Rosa por la página recomendada. :D

Alejandra

Rosa: espero que te pases por mi blog para que veas todas las cosas que aprendi de vos:
cambie la firma, puse la nube de etiquetas, agregué el gadget debajo de la cabecera, centré los elementos de la sidebar y otras cositas mas.
Pero ahora tengo un problema, agregué una imagen en el gadget del pie de la plantilla y no queda centrada, por que puede ser? helpppppp. gracias

Nathan yo

Hola, Rosa perdona la molestia, pero es que esto si que no lo puedo hacer yo. Es que no puedo hacer más grande el tamaño de post de mi template (no de mi blog el de la iglesia) y ya uamente, la pagina a 100px pero el post no crece que hago?
Gracias Rosa, por todo. Mira que para yo pudiera aprender tuvistes que pasar varios dólores de cabeza:P pero valió la pena, ya que algo aprendí, jeje
Buenas noches, o lo que sea ahora en tu país

Candela MG

¡Hola, Rosa! Soy la de la plantilla donde se repetían las entradas... ¡Lo solucioné!
Resulta que era debido a un truco que le leí a Gem@ de oculta los post que tuviesen la etiqueta que escogieses... Quité el código, le di a vista previa cruzando los dedos, y... ¡olé! ¡No se repetía nada! :D
He suprimido el enlace en mi blog "Sobre mí", ya que era una entrada que olculté y ello me había creado problemas... bah, da igual :)
Mucha gracias por las molestias! No funcionó lo que me dijiste de quitar la firma, y ya que estaba la cambié ;)
¡¡Saludos!! Cuídate!

Unknown

andas de paseos, pensar que cuando veía DONATE (eso fue en mis principios, pero duró muchísimo tiempo)...ahí no pinchaba no sea que crean que donaría algo :D

Anónimo

Theemilio_crazy Tengo una entrada en borradores para hacer algo así (tal como en mi sidebar) con Scriptaculous, no tardando mucho la publicaré...

Anónimo

@Mary Lovecraft ¡Gracias corazón! :D

@marissa ¡Graciasss! La miraré con tiempo.

@Adrian Reyes Me alegra que te fuese de utilidad ;)

Anónimo

taquito Lo siento :( no conozco ningún sistema para hacer eso en Blogger.

Anónimo

LokoGB Ufff, pues lo siento, pero no agrego a nadie a mi msn, sin distinción, más que nada porque no lo uso...me conecto a hotmail desde Internet para leer el correo pero el msn para chateo no lo uso nunca, durante el día me es imposible ya que donde estoy no está instalado ni hay posibilidad de hacerlo y durante la noche en casa el tiempo del que dispongo me alcanza a duras penas para contestar correos y demás cosas del blog...

Mejor si me envías un email me cuentas más o menos o me envías las preguntas que quieras hacerme o lo que sea...

Anónimo

Germanico La imagen de fondo, estás o cualquier otra, se colocan como indico en esta entrada:
http://elescaparatederosa.blogspot.com/2007/01/imagen-en-el-fondo-de-pgina-blogger.html

y SIEMPRE ocupan todo el fondo de la página, cuando dices "lo de los lados" está colocada de esta misma manera, solo que el "cuerpo" del blog tiene un color de fondo que tapa esa parte de la imagen y solo es visible a ambos lados...

Si me dices en que blog o plantilla tratas de hacerlo, me sería más fácil orientarte.

Anónimo

The Father Tal como indico en esta entrada:
http://elescaparatederosa.blogspot.com/2007/01/imagen-en-el-fondo-de-pgina-blogger.html

Anónimo

Laura Avellaneda En Firefox se ve perfecto, en IExplorer no carga el blog a partir de la entrada "El lunar de Viviana:parte tres" ...

Ni idea que pueda ser, aunque supongo que está en esa entrada y por eso no puedo verlo...algún código "raro" que se ha añadido en ella.
Si publicas desde un editor que no es el de Blogger directamente, suele pasar eso, como en Words por ejemplo...trata de editar esa entrada y eliminar cualquier código que veas que no debería estar, hazlo desde edición html del editor...

Anónimo

Céz Siempre "cotilleando" en los comentarios ¿eh? ja,ja,ja. :D

Anónimo

Alejandra Localiza estaparte del código:
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: left;
}.Image {
text-align:center;
}

Y prueba dejandolo así:

#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: left;
text-align:center;
}

Anónimo

Global Entonces...¿de que blog hablas? :o
Los que están en tu perfil, tienen ambos las entradas grandes y los blogs al 100% de la pantalla...

Anónimo

Damned Me alegra que todo te haya ido tan bien...siento no haber podido ayudarte más.:(

¡Cuídate tu también!

Theemilio_crazy

Ok rosa, Gracias... Eres la mejor!!!.

Nathan yo

Rosa
es esta http://dioesluz-mca.blogspot.com/ la que no le puedo aumentar el post

Anónimo

Global Ahh, vale. :D
Creo que es aquí:
.narrowcolumn {
float: left;
width: 440px;
overflow: hidden;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}

Aumenta el width: 440px; y usa vista previa.

LokoGB

Listo Rosa :D ya te envié las preguntas.

Anónimo

LokoGB Gracias a ti! Es un alivio comprobar que has entendido mis razones.
En cuanto pueda que será pronto ;) te envió el mail de vuelta.

Alejandra

Rosa... sin palabras...
Para genios... Salvador Dalí y Vos !!!
gracias por todo
saludos desde Buenos Aires

Nathan yo

Gracias Rosa
pudé cambiar el tamaño del post:D

Anónimo

Alejandra Por Dios! es casi un sacrilegio que me compares con Dalí...ni a mi, ni a nadie, no hay comparación posible para el genio de los genios :D

Nathan yo

Rosa, perdón pero quería saber como al buscar (con buscador)en el blog aparescan como [+/-]
please ayuda

Anónimo

Global ¿Te refieres a como se ven los títulos de mis entradas supongo? Mira, eso no lo hace el buscador, es que mis entradas en la página de etiquetas están así en expandible, entonces cuando usas el buscador el busca en las etiquetas y salen los t´tulos así porque yo los he puesto antes...
Si te fijas y pinchas en entradas antiguas de mi blog también salen así.
Las he puesto usando este truco:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Anónimo

hola rosa, otra vez visitando tú tienda y fijandome en el escaparate, última moda y ademas gratis!!!! un besote guapa, gracias por la ayuda que prestas a to er mundo, aunque no tod@s semos guenos.

Anónimo

fairy Estoy segura que tu si lo eres ;)

Cêz

Cotilleando? jejejeje, solo que tenía deseos de ayudarte ayudando a los demás. :D

Un abrazo desde México :D

Anónimo

Céz Es cierto :$ no he estado demasiado acertada en la elección de la palabra, aunque va entre comillas en plan "graciosillo" jajajaja:D

¡Un abrazo!

Cêz

Jajajaja, no te preocupes, Maestra Rosa!
Espero que estes disfrutando de este fin de semana. :)

Helena

Rosa, a mi me gustaria que explicases como se hace lo que cuentas en el comentario 19. Te lo he visto en "eternamente cabreada" y me gusta mucho, es muy bonito. Mi plantilla es la minima.

Muchas gracias, primor

Anónimo

Helena Es sencillo.
En tu caso tendrías antes que retirar el fondo que tienes y colocar una imagen de fondo (el enlace que puse en el comentario 19).
Después añades en:

#outer-wrapper {
width: 850px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 98% Trebuchet, Trebuchet MS, Arial, sans-serif;
}

Un color de fondo solo para el cuerpo del blog, por ejemplo blanco (la línea en negrita):

#outer-wrapper {
background: #ffffff;width: 850px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 98% Trebuchet, Trebuchet MS, Arial, sans-serif;
}

Helena

Rosa, lo he probado en un blog de pruebas, y sale muy bien, es verdad que es sencillo...pero como hago para que se me vea el footer enmarcado por separado, como lo tienes en tu blog personal?? Es que me encanta :)

Muchas gracias!

Anónimo

Helena Lo que he hecho es añadir las tres columnas en el footer tal como explico aquí:

http://elescaparatederosa.blogspot.com/2008/01/aadir-tres-columnas-en-la-seccin-del.html

Solo que lo hice fuera del footer,es decir, eliminé esta sección:

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

Y coloqué el código para las tres columnas después de <!-- end wrap--> y dentro de un nuevo div al que llamé algo así:

<div id='footerbg'>

todo el código para las columnas aquí

</div>

Por descontado que también depende de la plantilla que se use...en mi caso la Mínima, como siempre :D

Helena

Gracias por tu ayuda Rosa! Haré experimentos a ver que sale :o

Hola,
Estoy impresionada con la cantidad de trucos e ideas que desde aquí se proponen para personalizar y mejorar nuestros blogs.

Me gustaría mucho aprender y he empezado por intertar cambiar el patrón de mi blog añadiendo en el HTML del diseño de mi blog la imagen que me gustó de Ava7Patterns con el siguietne código
background: #000000 url(http://i34.tinypic.com/21l3k83.jpg)repeat;
pero solo he conseguido que me quede el fondo en blanco
¿Podrías ayudarme? mi blog es http://lasnancysdemery.blogspot.com

Muchísimas gracias
Mery

Anónimo

Mery Veo que ya lo has conseguido.

No, el fondo del blog que tengo en este momento es el que elegí por defecto cuando lo comencé. Lo que me gustaría hacer es cambiar ese fondo (el blanco) por uno de florecitas rosa, pero subí la imagen a tinypic y puse el siguiente código: background: #000000 url(http://i34.tinypic.com/21l3k83.jpg)repeat; y sigue en blanco ¿? No sé que hago mal :(

Anónimo

Mery Yo si veía el nuevo fondo, porque en Firefox si se ve...

Cambia esa línea que dices así:
background: #000000 url(http://i34.tinypic.com/21l3k83.jpg);

Es decir, elimina el repeat

ohhhhhhhhhhhh Rosa eres un genio!!!!! Muchísimas gracias

Mery

marialex

Rosa como estas una pregunta sabes q medidas debe de tener para crear las imagen de las plantillas y que al subirlas al blog queden perfectas he estado probado para crearme mis propios fondos pero no doy con una medida exacta si me dices las medidas en pixel gracias
y super tu blog

Anónimo

marialex No hay una medida exacta para eso...depende de la "orden" que añadas en el CSS.
Por ejemplo, en el caso de las de esta entrada, ya ves que son superpequeñas pero si en el CSS no indicas nada, la imagen se repite de forma automática y llena todo el fondo del blog...
¿Qué idea exactamente tenias tu?...

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S