Desciclopédia:Reskining

Origem: Desciclopédia, a enciclopédia livre de conteúdo.
Ir para: navegação, pesquisa

Este é um tutorial de reskining e só sysops e beurocrats tem poder pra aplica-lo à interface pública...

Tabela de conteúdo

[editar] Para quem for usar no JS pessoal!

Para fazer um reskining pessoal terá que fazer certas modificações nos códigos que seram apresentados e por isso é bom que tenha uma boa noção de JavaScript porque eu realmente não estou afim de faze-las para você...

[editar] Primeiro Passo

Tenha em mãos um bom CSS e o nome do artigo em que você quer aplicar o skin. Estive observando o script e percebi que é uma bela de uma gambiarra e portanto algumas precauções devem ser tomadas:

  • Não troque espaços por underscores!
  • Mantenha o namespace!
  • Deve ser o namespace padrão! Ou seja, "Usuário" ao invés de "User", "Predefinição" ao invés de "Template" et cetera...

[editar] Segundo Passo

Invente um nome para o skin (com bom senso, por favor) e ponha ele em MediaWiki:Skin/[NOMEDOSKIN].css...

[editar] Terceiro Passo

Abra o arquivo js vigente. (Link para o monobook.js) e logo perceberá uma lista enorme com coisas do tipo "ta['pt-userpage'] = new Array('.','Minha página de utilizador');" - vá até o fim desta. Se você ver uma outra lista que começa por "skin = {" pule o quinto passo...

[editar] Quarto Passo

Adicione o seguinte código:

skin = {
    "": ""
}

var re = RegExp("(.*) - Desciclopédia");
var matches = re.exec(document.title);
var skinName;

if (matches) {
    if (skin[matches[1]] != undefined) {
        skinName = (skin[matches[1]].length > 0) ? skin[matches[1]] : matches[1] + '.css';
        document.write('<style type="text/css">/*<![CDATA[*/ @import "/index.php?title=MediaWiki:Skin/' + skinName + '&action=raw&ctype=text/css"; /*]]>*/</style>');
    }
}

[editar] Quinto Passo

Crie a sua entrada na lista "skin" seguindo o modelo ""[NOMEDAPÁGINA]": "[NOMEDOSKIN]",".

[editar] Exemplo

Para aplicar "MediaWiki:Skin/Em.css" para o artigo "Emo" use ""Emo": "Em.css","

[editar] Virgula

ATENÇÃO: Salvo a última da lista, todas as entradas devem possuir um virgula ao final da linha!

[editar] Sexto Passo

Lembre-se de dar um refresh na página afetada!

[editar] Sétimo Passo

USAR COM PARCIMÔNIA

Ferramentas pessoais
Ver e modificar namespaces

Variantes
Visualizações
Ações
Navegação
Colaboração
Votações
(F)Utilidades
Novidades
Redes sociais
Correlatos
Ferramentas