14 junio 2012

redondear el borde del blog


Hola mis pastelitos   Hoy les traigo otroo tuto!!! algo muy sencillo pero que rompe la cabeza a la hora de buscarlo o entenderlo.. quiero que estés atenta pues te enseñare a redondear las esquinas de tu blog, algo que no es necesario pero que lo deja mas mono y atrayente! haz click en lee mas..
lo malo de este tuto es que solo funciona para la plantilla simple :( pues es la unica que trae la barra lateral incorporada al sector de entradas!

para hacerlo ve a plantilla  Edicion de HTML  Preciona f3 y busca:

.content-inner {


Lo encontraras de esta manera:



.content-inner {
padding: $(content.padding) $(content.padding.horizontal);


Reemplaza lo que esta en rojo por el codigo que elijas:



           padding: 10px 15px;
        border-radius: 50px 50px 50px 50px;
        border: 3px solid #B8BABC;



             padding: 10px 15px;
           border-radius: 0px 60px 60px 0px;
           border: 3px solid #B8BABC;


Explicando:


3px: ancho del borde
 solid: estilo del borde
 #b8babc: Color del borde en codigos html


Espero les haya gustadoo.. y hasta el proximo post!! 

33 comentarios:

  1. esto queria yo!! gracias Suh eres divina, no se que haria yo y mi blog sin ti ;) gracias de verdad ahora msimo lo pruebo ^_^

    ResponderEliminar
  2. Desde hace rato queria hacer esto, pero no me anime a buscar como porque nunca me salen los tutos de los otros haha eres lo mas Suh! tus tutos si me salen jojo y esto lo intentare! ^^

    Ahh quiero uno de esos pastelitos!! se ven tan ricoos >w<

    Saluditooos

    ResponderEliminar
  3. Esta muy bueno el dato: Como siempre!
    Saludos Cuidate :)

    ResponderEliminar
  4. Oh, que genial :D ! Amo tus tutoriales.. Un abrazo♥!

    ResponderEliminar
  5. Muy tutorial, me sirve para el nuevo blog que he abierto *-* No me acordaba de como se ponia.
    Muchas gracias!! ^^

    Muchos besitos!!

    ResponderEliminar
  6. Un tutorial buenísimo.
    Además siempre consigues que parezca fácil!!
    Besos

    ResponderEliminar
  7. Hola! ¿ya te he dicho que eres genial? estan muy buenos tus tutoriales! gracias por compartir :)
    Un besote

    ResponderEliminar
  8. Tienes un premio en mi blog por siempre pasarte y comentar...!!
    Búscalo como Mis Comentaristas..!!

    Walking on a dream.... Ganadora del concurso al mejor escrito! Vista su blog , que de sus escritos te enamoraras!! http://walkingonadreammarii.blogspot.com/

    ResponderEliminar
  9. -Waaa! :D Gennial! x3 Justo desde hace meses buscaba algo asi! >,< hehe me encanta!

    Pronto veras mi Blog mejorado gracias a muchos de tus tutoriales ^^

    ResponderEliminar
  10. Hola coco, la verdad es que agradezco tus tutoriales, los amo, puse un agradecimiento en mi blog como gadget, espero que lo veas, avisame si es que lo ves!

    ResponderEliminar
  11. Aii que chulo!!!
    a ver si un dia de estos qe no me de pereza lo hago! jajaja
    Porcierto a ver si pones un tuto de como poner los comentarios como los tienes molan mucho :$!

    ResponderEliminar
  12. Buenísimo datooooo :) ¡Eres re-ingeniosa!, ¡cariños!.

    ResponderEliminar
  13. No sabes como me rompi la cabeza buscandolo, le pregunte a todo el mundo y nadie me dijo nada! UNA IDOLAA! Te sigo sin dudas, me ayudaste muchisimo!

    ResponderEliminar
  14. Hola, me encanto el tutorial... Me gustaría saber como se hace para ajustar un poco mas los bordes es decir que me queden mas rodeando la parte de las entradas y gadget en vez de todo el blog completo.. Ojala puedas ayudarme te dejo mi blog así lo ves. Un beso enorme :D http://unasonrisa-hecha-pordos.blogspot.com.ar/

    ResponderEliminar
  15. Me mataste con el icono ese que mueve la nariz! x3

    Me gustó de nuevo, lástima que no sea mucho de modificar mi blog, sino podría coger varias cosas de aquí ^^

    Un beso!!

    ResponderEliminar
  16. Por fin consegui lo que quería:3 que dicha! Esta genial, besos. <3

    ResponderEliminar
  17. ame tu tutorial me resulto y todo pero me queda mal no me queda en el ancho de la pagina si no que queda mas grande y no se como corregirlo necesito tu ayuda uuurgente!!!

    ResponderEliminar
  18. te odio tontaaaaa , me hiciste un desorden en mi blog como te odiooo

    ResponderEliminar
  19. Hola, andaba buscando este tutorial de una manera. Explicar super sencillo, me sirvió demasiado. Gracias ^-^
    Y por cierto, tu blog es muy original *-*

    ResponderEliminar
  20. Geniaa♥ Amo tus tutoriales *.* Muchass Gracias !! :D

    ResponderEliminar
  21. buenisimos tus totus♥ te desio lo mejor besos

    ResponderEliminar
  22. no me funciona nose como y no me sale ese texto

    ResponderEliminar
  23. MUCHAS gracias! Pero me gustaría saber cómo redondear aparte de la página en general, los gadgets en sí.

    Gracias!

    ResponderEliminar
  24. Hola :3
    Quería preguntarte , como lo relleno...
    si me sale el borde , pero solo un borde gris y ya , y yo quería que por dentro del borde tambien tubiera color
    gracias:3

    ResponderEliminar
  25. Hola, me gustaría poner el borde del blog redondeado, pero cuando le doy a f3 y pongo lo que tu as puesto no me sale lo que dices, ni lo rojo ni nada y no se donde ponerlo.
    ¿Donde lo pongo?
    Gracias :)

    ResponderEliminar
  26. Eres lo mejor, ya lo agregue, hace años buscaba como hacerlo. Ya te estoy siguiendo en blog. Un besito grande ♥ muack

    ResponderEliminar
  27. NO ME FUNCIONAAAAAAAAAAAAAAAA!! BUENO SE VE LO REDONDEADO PERO FUERA COMO SI FUERA UN FONDO : ( ME AYUDAS?

    ResponderEliminar
  28. Oye hermosa! C: Busco el código y no me aparece... Soy un poco nueva con el HTML... Podrías ayudarme?

    ResponderEliminar
  29. Por fin, después de mucho buscar, tu tutorial es el que me ha servido. Gracias

    ResponderEliminar
  30. No consigo el titulo en rojo ayudamee ya lo busque en la barrita f3 y me dice que no y tengo la plantilla que tu tienes... :(

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