Caixa personalizada em HTML

por nikkibs 27.01.21 21:48

Detalhes da questão

Endereço do fórum: https://demigods.forumattivo.com/
Versão do fórum: ModernBB

Descrição

Oi, estou tentando fazer essa imagem em códigos. Alguém pode me ajudar?

https://imgur.com/x9T35yg

por nikkibs 30.01.21 0:03

Dando up pra não ser movido pra lixeira depois de 48hs sem resposta

por nikkibs 01.02.21 13:28

Up pra não ir pra lixeira

por nikkibs 02.02.21 20:36

up das 24hs

por Don Corleone 02.02.21 21:47

Duas perguntas, qual seria o tamanho da imagem e se ela cobriria todo o quadrado exterior.

por nikkibs 03.02.21 0:06

A parte da direita seria uma imagem de largura de uns 200px na parte inferior e 300 na parte superior, mas todo template teria uns 400px.

por Don Corleone 03.02.21 1:22

@nikkibs veja se é algo como isto abaixo.

https://jsfiddle.net/Kadanda/m2vc3rxk/6/

por nikkibs 03.02.21 3:35

Sim, mas a borda direita da imagem deixaria ela na diagonal. Aliás, obrigada por ter proposto algo <3

por Don Corleone 03.02.21 16:14

Não entendi, como assim deixar a borda na diagonal?

por nikkibs 03.02.21 18:33

Ficaria como no desenho que fiz no paint... Na diagonal...

por Roevs 03.02.21 19:44

Olá,

Substitua o CSS do código passado pelo @Connor R. por esse

Código:: .box{ width: 500px; background: #ddd; height: 200px; } .boximg { float: left; clip-path: polygon(100% 0, 0 0, 0 424%); } .boxtext { float: right; padding: 10px; width: 180px; margin-top: 36px; }

Até mais!

por nikkibs 03.02.21 23:45

Muito obrigada! Resultou! Agora só me ajudarem no tópico onde estou faz quase uma semana dando UP sobre os últimos posts feitos e estou livre KKKKK

por RafaelS. 04.02.21 7:28

@nikkibs,

Estarei repassando para você um trecho do regulamento deste fórum:

Os membros que compõem a moderação deste fórum fazem parte da Equipa de suporte Forumeiros são membros voluntários que estão atuando como representantes do serviço e da equipa de engenheiros, visão estratégica e administrativa de Forumeiros.

Os membros da equipa devem ser respeitados, bem como também vão lhe respeitar e atendê-lo assim que puderem. Tenha em mente que, nenhum destes membros são pagos, por isso, além de sua vida virtual, também atendem aos assuntos particulares e pessoais de cada um.

Posto isso, apelamos para o seu bom senso e pedimos que tenha um pouco de paciência quanto à resolução dos tópicos, pois como deve imaginar não é a única pessoa que está recorrendo a este fórum de suporte.

Tópico resolvido

Movido para "Questões resolvidas".

Caixa personalizada em HTML