Como ter os cantos arredondados no campo de introdução de twitts no Twitter

twitter cantos arredondados

Devido às suas dimensões, a imagem foi recortada. Clica nela para a veres completa.

 

No Firefox e respectivos clones, e outros browsers que usam o Gecko, o "motor de renderização" de conteúdos web desenvolvido pela Mozilla e usado no Firefox, o Twitter aparece com os cantos arredondados, como já devem ter reparado. Isto acontece apenas nestes e não nos outros browsers porque apenas o Gecko reconhece o "-moz-border-radius". Este atributo de CSS é a implementação feita pela Mozilla para o "border-radius", que está incluído na versão 3 da especificação do CSS.

 

Os cantos arredondados, na minha nada humilde opinião, dão um aspecto mais agradável ao site. Mas o campo onde se escrevem os twitts não teve a mesma sorte que o corpo do site. Em vez de um aspecto mais soft, parece uma mesa com quinas afiadas, daquelas que nos vazam os olhos só de olhar para elas.

 

Com o Firefox e a extensão Stylish, é possível dar a volta a isso. Depois de instalada a extensão e reiniciado o browser, visitem o Twitter.com, cliquem no ícone que aparece no canto inferior direito do Firefox (o rectângulo com o "S"), e escolham a opção "Write new style > For twitter.com...". Feito isto, aparece-vos uma pequena janela onde podem editar a folha de estilo do site à vossa vontade. Para ficarem com a caixa de introdução dos twitts com os cantos arredondados, introduzam o seguinte conteúdo nessa janela, e depois cliquem no botão "Save" para gravarem a alteração.

 

@namespace url(http://www.w3.org/1999/xhtml);

 

@-moz-document domain("twitter.com") {

fieldset.common-form input[type="text"], fieldset.common-form input[type="password"], fieldset.common-form textarea, fieldset.common-form select, fieldset.common-form checkbox {

-moz-border-radius-bottomleft:5px !important;

-moz-border-radius-bottomright:5px !important;

-moz-border-radius-topleft:5px !important;

-moz-border-radius-topright:5px !important;

padding:4px !important;

}

 

}

 

O resultado final é o que podem ver na imagem no ínicio do post. Acho que fica mais agradável assim.

publicado por brunomiguel às 15:54 | link do post