A pedido de uma seguidora muito especial, trouxe pra vocês hoje um explicativo de como aplicar bordas arredondas semelhantes a que eu uso na coluna lateral ao seu layout.
O código da borda arredondada é esse abaixo:-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
Agora vamos ver onde por o código. É só colar o código acima em baixo do código correspondente a área onde você quer por as bordas.
Na sidebar
- Para o Modelo Viagem apenas!
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { (Coluna direita)
ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { (Coluna esquerda)
Na área dos posts
- Para o Modelo Viagem apenas!
.main-inner .column-center-outer {
Espero que tenham gostado! Kissus
Estava á muito tempo procurando esse tutorial!
ResponderExcluirMe ajudou muito
Bjs,
http://placestyle.blogspot.com/
Stefani, por favor me responda uma coisa... Como vc fez para colocar aquelas imagens "rodando" no começo? Obrigado :3 Ah e se quiser visite meu blog! http://tmalikfoureverdirection.blogspot.com
Excluirain que tudo, conseguii!
ResponderExcluirhey, não tem como arredondar também a parte do menu?
bjinhos ;*
http://amigasentresegredos.blogspot.com/
Adorei o tuto,fofa.Adoro aqui!!Muito. ;D
ResponderExcluirwww.ehmake.blogspot.com
oii td bem eu sou do blog startyley....queria saber como colocar um chat no blog que nem o seu?beijosss
ResponderExcluirObg pelo tuto flor! não sabia que era tão simples assim! obg mesmo! amo seu blog! bjos
ResponderExcluirEu não consegui ): Queria saber onde coloco o código...
ResponderExcluir;0
ExcluirTem sim é só incluir o código dentro do código CSS do menu =D
ResponderExcluirLegal o tuto, simples e direto!
ResponderExcluirDá uma passadinha no meu blog tbm, tem moda, maquiagem, saúde e bem-estar, horoscopo, noticias dos famosos, promoções e mt mais:
www.mariaformosa.blogspot.com
Liah,você arranja um jeito de solucionar todos os meus problemas,né?
ResponderExcluirNuunca vi blog igual HAHA
Sabe oque eu fazia? Colocava a bordinha no cabeçalho AHSUAHSUAHSU
eu era looouca para colocar dái,fui tentando,acho que eu fiz uns 200 cabeçalhos para dar o tamanho certo,só eu meesmo.
Ó-T-I-M-O *---*
Comenatando dnv,minha amiga quer colocar nuvem assim,no cabeçalho.Que nem tem aqui,em cima das postagens,dái ela tem dois programas,o Photo Filtre e Photoscape,se der ensina agente?
ResponderExcluirhaha Eu tb fazia (faço) isso rs
ResponderExcluirAdorei o tuto amiga *--*
ResponderExcluirVocê arrasando como sempre hehe
Tem post novo no PG, já viu? *-*
Beijos,
http://paradiisegirls.com
Da pra fazer no photofilte. Eu só fiz unir vários circulos brancos ^^
ResponderExcluirual,ooobg *-*
ResponderExcluirAdorei o tutorial, mas não consegui :\
ResponderExcluirSei que sou azarada!
Beijos,
www.fearlessworld-blog.blogspot.com
ooie, ameei o toutorial....mas, você poderia postar um toutorial de como eu deixo as bordas do cabeçalho arredondadas tambem? pleasee....beijoos
ResponderExcluirwheneverfearless.blogspot.com
Nossa, esse tuto é incrível! É o que eu procurava há dias! *0*
ResponderExcluirpoderia me dizer onde coloca? eu não sei o lugar :(
ResponderExcluirhttp://blog-garotadescolada.blogspot.com/
somos duas ahsuhausha
ResponderExcluirAdorei o efeito já apliquei no meu blog! (^^)
ResponderExcluirhttp://acessopermitidoblog.blogspot.com/
Esse tuto só da pro modelo Viagem ?
ResponderExcluirAh , e onde cola o codigo ?
bjs , vlw ! '-'
http://www.diiariodeumgaroto.blogspot.com/
Olá Liah! Adorei o post. Ah, e não funciona só no modelo Viagem. Acrescentei esse código acima do ]]*
ResponderExcluir.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { -moz-border-radius: 15px; /* Para Firefox */ -webkit-border-radius: 15px; /*Para Safari e Chrome */ border-radius: 15px; /* Para Opera 10.5+*/ margin-left: $(content.padding); background: #FF1493; repeat scroll top left;}O tuto seu junto com o tuto da Candy! http://s2meh.blogspot.com/2011/07/personalizar-cor-das-colunas-do-blog.html#more *-*Usei o modelo Marca d'água.Beijos!placefame.blogspot.com
Eu sei que não funciona só no viagem, é que eu só passo o código referente á sidebar do modelo viagem, entende?
ResponderExcluirObg pelo comentario, fico feliz por ter ajudado =)
Subject: [cherryliah] Re: Cherry Bomb!: Bordas arredondadas
muito bom seu blog adoreiiii beeijos
ResponderExcluirMuito bom, me ajudou bastante! Parabéns pelo blog!
ResponderExcluirFofa, fica invisivel!
ResponderExcluirLiah, tÔ tentando falar com você pelo twitter e você não responde o que houve ?
ResponderExcluirAmei esse tuto Liah, o Cherry Bomb me ajuda muito como sempre :D
ResponderExcluirhttp://dreamsofagirl-blog.blogspot.com/
Liah, como faz para colocar a borda arredonda só em um dos lados da sidebar? beijos, http://garotadestemidadivulga.blogspot.com/
ResponderExcluirOla Liah,estou sempre usando seus tutos para montar meus templates rsrs',esqco as vezes a maioria dos códigos,esse td ok,achei os códigos,mais quando boto,dexa transparente,favor,tire minha duvida!
ResponderExcluirUsei no meu blog, dá uma olhada?
ResponderExcluirhttp://nut-tv.blogspot.com/
a minha barra lateral ficou transparente :(
ResponderExcluirO que faço Liaah?!? ='(
Que maravilha!!!!!! Eu fiquei mais de 1 mes procurando e testando códigos pra deixar as bordas redondadas! E nunca deu certo ! O seu foi o único !!!!! haha! MUITO MUITO MUITO MUITO OBRIGADA!!!!!!Beijos Letícia www.accessoriesteen.blogspot.com
ResponderExcluirnão consegui colocar :´(
ResponderExcluirTambém não consegui :(
ResponderExcluirLiah eu adorei mais , queria saber aonde eu boto o código ?
ResponderExcluirnãão sou a liiiah mais,vc apagou o codigo que ela pediu para procurar,
ResponderExcluirvou tentar explicar
Vc tenta colocar o codigo de volta que fica normal
ai ABAIXO do codigo que ela mandou pesquisar que por exemplo seria
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { (Coluna direita)
vc cola o codigo que ela disponibilizou Ok?
espero ter ajudado!
Coloca abaixo
ResponderExcluirEu tbm não consegui :(
ResponderExcluirDe onde?
ResponderExcluirObrigada Liah \õ/ , comigo funcionou tudo direitinho ;D .
ResponderExcluirbeijos
comigo não funcionou muito D: mas os outros tutoriais que tem aqui no Cherry está me ajudando muito a montar o meu novo blog que é o Loves-Webs novelas (:
ResponderExcluirNháán' Consegui pela primeira vez '3' muito obrigada...Beijocas
ResponderExcluirAdorei o tutorial, agora eu consegui arredondar as bordas do meu blog.
ResponderExcluirhttp://perfeitamenteteen.blogspot.com
Oi tu sabe fazer um volta o top,se sabe me esnsina.
ResponderExcluirAdorei! Deu tudo certo! Da uma passada por lá! http://explosaofofa.blogspot.com.br/
ResponderExcluirNão consegui achar onde coloca :(
ResponderExcluirNão tem como colocar a barra lateral do modelo Awesome INC. arredondada não?
ResponderExcluirsweetpinksweet.blogspot.com
Sofi
ola td bem eu acho linda essas bordas arredondadas, mas estou tendo muita dificuldade em colocar, sigo todas suas orientaçoes mas qndo finalizo continua do msm jeito este é meu blog
ResponderExcluirhttp://mulherdemaquiagem.blogspot.com.br/
se vc puder me ajudar eu agradeço.
Mais uma vez, me ajudou muito esse tutorial. Muito obrigada haha. Os creditos por isso estão na pagina tutorial, no meu blog.
ResponderExcluirXoxo.
http://sabrinacamposc.blogspot.com.br/
Liah Ameii a dica,já coloquei no meu blog obg!
ResponderExcluirAwn...eu não consegui :(,mas vou continuar procurando até achar uma que dê certo
ResponderExcluirEu já consegui
ExcluirAaaaah, eu conseguiii, ficou lindo, obrigada pelas dicas :)
ResponderExcluirGostei do turorial, como sempre bem explicado. Só me desanimei ao saber que era apenas para o modelo viagem y.y
ResponderExcluir*se animando* Tudo bem, eu supero u.u
Amei O Tuto Flor , Me Ajudou Muito ! , Voce não sabe o quanto me ajudou !
ResponderExcluirestava procurando esse tuto u.u '' flw? , emfim ;... vlw !
Muito Obrigada Flor ,seu blog vem me ajudado muito
ResponderExcluirBjus
Nossa Liah me ajudou bastante obrigada !
ResponderExcluirDeu tudo certinho! Obrigada!
ResponderExcluirBj
valeu!
ResponderExcluiragnesvata.blogspot.com.br
Muito Obrigadaa! \o/
ResponderExcluirFaz um tutorial de como você (s) muda (m) o Layout do Blog.
ResponderExcluirObrigado !
Valeuzinho pelo tuto beijos!
ResponderExcluirEu tava prescisando para o modelo Simples, tinha como vc colocar esse pfv ¿ :C
ResponderExcluirObrigada,ajudou!!!
ResponderExcluirAmei o seu blog, tá me ajudando muuuito!!!
ResponderExcluirhttp://blognerdcom.blogspot.com.br/