23 dezembro 2011

Tutorial- Cantos do rodapé arrendodados



Oi gracinhas! Joia?
Então, sempre procurei esse tutorial pra todo lado, até que eu achei no Go Imagine [www] enntão os créditos do post de hoje é pra lá viu? Só testei no Modelo Travel do blogger, mais talvez funcione em outro..
Olha o resultado:


Querem aprender ? Continue lendo!

Então aqui está o tutu:
1°: vá em desing>editar html> dê CTRL F e pesquise por:

.main-inner .column-center-outer {

Debaixo desse trecho acima ^, vai ter a seguinte frase:

_background-image: none;

Então debaixo daquele codigo ali, cole este trecho:

-webkit-border-bottom-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;

border-bottom-left-radius: 20px;

Fez? Então vamos ao segundo passo:
Pesquise por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {  
  (caso sua coluna seja no lado direito)
 
Ou

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { 
(caso sua coluna seja no lado esquerdo)

Debaixo desses codigos vai aparecer:
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

Então cole debaixo dele isso aqui:
-webkit-border-bottom-right-radius: 20px;

-moz-border-radius-bottomright: 20px;

border-bottom-right-radius: 20px; 

Visualize, se estiver tudo okay, salve e pronto! 
XOXOXOXOXO

BayBay


6 comentários:

LinkWithin

Related Posts Plugin for WordPress, Blogger...