Versões comparadas

Versão antiga 7

changes.mady.by.user Paulo Henrique Paixão

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Catarine Maltauro da Silva

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

O Custom CSS permite realizar a alteração da estilização do Help CenterPara integrar os componentes ao Help Center, utilizamos a opção de adicionar Custom CSS e/ou Custom Javascript.

Nota

Antes de realizar qualquer publicação, contate os Administradores Paulo Henrique Paixão ou Catarine Maltauro da Silva

Passo 1

...

continuar, tenha certeza que as configurações do Google Analytics e do Google Tag Manager tenham sido finalizadas pelo Administrador.

Neste artigo

Índice
minLevel2
maxLevel6
outlinefalse
typelist
printablefalse

Passo 1: Acessar o Help Center

  1. Na barra superior do Confluence, clique na aba Aplicativos

  2. Clique em Scroll Viewport

    Image Removed

     

  3. Na lista, selecione o Help Center que inserir o script CSS

    Image Removed

    deseja adicionar os scripts

Passo 2: Adicionar os Scripts

  1. Clique em no botão Edit theme

  2. Clique em TemplatesClique em

  3. Em Custom CSSCopie , copie e cole o código CSS abaixo e cole no campo disponível no Help Center

  4. Clique em Save

  5. Clique no X

  6. Clique em Update site

  7. Clique em Go liveabaixo:

Bloco de código
languagecss
@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-custom-style@current/custom-style.min.css");
@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.css");
@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.css");

  1. Em Custom JavaScript, copie e cole o código abaixo:

/* Script que realiza a estilização dos elementos no Help Center */ @import url
Bloco de código
languagecss
js
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.js")
.then(() => {
});
const pageUrlAddReleaseFeedback = document.URL.split("/");
if(pageUrlAddReleaseFeedback[4] === "release-notes"){
  vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.js")
  .then(() => {
  });
};
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-title.min.js")
.then(() => {
});
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-category.min.js")
.then(() => {
});
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/Customcomponent-CSS@masterswagger@current/estilizacao_elementosswagger.min.css");js")
.then(() => {
});

  1. Clique no botão Save

  2. Aguarde os ajustes serem finalizados e clique no botão ✖

  3. Clique em Update site

  4. Aguarde a atualização

  5. Clique em Go live

...

Encontrou algum problema? Procure os administradores Paulo Henrique Paixão ou Catarine Maltauro da Silva.

...

Próximos passos