Uma das novidades trazidas pelo CSS3 e que as bordas dos elementos HTML podem ser arredondadas.Veja um exemplo com as #DIVs abaixo:Lorem IpsumLorem IpsumO codigo para bordas arredondadas como na caixa acima e bastante simples:-Moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border: 1px solid #000;border: 1px solid # 000;padding: 10px;A classe border-radius (destacada em vermelho) deve ser repetida dessas tres formas para que possa funcionar em diversos navegadores. Mesmo assim, alguns navegadores mais antigos podem nao aceitar a transformacao.Veja outros exemplos do que pode ser feito:Lorem IpsumLorem IpsumLorem IpsumLorem IpsumAinda existem outras formas de estilizar as bordas, vejam o codigo:-Moz-border-radius: cima direita baixo esquerda;-webkit-border-radius: cima direita baixo esquerda;border-radius: cima direita baixo esquerda;Modificando as partes em negrito (cima, direita, baixo, esquerda) por algum numero inteiro voce modifica a borda de cada lado do elemento.Lembre-se de que os numeros devem ser iguais nas tres linhas a menos que voce queira que para cada navegador seja exibido uma borda diferente.Vejamos agora um exemplo de como colocar o codigo na parte de estilos do seu blog. O codigo deve ser colocado entre as chaves e nesse caso, sera usado como exemplo o codigo de estilo da #SIDEBAR:#sidebar {width: 200px;padding: 5px;border: 2px solid #99CC00; -Moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}Ficou alguma duvida? Nao conseguiu? Precisa de ajuda? E so deixar um comentario.Enjoy! Tudo o que vai um dia volta, tipo FrisbeeDepois de muito tempo sem postar nada, eu vou voltar com algumas novidades.Pra comecar, todos os artigos do blog publicados antes de 29/04 serao revisados para que todos os erros existentes em scripts, tutoriais e etc. sejam corrigidos. Depois, eu vou publicar uns tutoriais superinteressantes sobre CSS3 e uns scripts novos que eu fiz.Voce podera reconhecer os artigos revisados pela marca abaixo:Ate a proxima!Os creditos da imagem sao de FreakingNews.com O Twitter Counter e um site que oferece alguns servicos gratuitos como widgets e estatisticas do seu Twitter. Nao precisa se cadastrar, e so informar o seu nome de usuario do Twitter para ter acesso a esse conteudo.Veja uns exemplos de widgets:Para ficar mais facil, preencha o formulario abaixo e escolha uma das opcoes. Para esse final de semana eu tenho uns links bem legais pra voce ja ir entrando na onda do CSS e aprender um pouco mais.Vejam as novidades do site do Maujor (http://maujor.com/) e tambem o W3C (http://www.w3.org/, em ingles).Ate a proxima! Download Bem simples mas e bonito e leve, o NB1 e o primeiro de uma serie de templates que eu chamo de Prototypes.Informacoes: 2 colunas principais (destaque para os artigos);3 colunas no rodape;Cores principais: verde e preto;Technorati Tags;Botao Twit This;Icones para redes sociais;Formulario de comentarios embutido;Nao precisa configurar nada, ja vem tudo pronto.E isso. Em breve sai uma variacao desse template.Tchau, e Feliz dia Do Amigo. Os modulos de CSS3 trazem muitas novidades. Continuando a serie de artigos sobre ele, eu falo hoje sobre duas funcionalidades chamadas box-shadow e text-shadow que respectivamente servem para aplicar sombras no fundo de elementos e sombra nos textos.Veja os exemplos:#DIV com box-shadow#DIV com text-shadowVeja