
Para arredondar a borda de uma sidebar, vamos usar as novidades do CSS3.
Vá em "Design" - "Editar HTML" e procure por #sidebar-wrapper {
Abaixo coloque o código caso NÃO tenha a linha border: .... ;
border-width: medium;
border-style: solid;
border-color: #0000FF;
border-style: solid;
border-color: #0000FF;
em seguida coloque um dos seguinte código...
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 9px 3px 9px 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
Visualize e salve!
Obs. Testado no template clássico do blogger.
0 comentários:
Postar um comentário
Globo Mais - O maior portal hightech ao alcance de seu click