Wikipédia:Esplanada/propostas/Recomendar o uso de CSS para a formatação das assinaturas (28jul2011)

Adicionar hiperligações
Origem: Wikipédia, a enciclopédia livre.

Recomendar o uso de CSS para a formatação das assinaturas (28jul2011)

Proposta[editar código-fonte]

Depois deste tópico criado pelo MisterSanderson, no qual é descrito um problema com infrações as atuais regras para assinaturas, gostaria de propor o seguinte:

  • Recomendar o uso de CSS para a formatação das assinaturas

Os principais motivos são estes:

  • Os editores terão maior liberdade para alterar a forma como vê sua própria assinatura nas discussões, permitindo que usem inclusive imagens nas assinaturas e simulem o funcionamento de predefinições (no sentido de poder alterar a aparência de todas as suas assinaturas de uma só vez, com uma única edição)
  • O tamanho do código wiki continuará aceitável.
  • Somente o próprio editor será "incomodado" com as mudanças que fizer em sua assinatura.

Implementação[editar código-fonte]

Um código wiki como

<span class="signature">[[User:<EXEMPLO>|<EXEMPLO>]] ([[User talk:<EXEMPLO>|discussão]])</span>

aparece, por padrão, com a seguinte formatação:

<EXEMPLO> (discussão)

Isso significa que ele está de acordo com as regras estabelecidas pela comunidade para as assinaturas.

Apesar de sua aparência não ter nada de "especial", o fato de se incluir uma classe qualquer (no exemplo, "signature") em todas as assinaturas permite que o editor veja sua própria assinatura com a formatação que bem entender, esteja ela de acordo ou não de acordo com as convenções adotadas pela comunidade. Para isso, basta definir uma folha de estilos pessoal em seu common.css (que só é carregado para si mesmo). Exemplos: 

/* Estilo usado pelo editor MisterSanderson */
.signature a {
    font-family:Comic Sans MS;
}
/* Estilo usado pelo editor Alchimista */
.signature a {
    font-size:111%; color:navy;
    font-variant:Lucinda-caps;
    text-shadow:black 10px 3px 10px;
}
/* Assinatura com imagem! */
.signature a {
    background: url("http://upload.wikimedia.org/wikipedia/commons/9/9a/Wink.png?20110728T180457Z") center left no-repeat;
    padding-left: 25px;
}
/* E assim por diante... */

Além de ser uma solução simples, que permite até mesmo a inclusão de imagens nas assinaturas sem causar incômodo aos demais editores, caso um dia se canse da aparência de sua assinatura, o editor pode alterar seu CSS para que todas as assinaturas fiquem com uma nova formatação (é como se a classe "signature" estivesse servindo como uma "predefinição").

Se quiser comprovar que isso funciona, pode colar um dos códigos acima em seu common.css, atualizar o cache do navegador e ver o que ocorre com a assinatura de exemplo colocada anteriormente. Ou, para ser ainda mais prático, experimente colar esta linha de JavaScript na barra de endereços do navegador: 

javascript:mw.util.addCSS( '.signature a, signature { color:red; background:yellow; font-family:Calisto MT; text-decoration: blink; }' );

Adicionalmente, se alguém quiser muito ter acesso a zilhões de links em sua assinatura, pode usar umas poucas linhas de JavaScript/jQuery para colocar tantos quantos desejar em todas as suas assinaturas (e se mudar de ideia depois, também poderá alterar só o "modelo" em seu common.js pessoal). Exemplo: 

$( function(){
    $('#bodyContent').find('.signature').filter(function(){
        return $(this).find('a[href*="' + mw.util.wikiUrlencode( mw.config.get( 'wgUserName' ) ) + '"]').length > 0;
    })
    .append(' <a href="http://exemplo.com">Texto do link</a>')
    // zilhões de links aqui...
    .append(' <a href="http://ultimo.exemplo.com">Texto do último link</a>');
});

Fica aí a ideia. Helder 20h13min de 28 de julho de 2011 (UTC)[responder]

Comentários[editar código-fonte]

Mas se a alteração for feita nesta página pessoal de estilos, não é somente o próprio editor que verá sua assinatura mudada? Assim mudar perderia o propósito... --Mister Sanderson 20h22min de 28 de julho de 2011 (UTC)[responder]

Sim, é somente o próprio editor quem vê a mudança, e isso é útil se o editor mudou a aparência justamente para identificar sua assinatura facilmente em meio às outras. Já os outros editores não tem necessariamente interesse em ver a assinatura daquele editor em particular com destaque na discussão. Helder 20h32min de 28 de julho de 2011 (UTC)[responder]
Ah, agora entendi. Seria possível diferenciar a assinatura como se faz atualmente, e ao mesmo tempo destacá-la da forma como você apresentou acima. Interessante. --Mister Sanderson 20h37min de 28 de julho de 2011 (UTC)[responder]
.signature a {
    font-family:Verdana;
}

Porém tem o <sup>...não sei como é ele em CSS. !Silent (discussão) 22h28min de 30 de julho de 2011 (UTC)[responder]
PS: E teria que criar uma classe só pra ele (o sup [a menos que se usasse JS.]), pois se não, ele seria usado na assinatura toda,

Pode simular a mesma aparência do sup alterando o alinhamento vertical do texto e diminuindo o seu tamanho. E para não precisar de uma classe só para a parte que estaria dentro do sup, pode tirar vantagem do "efeito cascata" do CSS e definir primeiro um estilo para todos os links da assinatura e então sobrescrever a formatação de links específicos selecionando-os com o pseudo-seletor :nth-child(N). Por exemplo, com o código
<span class="signature">[[Usuário:Pedroca cerebral|Pedroca cerebral]] [[Usuário Discussão:Pedroca cerebral|Fala]] [[Especial:Contribuições/Pedroca cerebral|Faço]]</span>
que normalmente aparece assim:
Pedroca cerebral Fala Faço
poderia recuperar a aparência original da sua assinatura com um código CSS deste tipo:
/* Define que todos os links da assinatura ficarão pequenos e alinhados acima */
.signature a {
    font-family:Verdana;
    font-size:smaller;
    vertical-align:super;
}
/* Define que o primeiro dos links da assinatura deve voltar ao seu tamanho normal */
.signature a:first-child {
    font-size:inherit; /* Isto terá prioridade sobre "smaller", pois está sendo definido depois */
    vertical-align:baseline; /* análogo */
}
/* Acrescenta um traço após o segundo link */
.signature a:nth-child(2):after {
    content:" -";
}
Helder 01h01min de 31 de julho de 2011 (UTC)[responder]
Vamos ver no que deu.Não sei se deu certo, mas... Pedroca cerebral Fala Faço 01h12min de 31 de julho de 2011 (UTC)[responder]
Não sei porque, mas não gostei muito não.Vi a minha assinatura como IP, hehe.Prefiro essa. Pedroca cerebral Fala-Faço 01h17min de 31 de julho de 2011 (UTC)[responder]
Vlw MisterSanderson, tava gostando tanto da minha assinatura. Tristeza Pcmsg 01h56min de 31 de julho de 2011 (UTC)[responder]
Hihi.--Mister Sanderson 15h42min de 31 de julho de 2011 (UTC)[responder]

Acho que outra dica interessante seria sugerir nas regras a troca de "Usuário" por "User" e de "Usuário Discussão" por "User Talk". Isso já economiza 11 caracteres... --Mister Sanderson 15h42min de 31 de julho de 2011 (UTC)[responder]

Obtida de "https://pt.wikipedia.org/w/index.php?title=Wikipédia:Esplanada/propostas/Recomendar_o_uso_de_CSS_para_a_formatação_das_assinaturas_(28jul2011)&oldid=58915767"