AVISO:
Esta é uma página component usada internamente pela Wiki Lusófona. Ela foi feita para ser usada e incluída em outras páginas.
O que é isso?
Isso é um add-on para a Barra de Classificação de Anomalia que permite autores personalizá-la além do que é normalmente suportado.
Como eu uso isso?
Existem alguns subcomponentes principais que podem ser implementados aqui. Cada um deles podem ser usados independente um do outro, dependendo do que você precisa.
Para que este componente funcione, você deve primeiro inserir a Barra de Classificação de Anomalia em sua página. Preencha todos os campos relevantes no cabeçalho ACS antes de prosseguir. Isso inclui a implementação de suas classes personalizadas na própria barra ACS.
Em seguida, implemente qualquer um dos componentes abaixo na lista de subcomponentes que for relevante. Todo o texto em azul deve ser substituído pelas entradas relevantes.
Guia de Cor
O componente ACS padrão usa algumas cores específicas para determinadas classes. Abaixo está uma lista das cores padrão usadas no ACS, com seus valores RGB.
- Preto Pendente1 ( █ ): 12,12,12
- Cinza Desclassificado2 ( █ ): 66,66,72
- Verde Irrestrito3 ( █ ): 0,159,107
- Azul Restrito4 ( █ ): 0,135,189
- Amarelo Confidencial5 ( █ ): 255,211,0
- Laranja Secreto6 ( █ ): 255,109,0
- Vermelho Ultrassecreto7 ( █ ): 196,2,51
Manipulando Classes Padrões
Devido a como o ACS funciona, certos bugs podem surgir ao tentar usar classes normais de maneiras anormais com este componente. Ao usar uma classe padronizada de maneira incomum, coloque este caractere vazio: ( ) logo após a classe. Por exemplo, se eu quisesse colocar Keter no campo de classe de risco (por qualquer motivo fútil), preencheria a variável de classe de risco com keter , desse jeito: |risk-class= keter .
Lista de Subcomponentes
Classe de Contenção Customizada
Para implementar uma classe de contenção customizada, insira o código que vem a seguir:
[[include :scp-pt-br:component:customizable-acs
|containment-class= Nome da classe de contenção
|containment-image= Ícone da classe de contenção
|containment-color= Cor da classe de contenção, em código RGB
|inc-containment = --]]]
Classe de Disrupção Customizada
Para implementar uma classe de disrupção customizada, insira o código que vem a seguir:
[[include :scp-pt-br:component:customizable-acs
|disruption-class= Nome da classe de disrupção
|disruption-image= Ícone da classe de disrupção
|disruption-color= Cor da classe de disrupção, em código RGB
|inc-disruption= --]]]
Classe de Risco Customizada
Para implementar uma classe de risco customizada, insira o código que vem a seguir:
[[include :scp-pt-br:component:customizable-acs
|risk-class= Nome da classe de risco
|risk-image= Ícone da classe de risco
|risk-color= Cor da classe de risco, em código RGB
|inc-risk= --]]]
Classe de Contenção Customizada (Com Layout de Classe Neutralizado)
Para implementar uma classe de c usando o layout de classe de contenção neutralizado, insira o código que vem a seguir:
[[include :scp-pt-br:component:customizable-acs
|containment-class= Nome da classe de contenção
|containment-image= Ícone da classe de contenção
|containment-color= Cor da classe de contenção, em código RGB
|inc-neutralized-layout = --]]]
Classe de Contenção Customizada (Com Layout de Classe Esotérica)
Para implementar uma classe de contenção usando o layout de classe esotérica, insira o código a seguir:
[[include :scp-pt-br:component:customizable-acs
|containment-class= Nome da classe de contenção
|containment-image= Ícone da classe de contenção
|containment-color= Cor da classe de contenção, em código RGB
|inc-esoteric-layout = --]]]
Para que isso seja aplicado, o componente ACS também deve ser agrupado em [[div class="anom-bar-esoteric"]], assim:
[[div class="anom-bar-esoteric"]]
[[include :scp-pt-br:component:anomaly-class-bar-source
|item-number=
|clearance=
|container-class=
|secondary-class=
|secondary-icon=
|disruption-class=
|risk-class=
]]
[[/div]]
Isso é para que a mesma classe de objeto possa ser aplicada em um componente ACS separado na mesma página, sem tentar exibir a formatação de classe esotérica. Se você deseja que seja exibido normalmente, simplesmente não o envolva no div acima.
Divisor de Classe Colorido
Nota: Este subcomponente destina-se a ser usado com o subcomponente de Layout de Classe Esotérica diretamente acima.
Este subcomponente atribui uma cor a uma classe secundária e também permite que a seção da classe de contenção inclua um plano de fundo que se divide entre as cores de contenção e de classe secundária. Para um componente semelhante, consulte o ACS Splitter de PepperGhost.
Para usá-lo, insira o código a seguir:
[[include :scp-pt-br:component:customizable-acs
|containment-class= Nome da classe de contenção
|containment-image= Ícone da classe de contenção
|containment-color= Cor da classe de contenção, em código RGB
|inc-split-color= --]]]
Cores Customizáveis da Barra de Autorização
Você também pode usar este componente para alterar as cores das barras de nível de autorização! Para fazer isso, insira o código a seguir, inserindo a cor customizada no nível de autorização relevante:
[[include :scp-pt-br:component:customizable-acs
|clearance-six= Cor da barra de nível de autorização nível 6, em código RGB
|clearance-five= Cor da barra de nível de autorização nível 5, em código RGB
|clearance-four= Cor da barra de nível de autorização nível 4, em código RGB
|clearance-three= blue|Cor da barra de nível de autorização nível 3, em código RGB
|clearance-two= blue|Cor da barra de nível de autorização nível 2, em código RGB
|clearance-one= blue|Cor da barra de nível de autorização nível 1, em código RGB
|inc-clearance= --]]]
É de se notar que você não precisa preencher todos os campos aqui, apenas aqueles com os níveis de autorização relevantes.
Imagens na Barra de Autorização Customizadas
Este subcomponente também altera a barra de autorização, mas desta vez permite que as barras exibam uma imagem de fundo de maneira semelhante às configurações padrão para a liberação de Nível 6. Para isso, insira o código a seguir:
[[include :scp-pt-be:component:customizable-acs
|clearance-six-image= Imagem da barra de autorização de nível 6
|clearance-five-image= Imagem da barra de autorização de nível 5
|clearance-four-image= Imagem da barra de autorização de nível 4
|clearance-three-image= Imagem da barra de autorização de nível 3
|clearance-two-image= Imagem da barra de autorização de nível 2
|clearance-one-image= Imagem da barra de autorização de nível 1
|inc-clearance-image= --]]]
Assim como nas cores da barra de autorização customizadas acima, você não precisa preencher todos os campos aqui, apenas aqueles com os níveis de liberação relevantes.
Barras de Autorização do Orgulho
Este subcomponente permite que os usuários alterem suas barras de autorização para as cores do orgulho com o código abaixo:
[[include :scp-pt-br:component:customizable-acs
|inc-trans/lgbt/bi/pan/nb-clearance = --]]]
Você deve selecionar exatamente uma variável da lista em azul acima, e ela atribuirá suas respectivas cores de bandeira de orgulho às barras de autorização.
Detalhes Coloridos
Este subcomponente permite que diversas outras partes do cabeçalho ACS sejam coloridas. Isso pode alterar as cores das barras divisórias, das setas de diamante de perigo e das bordas dos ícones. Para isso, implemente o código a seguir:
[[include :scp-pt-br:component:customizable-acs
|accent-one= #blue|Cores da barra divisória e diamante de perigo, em código RGB#
|accent-two= #blue|Cores da borda de ícone, em código RGB#
|class-number-color= #blue|Cores dos números próximos aos ícones de classes de Risco e Disrupção, em código RGB#
|inc-color-accent = --]]]
Detalhes do Orgulho
Este subcomponente transforma a barra horizontal principal em um gradiente de orgulho! Isso apenas altera a barra horizontal e é compatível com o subcomponente de Detalhes Coloridos. Para implementar isso, use o código a seguir:
[[include :scp-pt-br:component:customizable-acs
|inc-trans/lgbt/bi/pan/nb-accent = --]]]
Você deve selecionar exatamente uma variável da lista em azul acima, e ela atribuirá suas respectivas cores de bandeira do orgulho à barra horizontal.
Fontes Customizadas
Este subcomponente define uma fonte personalizada no cabeçalho ACS. Para implementar isso, use o código abaixo:
[[include :scp-pt-br:component:customizable-acs
|font-import= Código de importação para a fonte
|font-name= blue|Nome da fonte
|inc-custom-font= --]]]
O código de importação é a linha de código completa para importar a fonte; a maioria dos sites de fontes, como o Google Fonts, fornecerá a linha de código de importação adequada. Por exemplo, isso é o que você aplicaria à variável font-import para importar a fonte Roboto Slab:
|font-import= @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
A variável font-name é simplesmente o nome real da fonte, ou seja, "Roboto Slab". Certifique-se de que todas as fontes que você usa sejam compatíveis com a licença do site, CC-by-SA 3.0.
Seções Adicionais de Categoria ACS
Este subcomponente permite implementar classes ACS adicionais abaixo do cabeçalho ACS. Para implementar isso, cole o código a seguir onde deseja que as seções adicionais apareçam:
[[include :scp-pt-br:component:customizable-acs
|category-count= Número de categorias adicionais que você gostaria de adicionar com este componente, com um mínimo de 1 e um máximo de 4
|class-color-1= Cor da primeira categoria, em código RGB
|class-category-1= Nome da primeira categoria
|class-text-1= Texto da primeira categoria
|class-icon-1= Ícone da primeira categoria (opcional)
|class-color-2= Cor da Segunda Categoria, em código RGB
|class-category-2= Nome da segunda categoria
|class-text-2= Texto da segunda categoria
|class-icon-2= Ícone da segunda categoria (opcional)
|class-color-3= Cor da terceira categoria, em código RGB
|class-category-3= Nome da terceira Categoria
|class-text-3= Texto da terceira categoria
|class-icon-3= Ícone da terceira categoria (opcional)
|class-color-4= Cor da quarta categoria, em código RGB
|class-category-4= Nome da quarta categoria
|class-text-4= Texto da quarta categoria
|class-icon-4= Ícone da quarta categoria (opcional)
|inc-extra-categories= --]]]
Se o número de categorias adicionais for menor que 4, apenas as categorias de menor número serão exibidas; por exemplo, se você estiver adicionando duas categorias, as categorias 1 e 2 serão exibidas, mas não 3 e 4. Além disso, se você precisar de mais de quatro categorias extras ou desejar que as novas categorias ocupem áreas de tamanhos diferentes, você pode implementar esse componente mais de uma vez.
Texto Customizado
Aviso: Não inclua o componente ACS padrão com este subcomponente. Devido à incapacidade de substituir o texto inteiramente usando CSS, este componente funciona importando diretamente o próprio componente ACS e reescrevendo partes do conteúdo do div.
Este subcomponente permite que você substitua qualquer parte do texto do componente ACS (exceto as seções cobertas por outras partes desta página do componente). Para usá-lo, digite o código a seguir:
[[include :scp-pt-br:component:customizable-acs
|item-number= Número do item
|clearance= Nível de autorização
|container-class= Classe de contenção
|secondary-class= Classe secundária (opcional)
|secondary-icon= Ícone da classe secundária (opcional, a menos que com classe secundária)
|disruption-class= Classe de disrupção
|risk-class= Classe de risco
|item-text= Substituir "ITEM Nº:" texto
|level-text= Substituir "NÍVEL" texto
|clearance-number-text= Substituir número do nível
|clearance-text= Substituir nome de autorização (por ex. "Irrestrito" para o Nível 2)
|containment-text= Substituir Replaces "CLASSE DE CONTENÇÃO:" texto
|secondary-text= Substituir "CLASSE SECUNDÁRIA:" texto
|disruption-text= Substituir "CLASSE DE DISRUPÇÃO:" texto
|risk-text= Substituir "CLASSE DE RISCO:" texto
|inc-custom-text= --]]]
Todos os parâmetros acima devem ser preenchidos (a menos que declarados como opcionais) para que o componente funcione.