Caixa personalizada em HTML

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

Atendido / 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
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com

Atendido / 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
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com

Atendido / Resolvido Re: Caixa personalizada em HTML

Mensagem por nikkibs 01.02.21 13:28

Up pra não ir pra lixeira
nikkibs

nikkibs
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com

Atendido / Resolvido Re: Caixa personalizada em HTML

Mensagem por nikkibs 02.02.21 20:36

up das 24hs
nikkibs

nikkibs
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com

Atendido / Resolvido Re: Caixa personalizada em HTML

Mensagem por Connor R. 02.02.21 21:47

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

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1179
Pontos Ativos : 1911

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

Atendido / 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
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com

Atendido / Resolvido Re: Caixa personalizada em HTML

Mensagem por Connor R. 03.02.21 1:22

@nikkibs veja se é algo como isto abaixo.

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

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1179
Pontos Ativos : 1911

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

Atendido / 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
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com

Atendido / Resolvido Re: Caixa personalizada em HTML

Mensagem por Connor R. 03.02.21 16:14

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

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1179
Pontos Ativos : 1911

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

Atendido / 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
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com
  • 0

Atendido / 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!


Caixa personalizada em HTML WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6473
Pontos Ativos : 8301

https://www.sololevelingrpg.com/

Atendido / 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
Usuário avançado

Feminino
Inscrito dia : 16/05/2012
Mensagens : 360
Pontos Ativos : 528

http://www.bsfanfics.forumeiros.com

Atendido / 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".


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Caixa personalizada em HTML 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5747
Pontos Ativos : 7274

http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum