Bordas arredondadas para imagens, oneboxes, blockquotes e mais

Criado um componente muito simples para alterar as bordas de imagens, oneboxes, citações e avisos de staff exibidos nos tópicos.

Permite alterar as seguintes configurações:

  • Definir a intensidade do arredondamento da imagem
  • Definir a largura da borda da imagem
  • Definir a cor da borda da imagem
  • Definir a intensidade do arredondamento da onebox
  • Alterar a largura da borda da onebox
  • Alterar a cor da borda da onebox
  • Alterar a cor de fundo da onebox
  • Definir a intensidade do arredondamento das citações
  • Remover a borda esquerda das citações
  • Definir a intensidade do arredondamento da ‘cor do staff’
  • Suporte para miniaturas de tópicos:
    • Cantos arredondados da lista
    • Cantos arredondados da grade
    • Plano de fundo do espaço reservado
    • Cor do ícone do espaço reservado
    • Plano de fundo do título do tópico da grade

Modo claro com arredondamento de 10px e sem borda

Modo escuro com arredondamento de 10px e borda de 2px

Incluindo suporte a onebox

Arredondamento de citações (15px)

Ou remova a borda esquerda das citações:

Cor do staff arredondada

Suporte para Miniaturas de Tópicos

Visualização da lista

Visualização da grade

:sunglasses: Prévia
:link: Repositório Github
:hammer_and_wrench: Guia de Instalação
25 curtidas

Obrigado, isso é muito bom.

1 curtida

Obrigado! Estou usando há um tempo.

2 curtidas

Muito bom. Um desejo de atualização. Seria legal se pudéssemos adicionar preenchimento entre a borda e a área colada. Valeu!

1 curtida

Por favor, ilumine sua sugestão com uma captura de tela, eu não a entendo completamente.

Fiz algumas melhorias:

  • Agora você pode ajustar o arredondamento do avatar (padrão, círculo = 50%)
  • Algumas melhorias para botões. Se o arredondamento do botão estiver habilitado, os pontos de categoria terão um arredondamento mínimo corrigido + os modais estão incluídos agora.
2 curtidas

Instalei as Bordas Arredondadas no meu tema Padrão e deixei as configurações padrão fornecidas. Mas não entendo como isso se aplica.

Isso funciona por imagem enviada, em todo o site daqui para frente, ou em todo o site para tudo?

Preciso apenas enviar um JPG e deixar que ele faça o seu trabalho? Tenho algumas opções nesse momento? Estou em um site de produção, então não gosto de experimentar muito. Confuso. Agradeço antecipadamente.

Não posso dizer com certeza. Mas acredito que seria uma vez instalado a partir de então. Faça um teste enviando uma nova imagem e veja se a borda foi aplicada. Se não, tente a chave inglesa em uma postagem específica, não no tópico, e escolha reconstruir HTML.

Se não for aplicado em nenhum dos casos, pode ser necessário verificar as configurações do TC. Além disso, certifique-se de que você o adicionou aos temas em uso. Atualize a página para garantir que as configurações estejam em vigor, pois você pode estar visualizando páginas em cache.

São personalizações de CSS, portanto, aplicam-se a todo o site.

É principalmente um componente pessoal que decidi tornar público, então você pode ter que experimentar várias configurações para ver como ele funciona. Algumas configurações têm um alternador que precisa ser ativado antes que as configurações sejam aplicadas.

Isso é tudo que você precisa para imagens (o padrão é desativado, aliás). Qualquer coisa abaixo permite o arredondamento para outros elementos como desejar.

3 curtidas

Posso sugerir uma pequena alteração na interface (em vermelho):

Tenho quase certeza de que isso está nas traduções principais.

2 curtidas