15 abril 2012

Columnas duales coloridas


Antes de comenzar con el tutorial quisiera dejar el link de mi nueva pagina social G+ para que puedan comunicarse conmigo si lo desean claro! Aquí  

Para las chicas que conocen coco teen desde sus principios deben de recordar la columna lateral de dos colores a parte de darle un toque único a tu blog lo deja super mono. Para aprender a hacerlo haz click en lee mas


Tu columna quedaría de esta manera dependiendo de los colores que elijas para ella:
Para ello precisas ir a DiseñoDiseñador de plantillasDiseño y:


Luego ve a  ajustar ancho y dejalo asi:


Guarda los cambios haciendo click en aplicar al blog! ahora haz click en  volver al blogger  edicion HTML  presiona f3 y busca esto si elegiste las columnas del lado derecho:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

y si las elegiste del lado izquierdo busca:


.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Lo encontraras  algo asi:


 .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {margin-right: $(content.padding);background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;}


Ahora sustituye lo que esta en rojo por:


 background: url("URL DE LA IMAGEM") repeat;

ahora donde dice URL DE LA IMAGEN reemplazalo por el url de el fondo de dos colores, yo hice algunas para ustedes:






Solo haz click derecho encima de la que deseas y preciona: copiar URL de la imagen para optener su URL. si quieres crear las tuyas hazlo y hospedalas en  http://photobucket.com/ u otro servidor

13 comentarios:

  1. muy chevere!! tomare en cuenta para cuando vaya a ser modificaciones en mi blog

    ResponderEliminar
  2. Gracias por pasarte :) y muy buena entrada

    ResponderEliminar
  3. Adoro tu blog! la verdad si que es original y ÚNICO. sabes mucho sobre diseño de blogs y tenes muy buen gusto, te felicito!:)) gracias por el comentario n.n

    ResponderEliminar
  4. Me encantó muy lindo tutorial, algún día lo aplicare.
    Amo completamente tu blog♥!

    ResponderEliminar
  5. Ay que interesante! Adoro tu blog, es genial y como dice ''Sheila...'' MUY ORIGINAL! ÚNICO :). Ojalá existieran más como el tuyo, tan lindos, y además con personas tan tiernas.
    Bueno y al parecer te gusta el diseño. ¿Qué deseas estudiar? :)

    ResponderEliminar
  6. Que copada entrada suh! sos una genia con estas cosas!

    ResponderEliminar
  7. Holaa, tengo una sorpresa para ti en blog ^^ Muchas gracias por tus tutoriales, son de gran ayuda :D

    ResponderEliminar
  8. Me encanta tu blog, los tutoriales que cuelgas todo.
    La verdad que se te da genial, decorar tu blog, esta super guapo.
    Un besazo!
    Gracias por pasarte & comentar mi blog cielo.

    http://albalovesusa.blogspot.com.es

    ResponderEliminar
  9. Que mal :( Me aparece cuando yo elegi lado izquierdo coloco el codigo y me dice 0 de 0

    ResponderEliminar
  10. Me dice 0 de 0 , en todos los tutos que pusiste supuestamente los codigos HTML estan bien

    ResponderEliminar

========================S2============================
Solo habla si te interesa! y se cordial. Si no te gusta no me lo hagas
saber pues hieres mis sentimientos y yo publico para ti y para los demás
lectores así que no seas mala leche.
========================S2============================