tag:blogger.com,1999:blog-9206801239693129345.post4876551118161016101..comments2023-04-02T06:27:01.557-03:00Comments on Utilizando Blogger: Redes Sociais com Efeito CSS3Bruna T. Marqueshttp://www.blogger.com/profile/02039802044523950311noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-9206801239693129345.post-74690473611122725582011-12-05T13:02:45.851-02:002011-12-05T13:02:45.851-02:00Esta meio errado e faltando coisas ai neste código...Esta meio errado e faltando coisas ai neste código.<br /><br />Primeiro de tudo, CSS3 de verdade não tem ai.<br />O que seria CSS3 é o "transition" mesmo, sem nenhum prefixo.<br />Esses outros com prefixos são linguagens proprietárias e estão longe de ser o ideal para a web.<br /><br />Porém em um futuro próximo não vai mais existir nenhum desses prefixos e ser usado apenas o "transition".<br /><br />Outra coisa, esse "All", apesar de CSS não ser uma linguagem Case sensitive, recomendo você utilizar tudo em caixa baixa.<br /><br />O CSS não pode ir dentro do gadget/widget, pois o style irá ficar dentro do <body> do corpo HTML, o que é incorreto segundo as diretrizes do W3C.<br /><br />O correto é colocar antes do </head>.<br /><br />Enfim a forma correta de escrever esse código seria:<br /><br /><style><br />.minhasredes3 {<br />padding: 15px;<br />}<br /><br />.minhasredes3 a {<br />transition:all 1s ease; /* CSS 3 */<br />-webkit-transition:all 1s ease; /* Google Chrome e Safari */<br />-o-transition:all 1s ease; /* Opera */<br />-moz-transition:all 1s ease; /* Mozilla Firefox */<br />opacity:0.5;<br />} <br /><br />.minhasredes3 a:hover {<br />opacity: 1;<br />}<br /></style><br /><br />Não existe a necessidade de dar "transition" na imagem também, pois a condição foi dada para o link que envolve a imagem.<br />Desta forma já funciona e ai esta comentado para que cada linha serve.<br /><br />Sobre o HTML:<br /><br />É de total importância que toda imagem no corpo HTML tenha atributo "alt". <br />Este atributo é obrigatório segundo as diretrizes da W3C.<br />Serve para indicar um texto caso a imagem não seja carregada, ele pode ser lido por leitores de telas usados por deficientes visuais e também é usado para indexar imagens no Google Images.<br /><br />Forma correta de usar a imagem:<br /><br /><img src="http://dl.dropbox.com/u/49685791/rss-icon.png" alt="Feed" />Claudio Sancheshttps://www.blogger.com/profile/09082343886458608503noreply@blogger.comtag:blogger.com,1999:blog-9206801239693129345.post-75421034200397175002011-12-04T11:47:31.527-02:002011-12-04T11:47:31.527-02:00@Ezequiel da Silva, obrigada pelo comentário. Com ...@<a href="#c7967023370896883058" rel="nofollow">Ezequiel da Silva</a>, obrigada pelo comentário. Com certeza, para isso é recomendável usar o "AddThis" que podemos divulgar nosso artigo em várias redes sociais.<br /><br />@<a href="#c4269360419439039850" rel="nofollow">Ricardo Caetano</a>, obrigada pelo comentário. Esse efeito que você utiliza, realmente dá um aspecto muito elegante ao blog.Bruna T. Marqueshttps://www.blogger.com/profile/02039802044523950311noreply@blogger.comtag:blogger.com,1999:blog-9206801239693129345.post-42693604194390398502011-12-04T10:36:54.017-02:002011-12-04T10:36:54.017-02:00Oi Bruna, esse efeito fica muito bom.. eu utilizo ...Oi Bruna, esse efeito fica muito bom.. eu utilizo o efeito transition no CSS3 mas para mudar de uma cor para a outra.Ricardo Caetanohttps://www.blogger.com/profile/11865319375559259768noreply@blogger.comtag:blogger.com,1999:blog-9206801239693129345.post-79670233708968830582011-12-04T08:54:32.319-02:002011-12-04T08:54:32.319-02:00Boa dica Bruna, lembrando que é sempre muito impor...Boa dica Bruna, lembrando que é sempre muito importante disponibilizar a opção para nossos leitores divulgarem nossos posts, parabéns de novo!Ezequiel da Silvahttp://www.facebook.com/#!/pages/MDB-Mundo-Dos-Blogs/175380579149357noreply@blogger.com