Comentários sobre: OS PSEUDO-ELEMENTOS :AFTER E :BEFORE http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/ Movido a: XHTML, CSS, PHP e WebStandards Fri, 05 Dec 2008 09:54:20 +0000 http://wordpress.org/?v=2.6.5 Por: Cristiano Francisco Leal da Silva http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-33760 Cristiano Francisco Leal da Silva Fri, 01 Feb 2008 17:50:02 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-33760 Olá eu estou desenvolvendo uma nova versão para o meu site (http://www.jornalpontodevista.com.br) e eu quero colocar cantos arredondados mas na B... do IE não tem suporte. Como que eu vou fazer? Grato Olá eu estou desenvolvendo uma nova versão para o meu site (http://www.jornalpontodevista.com.br) e eu quero colocar cantos arredondados mas na B… do IE não tem suporte. Como que eu vou fazer?
Grato

]]> Por: Nagüeva » Resolvendo problemas com altura de divs e floats http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-33211 Nagüeva » Resolvendo problemas com altura de divs e floats Sat, 26 Jan 2008 14:06:14 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-33211 [...] encontrei este link no Position Is Everything com uma solução para o problema. Ele utiliza o pseudo-elemento :after e hacks para os browsers que não o [...] [...] encontrei este link no Position Is Everything com uma solução para o problema. Ele utiliza o pseudo-elemento :after e hacks para os browsers que não o [...]

]]> Por: COMO OCULTAR SEU EMAIL DOS SPAMBOTS SOMENTE COM CSS » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-21019 COMO OCULTAR SEU EMAIL DOS SPAMBOTS SOMENTE COM CSS » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards Wed, 26 Sep 2007 09:02:21 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-21019 [...] achando uma técnica bem interessante de ocultar o e-mail somente com CSS, utilizando da pseudo-classe :after, que para nossa alegria, não funciona no IE. Para essa façanha, utilizaremos o [...] [...] achando uma técnica bem interessante de ocultar o e-mail somente com CSS, utilizando da pseudo-classe :after, que para nossa alegria, não funciona no IE. Para essa façanha, utilizaremos o [...]

]]> Por: Nagueva » Blog Archive » Resolvendo problemas com altura de divs e floats http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-18583 Nagueva » Blog Archive » Resolvendo problemas com altura de divs e floats Wed, 22 Aug 2007 19:37:48 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-18583 [...] encontrei este link no Position Is Everything com uma solução para o problema. Ele utiliza o pseudo-elemento :after e hacks para os browsers que não o [...] [...] encontrei este link no Position Is Everything com uma solução para o problema. Ele utiliza o pseudo-elemento :after e hacks para os browsers que não o [...]

]]> Por: Rael B. Riolino http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-979 Rael B. Riolino Wed, 13 Sep 2006 20:24:35 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-979 É.... pra variar o IE complicando nossa vida É…. pra variar o IE complicando nossa vida

]]> Por: Carlos Eduardo http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-978 Carlos Eduardo Wed, 13 Sep 2006 19:48:15 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-978 Duvido que sejam indexadas, pois não fazem parte do conteúdo. Ou seja, se você tem a intenção de fazer algo que funcione realmente como conteúdo, <strong>não use</strong>. E como o Alexandre disse, acaba-se tornando algo sem muita utilidade, pois o IE não suporta, dificultando o uso dos pseudo-elementos. Mas para efeitos visuais que não façam muita diferença, não há problema, só acrescentam algo nos browsers "web standards" mas, se visto no IE, não perde muita coisa. Duvido que sejam indexadas, pois não fazem parte do conteúdo. Ou seja, se você tem a intenção de fazer algo que funcione realmente como conteúdo, não use.

E como o Alexandre disse, acaba-se tornando algo sem muita utilidade, pois o IE não suporta, dificultando o uso dos pseudo-elementos.

Mas para efeitos visuais que não façam muita diferença, não há problema, só acrescentam algo nos browsers “web standards” mas, se visto no IE, não perde muita coisa.

]]> Por: Alexandre http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-967 Alexandre Wed, 13 Sep 2006 14:14:38 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-967 Uma mão na roda... inútil! Se o IE não vê, pelo menos 90% da audiência tupiniquim não vê. Alguém sabe se o IE7 vai ter suporte à :after e :before? Abs Uma mão na roda… inútil!
Se o IE não vê, pelo menos 90% da audiência tupiniquim não vê.
Alguém sabe se o IE7 vai ter suporte à :after e :before?
Abs

]]> Por: Rael B. Riolino http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-965 Rael B. Riolino Wed, 13 Sep 2006 13:44:16 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-965 só não sei dizer se essas frases geradas a partir do CSS são indexadas nos mecanismos de busca... ta ai uma duvida :-/ só não sei dizer se essas frases geradas a partir do CSS são indexadas nos mecanismos de busca… ta ai uma duvida :-/

]]> Por: Rael B. Riolino http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-964 Rael B. Riolino Wed, 13 Sep 2006 13:30:27 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-964 Legal... até hoje nao tinha visto nenhum blog abordar esse assunto, que pode ser muito bem utilizado. Vale lembrar tb que é possível "enfeitá-lo" da maneira que quiser... ou seja, qualquer propriedade do CSS (ou pelomenos a maioria) pode ser aplicado nos pseudos-elementos, por exemplo: color, lin-height, size, position, text-decoration, font-style, etc... Faça um exemplo tb: <code> #link1:after { content: "Exemplo de After"; color:#00F; font-size:24px; background-color#EEE; } </code> e desfrute do resultado... o melhor desta ferramenta: Ex.: Imagine uma lista de fotos com trumbnails, onde embaixo da foto fica escrito (clique para ver maior). No site existem mais de mil fotos, e dai chega o cliente e fala pra mudar a frase para (veja ampliado)... e ai? Com o :after é só mudar no css que todas as paginas serão alteradas! (como se fosse uma include) Legal… até hoje nao tinha visto nenhum blog abordar esse assunto, que pode ser muito bem utilizado.

Vale lembrar tb que é possível “enfeitá-lo” da maneira que quiser… ou seja, qualquer propriedade do CSS (ou pelomenos a maioria) pode ser aplicado nos pseudos-elementos, por exemplo: color, lin-height, size, position, text-decoration, font-style, etc…

Faça um exemplo tb:

#link1:after {
content: "Exemplo de After";
color:#00F;
font-size:24px;
background-color#EEE;
}

e desfrute do resultado…

o melhor desta ferramenta:

Ex.:

Imagine uma lista de fotos com trumbnails, onde embaixo da foto fica escrito (clique para ver maior).
No site existem mais de mil fotos, e dai chega o cliente e fala pra mudar a frase para (veja ampliado)… e ai?

Com o :after é só mudar no css que todas as paginas serão alteradas! (como se fosse uma include)

]]> Por: Jorge Paulo http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-959 Jorge Paulo Wed, 13 Sep 2006 10:33:00 +0000 http://www.pinceladasdaweb.com.br/blog/2006/09/13/os-pseudo-elementos-after-e-before/#comment-959 Muito legal seu artigo. Eu não conhecia ainda a utilização desses pseudo-elementos. Gostaria, se possível, de ver mais artigos sobre esse assunto. Muito legal seu artigo. Eu não conhecia ainda a utilização desses pseudo-elementos.
Gostaria, se possível, de ver mais artigos sobre esse assunto.

]]>