Fandom

Wiki Community

Comentários5

Resumo do Atendimento de 12/05: Dúvidas sobre CSS

Interferência de bloqueador de anúncios detectada!


A Wikia é um site grátis que ganha dinheiro com publicidade. Nós temos uma experiência modificada para leitores usando bloqueadores de anúncios

A Wikia não é acessível se você fez outras modificações. Remova o bloqueador de anúncios personalizado para que a página carregue como esperado.

Css-organization.jpg

Olá, Wikianos!

Como a maioria de vocês já sabe, todas as quintas-feiras, nós temos uma sessão no chat chamada Horário de atendimento. O horário de atendimento serve para entrar em contato com outros usuários, divulgar a sua wiki, pedir ajuda e ajudar aos usuários mais novos. Cada sessão tem um tópico diferente. A sessão da quinta passada teve como tema CSS e as respostas foram concedidas pelo membro do staff Czechout. Se você perdeu o atendimento, aqui está o resumo:

  • Há um lugar onde eu possa achar todas as páginas de CSS?
Não, por padrão e não há um processo automático. Você pode ir a página “Especial:Todas_as_mensagens”, mas isso listará todas as páginas no namespace MediaWiki, não somente os arquivos CSS. Há três páginas principais para CSS: MediaWiki:Monobook.css, MediaWiki:Wikia.css e MediaWiki:Common.css. O que você colocar na Wikia e no Monobook só afetará essas skins. Common, na maioria das wikis, afetará tanto Monobook quanto Wikia. Algumas wikias tem outras páginas de CSS, mas não há uma maneira de listá-las automaticamente. Alguns administradores fazem uma lista normal na wiki (geralmente sob o namespace Project/Projeto). Mas se uma dessas páginas estiver sendo usada, ela terá que ser importada em uma das páginas principais do CSS. Você pode olhar no topo das páginas Common, Wikia e Monobook para ver quais páginas estão sendo usadas.
  • Qual é o propósito de _NOTOC_?
_NOTOC_ significa “no table of contents” (nenhuma tabela de conteúdo) e é usada quando você quer ter alguns cabeçalhos, mas não quer um índice. Há vários usos para isso, mas aqui estão alguns exemplos onde não é bom usar um índice:
    • Em um post de fórum ou em um mural de mensagem onde não se deve começar com um índice gigante
    • Dentro das mensagens MediaWiki - como na mensagem de boas-vindas - onde os cabeçalhos das seções ajudam na leitura da mensagem, ressaltando os pontos mais importantes
    • Dentro de predefinições que tem cabeçalhos de seções. Na maioria de páginas que não são de artigos, você provavelmente não quer usar uma TOC (tabela de conteúdos) só porque você colocou uma predefinição para ganhar tempo em uma página.

Por exemplo, se você criar uma predefinição com várias seções que explicam o status dos direitos autorais de uma imagem, você provavelmente não quer um índice em uma página no namespace Arquivo. Mas tome cuidado! Você também não deve eliminar os índices em uma página de artigo regular incluindo um _NOTOC_ dentro de uma predefinição.

  • Como eu posso personalizar o meu nome de usuário com CSS? Como eu posso colocar o meu nome de usuário em negrito em Atividade Recente?
Não acho que seja possível colocar o nome de usuário em negrito em uma só página. Há várias maneira de fazer isso via CSS, mas eu posso compartilhar a mais comum, e uma que fará com que o seu nome de usuário seja personalizado em todos lugares.
a[href="/wiki/User:Wikia-Jaster"] { 
    color: #521452;
    font-weight: bold;
    font-family: Gadget, "Arial Rounded MT Bold", "Abadi MT Condensed Extra Bold", "Gill Sans Ultra Bold","Arial Black",sans-serif;
}

Isso significa que o usuário “Wikia-Jaster” terá o seu nome na cor #521452, em negrito e como uma fonte específica. A razão pela qual há tantos nomes de fontes é que isso é uma cascata de fontes, o que significa que o “Gadget” será escolhido primeiro, se estiver disponível no sistema do leitor, depois “Arial Rounded MT Bold” até o simples, genérico “sans-serif”. Essas fontes foram escolhidas por serem parecidas e é provável que todas elas estejam disponíveis em todos os sistemas, seja OS X, Windows or Linux. Há sites que podem lhe ajudar em calcular essas probabilidades, se você estiver interessado. E se você não quiser mudar as fontes, é so deletar as definições de font-family. Voltando ao assunto principal dessa perguntas, você pode usar esse código para colocar o seu nome de usuário em negrito. Você pode usar esse código para começar a personalizar o seu nome de usuário. Esse é o “esqueleto” do código que você pode usar. Esse código deve ser incluído no MediaWiki:Common.css. Isso fará com que essa mudanças apareçam tanto na skin Wikia quanto no Monobook. Em algumas comunidades mais antigas, isso não irá funcionar, e você precisará importar o Common.css na Wikia.css ou pedir para a Wikia para que essa importação seja automática. A maioria das comunidades não precisa se importar com isso. Se você precisar fazer essa mudança, envie um email via Special:Contact e nós ajudaremos!

  • Como eu adiciono bordas para que o texto fique dentro de uma caixa?

Use esse código:

#box  {
    background-color:transparent;
    border: 2px solid #012c57;
}

Essa é uma maneira muito simples de definir uma id de CSS. Depois você pode usá-la em uma página assim:

<div id="box">Aqui está o texto</div>

Em algumas situações onde é preferível que você faça isso com uma classe ao invés de uma id. Basta mudar a pontuação um pouquinho:

.box  {
    background-color:transparent;
    border: 2px solid #012c57;
}

O código que você deve usar na página é:

<div class="box">Aqui está o texto</div>

Qual é a diferença entre classe e id? Essa é uma pergunta excelente e importante - na verdade, uma das coisas mais importantes sobre CSS, e que você deve aprender. Mas como seria muito complicado explicar no chat, aqui está um artigo com uma ótima explicação:

The difference between id and class (original)
Diferenças entre ids e classes (tradução)
  • Há uma maneira de adicionar um fundo só para uma página sem interferir com o resto da wiki?

Sim, mas é complicado. As dimensões da imagem do fundo terão que ser exatamente as mesmas do fundo atual para que isso funcione. Para encontrar as dimensões do fundo atual, visite: Ficheiro:Wiki-background. A solução não funcionará se a opção “sem divisão” estiver selecionada para o fundo da wiki no Designer de Temas. Ai você pode o código seguinte no MediaWiki:Wikia.css:


.page-Este_é_o_título_da_página.background-dynamic.skin-oasis {

   background-color: #______;

} .page-Este_é_o_título_da_página.background-dynamic.skin-oasis:after, .page-Este_é_o_título_da_página.background-dynamic.skin-oasis:before {

   background-color: #______;
   background-image: url("http://");
   background-repeat: no-repeat;

}

.page-Este_é_o_título_da_página.background-dynamic.skin-oasis::before {

   margin-left: -1000px;    

}

.page-Este_é_o_título_da_página.background-dynamic.skin-oasis::after {

   margin-right: -1000px;

}

Se a página tiver caracteres especiais, como dois pontos, esses caracteres precisam ser substituídos pelo underline ”_”, como no exemplo abaixo:

.page-Blog_de_usuário_Nomedousuário_Este_é_o_título_do_post

Há mais coisas que se pode fazer. mas sem ter um exemplo na minha frente, fica difícil de dar bons conselhos.


Gostaria de sugerir um tópico para a próxima quinta? Visite essa página. Você pode encontrar os resumos das sessões passadas aqui.

Também no Fandom

Wikia aleatória