Caixa personalizada em HTML

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Caixa personalizada em HTML

Mensagem 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
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem por nikkibs 30.01.21 0:03

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

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem por nikkibs 01.02.21 13:28

Up pra não ir pra lixeira
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem por nikkibs 02.02.21 20:36

up das 24hs
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem por Don Corleone 02.02.21 21:47

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

Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem 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.
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem por Don Corleone 03.02.21 1:22

@nikkibs veja se é algo como isto abaixo.

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

Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem 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
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem por Don Corleone 03.02.21 16:14

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

Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem por nikkibs 03.02.21 18:33

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

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem 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!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem 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
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa personalizada em HTML

Mensagem 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".
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos