si se fijan las imagenes estan redondeadas n.n
para hacerlo es sencillito
vete a:
Pulsa CTRL + F y busca /* Content ----------------------------------------------- */
copia el siguiente codigo y pegalo justo abajo del codigo anterior
da vista previa y guardar
lo rojito es el borde de cuan redondo lo quieres
asi quedaria:
vete a:
diseño >> Edicion de HTML >> Editar plantilla
Pulsa CTRL + F y busca /* Content ----------------------------------------------- */
copia el siguiente codigo y pegalo justo abajo del codigo anterior
img{
border-radius: 30px;
}
da vista previa y guardar
lo rojito es el borde de cuan redondo lo quieres
asi quedaria:
si no tienes ese codigo entonces busca body {
y pega el codigo arriba de el
que pasen buen fin de semana y no olvides comentar n.n
y pega el codigo arriba de el
que pasen buen fin de semana y no olvides comentar n.n
buen tuto, me gusto!! aunque yo ya tengo para el borde de la sfotos otro tuto qu pusiste!!annyz sabes como hacer que el blog en si sea redondeado con unas esquinas?? :)
ResponderEliminarque sea redondeado cno unas esquina aww no entendi xD
EliminarOh ! muy bueno ^^ , siempre he querido saber como lo hacían, gracias ! & buen fin de semana c:
ResponderEliminargrax lau igualmente :D
Eliminaranny preciosa (:
ResponderEliminarcomo siempre mil gracias por la ayuda que brindas a las bloggeritas :3
tus tutos son geniales! & tu blog tambien(:
gracias anny
un besito,lindisisismo dia
XOXO ♥
aww grax nena >.<
EliminarWaaaaaaaaaa muchas gracias me sirvio mucho! :)
ResponderEliminaruna pregunta sabes como poner la imagen de cabecera asi mismo con las esquinas redondeadas?
claro que se pueden redondear pero dime cual plantilla usas para saber los detalles del html
EliminarPues muchas gracias annyz, porque yo lo hago con el photoshop una a una xD! No es nada dificil con el photoshop,, pero si se hace automatico con esto, mejor que mejor! Besos!!!!
ResponderEliminarMil gracias estan hermosos tus tutos!
ResponderEliminargrax sunadokei
Eliminarte adoro mi niñaaa al fin pude encontrar como hacer ese efecto fail y rapido de veras muchas gracias!
ResponderEliminarde nada saku n.n
EliminarEsta genial! pero una cosa una amiga mia hace que cuano pases el cursor por la imagen se haga con las esquinas redondeadas, pero si no se pasa el cursor por encima de la imagen no sucede esto
ResponderEliminarSabes como se hace?
lascosasdemartitaa.blogspot.com
amm me das el link de tu amiga para ver el efecto y asi ya te respondo con mas dellade :)
ResponderEliminarQue bonito!
ResponderEliminarHola Annyz!
ResponderEliminarM encantó el tuto, te sabes explicar genial!
Ya tengo venido varias veces aqui y buscado algunas cosillas... pero hay una cosa que no sé como hacerla :S
Algunos blogs tienen las esquinas redondeadas, ya sabes, las 4 que forman tu blog y eso son redondeadas... pero como lo has conseguido???
He buscado muchos tutos pero o bien no los entendía o no me funcionaban.
Y otra cosa... el la barra lateral, en teoría tendría que haber un espacio entre... por ejemplo los seguidores y las categorías, pero no lo hay (espero que entiendas a lo que me refiero, no se explicartelo mejor D:), como lo has echo??? :O
okii lo primero no se cual plantilla usas pero te dire como las redondee yo
Eliminarbusca
/* Main
----------------------------------------------- */
.main-outer {
y pega esto abajo de el
border: 3px dashed #FFB6DA;
background: $(main.background);
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
y se redondearan las esquinas
sobre lo segundo no entendi xD cual espacio? si gustas muestrame tu blog y ahi veo a lo que te refieres..
saludos
a mi no me salio U.U
Eliminareso tbm lo quiero...
es:
mi plantilla sencillo
espero que me puedas ayudar... :/
hola aura
Eliminarsolo busca /* Content ----------------------------------------------- */
copia el siguiente codigo y pegalo justo abajo del codigo anterior
img{
border-radius: 30px;
}
Waaa yo también quiero tener esto ;O; pero al poner el codigo en la plantilla seincillo me dice error x.x
Eliminarthanks si me sirvió :D hehehe
Eliminarolle este emm
ya te respondi abajo
ammm
lo de la parte
vez que tiene dos puteadas
dos puteadas un es de la entrada y la otra la del rosita como se hace a mi me gusta eso
como le hicistes ?¿
hay deveras conmigo :P !!!!
espero no causarte tantísimo problemas
muchas gracias saludos
/* Main
Eliminar----------------------------------------------- */
.main-outer {
y pega esto abajo de el
border: 3px dashed #FFB6DA;
background: $(main.background);
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
y se redondearan las esquinas
y para lo de redondo de las entradas
busca .post-outer {
y pega esto debajo de el
border: 1px dashed #BDBDBD;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
Soany este truco no es para la plantilla sencilla sorry
Eliminaroye annyz yo se a lo que refiere ella creo.. yo también tengo esa duda
ResponderEliminarosea creo que es el espacio entre la entrada y las categorías osea tu la de los seguidores temas y todo eso ahap como le hacen para que se vean espacio entre un y otro que se vea blanco o color del blog yo tbm e visto eso en varios blog y ni see como le hacen :S
asi mira creo que a eso se refiere ella
http://sweetkittylove-love.blogspot.mx/2012/02/cambia-la-apariencia-de-la-barra.html
perdón es un blog de alguien mas :P
yo tbm tengo dudilla vez que tiene dos puteadas
dos puteadas un es de la entrada y la otra la del rosita como se hace a mi me gusta eso
espero no darte tantas molestias.. :S soy muy LENTA con todo esto pero si me sale
gracias sayonara
aww nena no vii.. ya no esta el blog :(
EliminarMira en http://elblogdebelendivina.blogspot.com.es/p/afiliados_19.html
ResponderEliminarclicka sobre la cabezera y le aprece asi como lo puedo hacer
hablas de la opacidad???
EliminarChica, sabes como colocar las esquinas del blog en general redondeadas? así: http://andwhatcomesnext.blogspot.com/ http://hellfireinmyheart.blogspot.com/ Saludos:)Espero tú respuesta.
ResponderEliminaroka si te fijas arribita de tu comentario algunas chicas me preguntan lo mismo y les he contestado.. quiza alguna de las respuesta que puse te sirvan..
Eliminartodo depende de que tipo de plantilla utilizas porque son diferentes codigos.. cual utilizas tu?
listo, oye y no sabes como hago para cambiar ese tipo de borde? O sea no se si me explico, la líneas que salen en ese borde, las puedo cambiar?
Eliminarclaro son tipos de bordes
ResponderEliminaragrega este codigo abajo de lo que agregaste
border: 3px dashed #FFB6DA;
aqui te dejo unos tipos de bordes
http://annyz-kawaii.blogspot.mx/2011/06/estilos-text-area.html
annyz una vez que tengo un boton de afiliacion como saco el codigo html?
ResponderEliminarte dejo el tutorial aqui nena esta muy sencillo
Eliminarhttp://annyz-kawaii.blogspot.mx/2011/04/codigo-de-afiliacion-en-tu-blog.html
saludos
Annyz te adoro siempre traes cosas muy utiles por eso adoro tu blog! me ha resultado y se ve realmente hermoso gracias por la ayuda n_n
ResponderEliminarde nada saku
EliminarHOla, en mi blog no funciona nada que sea referido a las imágenes, no le da el efecto, todo lo que sea con las imágenes no lo aplica T.T
ResponderEliminarMe encanta este bloG!
hola yesi.. muchas veces no vemos los efectos por el navegador que usamos por ejemplo.. hay efectos que se ven en firefox y no se ven en chrome o viceversa o.O cual navegador usas tu?
EliminarQue genial!! Gracias por este aporte!!
ResponderEliminarMe funciono! Ya te sigo! xoxo
Muy lindo Annyz, gracias!!!
ResponderEliminarEstá muy bien, pero solo me redondea las imágenes de los gidget...joo
ResponderEliminarPor cierto, muy bonito tu blog!
Hola! Me encanta tu blog.Usé 1 par de gadget, espero no te molestes. Seguiré visitando tu blog. :) Grax.
ResponderEliminarGracias preciosa!! me sirvio muchisimo!
ResponderEliminar