1.1.13

Bordas Arredondas - Área das Postagens e Sidebar

Olá Amooritas...
~Boa tarde!
Tudo bem?? 
Bom... Eu havia parado um pouco com os tutoriais, afinal, estávamos tendo tutos todos os dias e acaba ficando cansativo! Então hoje eu trouxe para vocês um tuto que eu uso aqui no SM, que é como deixar a área das postagens e a sidebar arredondadas:


Clique na imagem para ampliar

Viram? É mais ou menos assim que vai ficar!
Vamos aprender a fazer??


UPDATE: Esse tutorial só funciona com o modelo "Travel" (Viagem) 

Coluna da direita:
Vá em editar HTML >> Aperte Ctrl F ou F3 e procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Logo abaixo desta tag que você acabou de achar, você cola o seguinte código:

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/

Coluna da esquerda:
Vá em editar HTML >> Aperte Ctrl F ou F3 e procure por: 
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { 

Logo abaixo desta tag que você acabou de achar, você cola o seguinte código:

-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/

Vá em editar HTML >> Aperte Ctrl F ou F3 e procure por:
 .main-inner .column-center-outer {
Logo abaixo desta tag que você acabou de achar, você cola o seguinte código:
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
 Créditos: Cherry Bomb  

E aí... Gostaram do tuto??
Usaram??
Comentem!! 

Kissus~

7 comentários:

  1. Adorei o tutorial, acho que vou usar no meu prósimo layout! O modelo não é o Travel :s Enfim, adorei do mesmo jeito, fica muito fofo! Beijão (:
    isaloy.blogspot.com.br

    ResponderExcluir
  2. Minha área da postagem está arredondada mas, a side bar ñ =P
    fashion em cores -.com

    ResponderExcluir
  3. Será que deu alguma coisa errada? =\

    ResponderExcluir
  4. Eu uso esse tuto, acho que fica mais fofinho, né?? Beeijos!
    pqngarota.tk

    ResponderExcluir
  5. Fica fofinho mesmo Viih ^^
    Bezoos ^3^

    ResponderExcluir
  6. Uou, Tutorial Simples...

    E fica super fofo né?? ^^

    winter--rose.blogspot.com.br/

    ResponderExcluir
  7. Eu fui em html ,F3 mais não apareceu nada quando procurei por

    .main-inner .column-center-outer {

    oque faço? :S

    ResponderExcluir