Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
225 usuários online :: 8 usuários cadastrados, 1 Invisível e 216 Visitantes :: 2 Motores de busca

EROMIR, Heikki, iScroll, Jeckwilke, Lemon~, Lost154, regina.cely, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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

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

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

Mensagem por Thiago Perotto Zocoli em 17/08/17, 08:47 am

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á.
avatar

Thiago Perotto Zocoli
Nível 2

Masculino
Inscrito dia : 17/08/2017
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://www.novaerarpg.com

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

Mensagem por Kyo Panda em 17/08/17, 09:04 am

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

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por Thiago Perotto Zocoli em 17/08/17, 09:19 am

É 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

avatar

Thiago Perotto Zocoli
Nível 2

Masculino
Inscrito dia : 17/08/2017
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://www.novaerarpg.com

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

Mensagem por Thiago Perotto Zocoli em 17/08/17, 09:23 am

É possível também deixar a tabela com um tamanho fixo?
avatar

Thiago Perotto Zocoli
Nível 2

Masculino
Inscrito dia : 17/08/2017
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://www.novaerarpg.com

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

Mensagem por Kyo Panda em 17/08/17, 09:50 am

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

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por Thiago Perotto Zocoli em 17/08/17, 10:38 am

Sim, muito obrigado!
avatar

Thiago Perotto Zocoli
Nível 2

Masculino
Inscrito dia : 17/08/2017
Mensagens : 12
Pontos Ativos : 18

Ver perfil do usuário http://www.novaerarpg.com

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

Mensagem por Kyo Panda em 17/08/17, 10:44 am

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

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

- Tópicos similares

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