12 febrero 2012

Borde con imagenes + Backgrounds

(Soy nerd y me gusta serlo)
Hola mis dulces :) Lamento ausentarme tanto por mi pequeño blog..
espero me entienda.. pues al crearlo sabia que el tiempo para 
ambos blogs serian pocos.. pero a lo que vengo =P Hoy les
traigo un tuto de como poner un borde parcial y una imagen
en el borde de otra imagen, me explico? :o pero continua leyendo..


Lo que queremos es una imagen como esta:


Y para hacerla debes ir a:
Diseño  Edición de HTML  Presiona f3   y busca: ]]></b:skin>

Al encontrarlo coloca el siguiente código encima :
.post img {
background: url("URL DE TU IMAGEN") repeat;
border-radius:20px 0 20px 0px;
border:1px solid #969696;
box-shadow:2px 2px 2px #c0c0c0;
}

Donde dice: URL DE TU IMAGEN colocas la imagen que deseas como borde :)
visualiza y si todo esta en orden guárdalo..

Aqui les dejo algunos fonditos para que los uses:

(PARA ESTOS DEBES DE BORRAR LO QUE MARQUE EN ROJO)




PARA ESTAS NO HACE FALTA BORRAR LO QUE MARQUE 
EN ROJO PERO DEBES DE ABRIRLAS CON CLICK DERECHO
EN UNA PESTAÑA NUEVA PARA COPIAR EL URL




 Espero les haya gustado mis linduras 




23 comentarios:

  1. Pues me parece complicadísimo todo esto que traes en lenguaje html. yo tardo horrores en atreverme, guardo la plantilla un montón de veces... y queda fantástico luego
    Gracias y esos!

    ResponderEliminar
  2. Lo hice, pero cuando guardo todo, no me aparecen en el blog... ¿Será la plantilla?
    Muchas gracias por el tuto! ♥

    ResponderEliminar
  3. ¡Al fin un blog con buenos tutoriales!
    Cuando pueda voy a probar este.
    Me gusto mucho tu blog, te sigo! (:

    ResponderEliminar
  4. Ai dios, no te das una idea de lo que andube buscando ese truco, hace mucho. Por suerte ya lo encontre :) Igual de todos modos, muchas gracias. Todos tus tutoriales son claros y hermosos ♥
    Besitos desde Con una sonrisa, mira que facil es suh♥

    ResponderEliminar
  5. -Owww! :3 MUCHISIMAS GRACIAS! :DD Venia buscando algo asi desde hace un tiempo, ya lo utilice en mi blog y funciono de maravilla :D Gracias por el tuto :))

    ResponderEliminar
  6. Ay hermosoooo, me encantó. Despues voy a elegir alguno para poner, porque me gustan casi todos jaja.

    ResponderEliminar
  7. aaaaaaaaaaaaaaaaaaaaaaaay me quede fascinadaaa que hermoso que es tu blog, esta buenisimo el diseño me enctanta te sigoooo :)

    ResponderEliminar
  8. Coincido igual que Juli, no sabia como hacer, y ella justamente me ayudo, y entre en tu blog, y lo publicaste, jaja, me encanta tu blog, porque siempre nos auyudas!

    ResponderEliminar
  9. Ohh que lindo *.*
    Por lo de mi entrada, yo tampoco veo a sus amigas Muejejejeje, coincidimos en eso, somos maalas, jajajajaja, me mueee!
    Bueno besitos ♥

    ResponderEliminar
  10. un totorial muy útil :DD

    ResponderEliminar
  11. Al cambiar el nombre de mi blog, ya nadie puede ver mis actualizaciones. Yo era 'Que Chasco(Flopi)' Para poder volver a ver mis actualizaciones podés entrar a mi blog, dejar de seguirme y volverme a seguir. No encontré otra manera de solucionarno :( Gracias de ante mano. Besitos.

    ResponderEliminar
  12. Me encanto el tutorial ^^
    Muchas gracias por ponerlo :)

    Muchos besitos!!

    ResponderEliminar
  13. Jo, llevaba muchíismo tiempo buscando este tutorial, en serio, y no lo habia encontrado en ningún sitio. Así que gracias!! :)
    Ya lo he puesto en mi blog.
    Te leo!

    ResponderEliminar
  14. Creo que no funciona con mi plantilla, pero muy buen tutorial :)
    Saludos!

    ResponderEliminar
  15. Yo ya lo tengo en mi blog, pero queira saber como se hace para ponerlo en las imagenes del sidebar, las que aparecen al costado. Podrias ayudarme?

    ResponderEliminar
  16. Me gusta esto, pero en mi blog no queda tan bonito jeje!! mmm me podrías ayudar! en cambiar la barra de desplazamiento de color, pero en vez de un color que sea usando textura (por ejemplo una imagen) no sabes cuanto he buscado pero no encuentro! y tu lo haces todo mas facilito xD!
    aah bueno saluditos Suh y no te pierdas tanto ^^

    ResponderEliminar
  17. Me encanto! pero no me funciona :(

    ResponderEliminar
  18. Mola! :) pero a mi no me sale =( No se que estoy haciendo mal, me podrias ayudar? Gracias.

    Un besito <3

    ResponderEliminar
  19. Muchas gracias por este magnifico blog.
    Mucha suerte.
    ¿Visitas mi blog? Soy nueva y me aria mucha ilusión que me siguieras :3
    http://aslongasyouloveme-asdfghjk.blogspot.com.es/

    Mucha suerte guapa

    ResponderEliminar
  20. no me aparece edit atml en diseño :( ayudame porfaa!!!!!

    ResponderEliminar
  21. hola me encanta los fondos que haces son muy lindos

    ResponderEliminar
  22. me encaaaaaaanta pero una pregunta....como se presiona f3 no entendí nada

    ResponderEliminar
  23. no me sale esto : ]]> y nopuedo hacer mas nada ayudaaaaaaaaaaaaaa

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