Personalizar imagem na tabela

2 participantes

Ir para baixo

Tópico resolvido Personalizar imagem na tabela

Mensagem por vcapelli 25.01.19 11:01

Detalhes da questão


Endereço do fórum: http://cbf-habbofutbol.directorioforuns.com/
Versão do fórum: ModernBB

Descrição


Queria saber se tem como colocar imagem em vez de cor no background de tabela. A tabela que quero por é essa:
Código:
[table style="font: 300 18px 'Segoe UI',sans-serif; background: #fff; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.5); width: 100%; border-radius: 5px; border-spacing: 0; line-height: 100px; margin: 0px 0 0px 0px;"]
[tr style=][td style="padding: 8px 16px;"][center][size=18][color=black][b]Teste[/b][/color][/size][/center]
[/td]
[/tr]


[tr style=][td style="padding: 10px 16px; color: #2C353B;"][right][size=15][b][color=black]capelli[/color][/b][/size][/right]
[/td]
[/tr]

[/table]
vcapelli
vcapelli
****

Membro desde : 17/02/2018
Mensagens : 210
Pontos : 417

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar imagem na tabela

Mensagem por Roevs 25.01.19 12:08

Olá,

Substitua pelo código abaixo

Código:
[table style="font: 300 18px 'Segoe UI',sans-serif; background-image: url(LINK-DA-IMAGEM); background: #fff; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.5); width: 100%; border-radius: 5px; border-spacing: 0; line-height: 100px; margin: 0px 0 0px 0px;"]
[tr style=][td style="padding: 8px 16px;"][center][size=18][color=black][b]Teste[/b][/color][/size][/center]
[/td]
[/tr]


[tr style=][td style="padding: 10px 16px; color: #2C353B;"][right][size=15][b][color=black]capelli[/color][/b][/size][/right]
[/td]
[/tr]

[/table]

Procure por "LINK-DA-IMAGEM" e altere pelo link da imagem que deseja

att,
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: Personalizar imagem na tabela

Mensagem por vcapelli 25.01.19 13:10

AquilesD. escreveu:Olá,

Substitua pelo código abaixo

Código:
[table style="font: 300 18px 'Segoe UI',sans-serif; background-image: url(LINK-DA-IMAGEM); background: #fff; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.5); width: 100%; border-radius: 5px; border-spacing: 0; line-height: 100px; margin: 0px 0 0px 0px;"]
[tr style=][td style="padding: 8px 16px;"][center][size=18][color=black][b]Teste[/b][/color][/size][/center]
[/td]
[/tr]


[tr style=][td style="padding: 10px 16px; color: #2C353B;"][right][size=15][b][color=black]capelli[/color][/b][/size][/right]
[/td]
[/tr]

[/table]

Procure por "LINK-DA-IMAGEM" e altere pelo link da imagem que deseja

att,

Consegui colocar a imagem com seu código só que tive que tirar essa parte: "background: #fff;". Obrigado.

Só mais uma pergunta: tem como ajustar a imagem para o tamanho da tabela?
vcapelli
vcapelli
****

Membro desde : 17/02/2018
Mensagens : 210
Pontos : 417

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar imagem na tabela

Mensagem por Roevs 25.01.19 13:17

Olá,

Veja se é o que deseja

Código:
[table style="font: 300 18px 'Segoe UI',sans-serif; background-image: url(LINK-DA-IMAGEM); background-size: contain; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.5); width: 100%; border-radius: 5px; border-spacing: 0; line-height: 100px; margin: 0px 0 0px 0px;"]
[tr style=][td style="padding: 8px 16px;"][center][size=18][color=black][b]Teste[/b][/color][/size][/center]
[/td]
[/tr]


[tr style=][td style="padding: 10px 16px; color: #2C353B;"][right][size=15][b][color=black]capelli[/color][/b][/size][/right]
[/td]
[/tr]

[/table]

att,
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: Personalizar imagem na tabela

Mensagem por vcapelli 25.01.19 14:15

Era isso mesmo, obrigado! =)
vcapelli
vcapelli
****

Membro desde : 17/02/2018
Mensagens : 210
Pontos : 417

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar imagem na tabela

Mensagem por Convidado 25.01.19 14:20

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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