Qual CSS foi usado para Comentários aqui?

Este site é um blog Ghost que usa Discourse para os comentários.

What is Online Community?.

Observe como os comentários são bem apresentados. Por favor, qual CSS é usado para isso?
Os comentários no meu próprio site não são bons. Eles se estendem por toda a tela. Idealmente, quero que eles se pareçam exatamente como o que postei.

Aqui está o meu site
https://ogatutor.com/

2 curtidas

Você pode simplesmente abrir as Ferramentas do Desenvolvedor no seu navegador e inspecionar os elementos para ver o CSS

Isso também pode ser alcançado simplesmente clicando com o botão direito no elemento e selecionando “Inspecionar”. Talvez você precise subir e descer na hierarquia HTML para ver todo o CSS.

4 curtidas

Tentei isso, não encontro lá.

1 curtida

Olá, qual problema você encontrou?

3 curtidas

Meu blog é um blog Ghost que usa Discourse para comentários. Os comentários estão funcionando bem, MAS estou procurando o CSS para fazê-los se misturar.
Olhe o que eu indiquei. Note como os comentários fluem bem?
Agora olhe o meu. Os comentários se estendem por toda a tela.

1 curtida

Tente inspecionar o comentário no blog. Na janela de inspeção, você deverá ver uma aba chamada ‘Estilos’ que contém o CSS dos elementos selecionados (e de todos os elementos).

4 curtidas

É isto que você está procurando?

este tópico tem informações sobre como formatar posts incorporados:

Estilizando seu conteúdo incorporado

Se você estiver executando o Discourse 1.4.0 ou superior, terá a capacidade de adicionar uma folha de estilo para seus comentários incorporados. Use a seção CSS Incorporado do editor de Temas em Admin > Personalizar > Temas > Editar CSS/HTML e você poderá adicionar uma folha de estilo personalizada que será servida com seus comentários incorporados. Por padrão, achamos que o layout fica bom em um fundo branco, mas se o seu site tiver um layout exclusivo, você vai querer estilizá-lo você mesmo.

6 curtidas

Obrigado,
Estranho, a mesma janela não abre no meu Safari, não sei porquê.
OBRIGADO

2 curtidas

OBRIGADO!! Era isso que eu estava procurando.

3 curtidas

Nenhum CSS pode ser implantado sem que ele seja exposto nas ferramentas de desenvolvedor do navegador.

Suspeito que você precise de tempo para aprender as ferramentas :wink:

3 curtidas

site fantasma com boa aparência.

mas parece que o seu ghost site embed está um pouco quebrado ou mal configurado.

6 curtidas

OBRIGADO!!
Sim, está com defeito, mas segui TODAS as instruções sobre como incorporar, mas por algum(s) motivo(s) parece que não estou acertando.
Aqui está como está o meu código incorporado.


Essa configuração gera este código.

<script type="text/javascript">
    if (window.location.pathname.indexOf('/p/') < 0) {
        DiscourseEmbed = {
            discourseUrl: 'https:/teachmeai.ogatutor.com/‘,
            discourseEmbedUrl: '{{url absolute="true"}}'
        };

        (function() {
            var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
            d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
        })();
    }
</script>

Observação: Deixei a lista de permissões de caminho vazia porque, quando insiro qualquer coisa lá, o código nem sequer é executado.
O que posso estar fazendo de errado?
Obrigado

2 curtidas

parece que está funcionando agora :slight_smile:

Eu ia sugerir que você tentasse \\/\\d+\\/\\d+\\/.+ no campo da lista de permissões de caminho para essa configuração de host permitido.

1 curtida

Obrigado novamente, mas ainda demora muito para carregar para novos visitantes. Cerca de 1 minuto para novos visitantes e novos artigos. Assim que um artigo já tem uma discussão em andamento, ele carrega muito mais rápido.
Não sei se é porque o tópico está sendo criado automaticamente no Discourse. Olhando os logs do Ghost, tudo parece bem.

1 curtida

carregou imediatamente para mim. pode ser apenas uma questão de localização. olhei várias páginas e os comentários estão carregando imediatamente para mim.

editar: ah, estranho, agora acabei de receber um erro ao carregar a página um :thinking:

3 curtidas

Muito, muito obrigado. Meu trabalho está quase concluído. A próxima fase é tentar migrar os usuários deles do phpBB.

1 curtida

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.