Colocar uma imagem como plano de fundo do texto em um post

2 participantes

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

Tópico resolvido Colocar uma imagem como plano de fundo do texto em um post

Mensagem por Thiago Perotto Zocoli 17.08.17 12:47

Detalhes da questão


Endereço do fórum: http://www.novaerarpg.com
Versão do fórum: phpBB2

Descrição


Bom dia

Eu gostaria de fazer um post similar ao abaixo:

http://www.novaerarpg.com/t1433-prologo-despedidas

Como devo proceder para colocar a uma imagem no fundo do texto, como foi feito no post acima?

Muito obrigado desde já.
Thiago Perotto Zocoli

Thiago Perotto Zocoli
Novo Membro

Membro desde : 17/08/2017
Mensagens : 12
Pontos : 18

http://www.novaerarpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar uma imagem como plano de fundo do texto em um post

Mensagem por Kyo Panda 17.08.17 13:04

O senhor pode utilizar a tag table para isso:

Código:
[table style="background-image: url(link-da-imagem)"][tr][td]Texto[/td][/tr][/table]

Um exemplo:

Lorem ipsum!


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis placerat efficitur magna id rhoncus. Sed laoreet commodo semper. Nullam rhoncus tellus a orci auctor fringilla. Vivamus aliquet pellentesque tristique. Sed mattis lorem et pretium vulputate. Sed mattis arcu dignissim odio rhoncus, luctus maximus ante ultrices. Vivamus efficitur sodales tortor, ac tempus sapien laoreet ac. Proin placerat justo eu arcu consequat, ac rutrum libero consectetur.

Fusce euismod ipsum sit amet gravida gravida. Proin vel purus id erat accumsan tempor. Fusce dictum nulla ex, vitae consectetur ante convallis luctus. Ut rhoncus varius felis, eget egestas felis euismod in. Aliquam sollicitudin auctor massa sit amet ornare. Nullam ut lobortis sem. Fusce magna nisi, efficitur sit amet rutrum quis, bibendum a ante. Aliquam scelerisque, nisl et posuere convallis, ante purus porttitor massa, tincidunt viverra ligula nisi non nibh. Vivamus sollicitudin dapibus ipsum at porta. Quisque aliquet risus quis magna auctor, ac accumsan felis commodo. Etiam pretium congue nulla ac porttitor. Proin sed urna quis metus ultricies mattis eu ac ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce consectetur pharetra sem, ut blandit quam mattis eu.

Nulla id nibh pulvinar, ultrices urna at, elementum lacus. Phasellus tortor sapien, fermentum ac quam eu, dignissim sollicitudin est. Etiam eleifend malesuada lectus, ac aliquet massa volutpat ut. Sed et justo dictum, bibendum metus in, consequat eros. Cras at nunc et quam scelerisque egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ligula urna, vestibulum sed enim nec, tincidunt pellentesque arcu. Pellentesque commodo, dui id blandit efficitur, erat mauris porttitor dui, sed auctor lorem lorem nec purus.

Suspendisse nisl mauris, tempor sed magna vitae, tempus accumsan eros. Maecenas auctor metus hendrerit ipsum tincidunt convallis. Sed vel felis ac nisl tincidunt sagittis. Proin tristique, felis sed ullamcorper maximus, lectus eros sodales quam, non luctus ex magna et est. Ut eu mollis diam, id convallis dui. Curabitur gravida nunc ut urna scelerisque, eu finibus elit venenatis. Mauris pharetra, augue vitae venenatis auctor, lorem quam hendrerit est, vitae bibendum mi mi id odio.

Curabitur ullamcorper dui quis nulla hendrerit, sed gravida enim aliquet. Nulla congue, lorem ut mollis mattis, lorem neque maximus mauris, commodo malesuada lacus metus at leo. Maecenas orci diam, mollis semper luctus quis, feugiat nec velit. Maecenas egestas ex enim, sit amet tempor magna lacinia nec. Vivamus metus ante, consectetur quis mi nec, rhoncus tempor risus. In vel orci vestibulum, condimentum metus vitae, auctor tortor. Sed eu sollicitudin magna. Proin elementum nulla massa, bibendum elementum nisi sollicitudin in. Maecenas iaculis neque purus, ac pretium sapien tempor a.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar uma imagem como plano de fundo do texto em um post

Mensagem por Thiago Perotto Zocoli 17.08.17 13:19

É possível centralizar a imagem? ela está se repetindo no post.

Minha intenção é usar de uma imagem de borda com tema medieval:

https://image.ibb.co/dBWUZv/Borda_1.jpg

Thiago Perotto Zocoli

Thiago Perotto Zocoli
Novo Membro

Membro desde : 17/08/2017
Mensagens : 12
Pontos : 18

http://www.novaerarpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar uma imagem como plano de fundo do texto em um post

Mensagem por Thiago Perotto Zocoli 17.08.17 13:23

É possível também deixar a tabela com um tamanho fixo?
Thiago Perotto Zocoli

Thiago Perotto Zocoli
Novo Membro

Membro desde : 17/08/2017
Mensagens : 12
Pontos : 18

http://www.novaerarpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar uma imagem como plano de fundo do texto em um post

Mensagem por Kyo Panda 17.08.17 13:50

Algo como isso? Feliz

Um Título Fancy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum felis metus, vel cursus augue fringilla in. Vestibulum id mattis lacus, quis finibus diam. Aenean augue massa, euismod porta felis ut, consequat varius augue. Aliquam erat volutpat. In interdum massa magna, nec euismod mi molestie at. Nullam ac vulputate turpis. Etiam ut dolor fermentum, lacinia sem eu, porta mauris. Donec lectus quam, condimentum sodales magna mollis, imperdiet mollis tortor. Aenean nec risus faucibus, dictum nulla at, vehicula quam. Phasellus euismod congue volutpat.

Maecenas ultrices vulputate elit, eu tempor arcu. Etiam consectetur enim turpis, quis ornare lectus lacinia id. Pellentesque in justo quis massa consectetur lobortis. Mauris nisi nunc, efficitur in sem a, lobortis ultricies dui. Proin vel finibus mauris. Praesent eu pulvinar eros, sit amet sagittis enim.


Código:
[table style="background-image: url(https://image.ibb.co/dBWUZv/Borda_1.jpg); background-repeat: no-repeat; background-align: center; width: 564px; margin: 0 auto;"][tr][td style="height: 787px; padding: 120px; box-sizing: border-box; vertical-align: top;"][font=Monotype Corsiva][size=24]Um Título Fancy[/size]

[size=18]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum felis metus, vel cursus augue fringilla in. Vestibulum id mattis lacus, quis finibus diam. Aenean augue massa, euismod porta felis ut, consequat varius augue. Aliquam erat volutpat. In interdum massa magna, nec euismod mi molestie at. Nullam ac vulputate turpis. Etiam ut dolor fermentum, lacinia sem eu, porta mauris. Donec lectus quam, condimentum sodales magna mollis, imperdiet mollis tortor. Aenean nec risus faucibus, dictum nulla at, vehicula quam. Phasellus euismod congue volutpat.

Maecenas ultrices vulputate elit, eu tempor arcu. Etiam consectetur enim turpis, quis ornare lectus lacinia id. Pellentesque in justo quis massa consectetur lobortis. Mauris nisi nunc, efficitur in sem a, lobortis ultricies dui. Proin vel finibus mauris. Praesent eu pulvinar eros, sit amet sagittis enim.[/size][/font]
[/td][/tr][/table]

E evite postar mensagens consecutivas em menos de 24h, por favor. Use o recurso editar nesses casos.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar uma imagem como plano de fundo do texto em um post

Mensagem por Thiago Perotto Zocoli 17.08.17 14:38

Sim, muito obrigado!
Thiago Perotto Zocoli

Thiago Perotto Zocoli
Novo Membro

Membro desde : 17/08/2017
Mensagens : 12
Pontos : 18

http://www.novaerarpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar uma imagem como plano de fundo do texto em um post

Mensagem por Kyo Panda 17.08.17 14:44

o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.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