Texto da mensagem de homepage em colunas

Qual é minha questão:
Eu queria saber como colocar uma imagem do lado de todo o texto na Home Page, pular linha na Home Page e, escrever lado à lado na Home Page, como aqui.

Medidas que eu tomei para corrigir o problema:
Nenhuma

Imagens do meu problema:
https://i.imgur.com/aJM5Z.png

Endereço do meu fórum:
http://cadeogtamodificado.ativoforum.com/

Versão do meu fórum:
PHPBB3

Olá,

Para isso, utilizamos uma tabela. Que é a seguinte:

<table width="90%" style="padding: 3px; font-size: 0.9em; margin-bottom:0; padding-bottom: 0;"><tbody><tr valign="top">
<td>Linha1 <br> Fórum dos Fóruns1</td>

<td>Linha2 <br> Fórum dos Fóruns2</td>

<td>Linha3 <br> Fórum dos Fóruns3</td>
</tr></tbody></table></td></tr></tbody></table>

Vermelho ->> Trocamos pelos títulos dos textos.
Verde ->> Trocamos pelo texto que será exibido.

Até mais.

Cream escreveu:Olá,

Para isso, utilizamos uma tabela. Que é a seguinte:

<table width="90%" style="padding: 3px; font-size: 0.9em; margin-bottom:0; padding-bottom: 0;"><tbody><tr valign="top">
<td>Linha1 <br> Fórum dos Fóruns1</td>

<td>Linha2 <br> Fórum dos Fóruns2</td>

<td>Linha3 <br> Fórum dos Fóruns3</td>
</tr></tbody></table></td></tr></tbody></table>

Vermelho ->> Trocamos pelos títulos dos textos.
Verde ->> Trocamos pelo texto que será exibido.

Até mais.

Agora o que eu quero saber é como colocar um link em baixo do outro e, não do lado. E como colocar a imagem do lado de todo o texto.

Linha1 Fórum dos Fóruns1
Linha2 Fórum dos Fóruns2
Linha3 Fórum dos Fóruns3

Código:

[table class="MsoTableGrid" style="border-collapse: collapse; border: medium none;" border="0" cellpadding="0" cellspacing="0"]
 [tr style=""]
  [td style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  Linha1
 Fórum dos Fóruns1

  [/td]
  [td rowspan="3" style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  [url=CASO_QUEIRA_POR_HYPERLINK][img]ENDEREÇO_DA_IMAGEM[/img][/url]

  [/td]
 [/tr]
 [tr style=""]
  [td style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  Linha2
 Fórum dos Fóruns2

  [/td]
 [/tr]
 [tr style=""]
  [td style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  Linha3
 Fórum dos Fóruns3

  [/td]
 [/tr]
[/table]

Está no formato BBCode, de modo que será permitido mesmo que não tenha HTML ativado.
Caso alguem ache melhor, pode converter isso para HTML ^.~


Obs. Se ajudei, clica no Obrigado =)

Resolvido?

Feliperod escreveu:

Linha1 Fórum dos Fóruns1
Linha2 Fórum dos Fóruns2
Linha3 Fórum dos Fóruns3

Código:

[table class="MsoTableGrid" style="border-collapse: collapse; border: medium none;" border="0" cellpadding="0" cellspacing="0"]
 [tr style=""]
  [td style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  Linha1
 Fórum dos Fóruns1

  [/td]
  [td rowspan="3" style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  [url=CASO_QUEIRA_POR_HYPERLINK][img]ENDEREÇO_DA_IMAGEM[/img][/url]

  [/td]
 [/tr]
 [tr style=""]
  [td style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  Linha2
 Fórum dos Fóruns2

  [/td]
 [/tr]
 [tr style=""]
  [td style="width: 216.1pt; padding: 0cm 5.4pt;" valign="top" width="288"]  Linha3
 Fórum dos Fóruns3

  [/td]
 [/tr]
[/table]

Está no formato BBCode, de modo que será permitido mesmo que não tenha HTML ativado.
Caso alguem ache melhor, pode converter isso para HTML ^.~


Obs. Se ajudei, clica no Obrigado =)

Resolvido?

Não funcionou.

Nome meu fórum aparece assim e, eu quero assim. Um em baixo do outro.

E eu quero também que a imagem apareça do lado esquerdo de todo o texto assim.

Coloque aqui o seu código, que vou altera-lo de modo que funcione do modo que você quer, a mudança é simples.

EDIT: Tive uma ideia para acelerar isso, como tá meio complicado de entender como você quer, faiz o seguinte. (pra evitar que agente fique criando um monte de códigos.)
Quando tu for postar o teu código aqui, pra eu ver como ele tá. Tu aproveita e vai no PAINT, faiz uma imagem bem simples mesmo, desenhando o local de cada coisa como e onde tu quer, para que eu possa ver EXATAMENTE os locais onde você quer coloca-las.

Como esse exemplo. -> https://2img.net/r/ihimizer/img832/3126/imagembpy.jpg

Feliperod escreveu:Coloque aqui o seu código, que vou altera-lo de modo que funcione do modo que você quer, a mudança é simples.

EDIT: Tive uma ideia para acelerar isso, como tá meio complicado de entender como você quer, faiz o seguinte. (pra evitar que agente fique criando um monte de códigos.)
Quando tu for postar o teu código aqui, pra eu ver como ele tá. Tu aproveita e vai no PAINT, faiz uma imagem bem simples mesmo, desenhando o local de cada coisa como e onde tu quer, para que eu possa ver EXATAMENTE os locais onde você quer coloca-las.

Como esse exemplo. -> https://2img.net/r/ihimizer/img832/3126/imagembpy.jpg

O código que estou usando é este:

Código:

<table width="90%" style="padding: 3px; font-size: 0.9em; margin-bottom:0; padding-bottom: 0;"><tbody><tr valign="top">
<td><strong>Regulamento</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/t1-regras-leitura-obrigatoria?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Regras do Fórum</a>
-
<a href="http://cadeogtamodificado.ativoforum.com/faq?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">FAQ do Fórum</a>
-
<a href="http://cadeogtamodificado.ativoforum.com/t127-parceria?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Parceria</a>
</td>

<td><strong>Seções do Fórum</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/c1-mods?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Mods</a>
-
<a href="http://cadeogtamodificado.ativoforum.com/c6-o-jogo?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">O Jogo</a>
-
<a href="http://cadeogtamodificado.ativoforum.com/c10-videos?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Vídeos</a>
</td>

<td><strong>Outros</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/search.forum?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Caixa de busca busca</a>
-
<a href="http://cadeogtamodificado.ativoforum.com/t303-ranks?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Ranks</a>
-
<a href="http://cadeogtamodificado.ativoforum.com/t556-scan-de-arquivos?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Sacan de arquivos</a>
</td>
</tr></tbody></table></td></tr></tbody></table>

Sim, eu quero que a imagem apareçeça do lado esquerdo do texto, como na imagem que você mostrou, Eo que eu falo um em baixo do outro não é o título, é a URL que eu coloco em cada nome, mesmo pulando linha não dá certo.

<table width="90%" style="padding: 3px; font-size: 0.9em; margin-bottom:0; padding-bottom: 0;"><tr valign="top">

<td><img src=https://2img.net/h/i168.photobucket.com/albums/u182/meteorit_2007/Etc/Quemestaon.jpg></td>

<td><strong>Regulamento</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/t1-regras-leitura-obrigatoria?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Regras do Fórum</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/faq?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">FAQ do Fórum</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/t127-parceria?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Parceria</a></td>

<td><strong>Seções do Fórum</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/c1-mods?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Mods</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/c6-o-jogo?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">O Jogo</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/c10-videos?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Vídeos</a></td>

<td><strong>Outros</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/search.forum?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Caixa de busca busca</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/t303-ranks?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Ranks</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/t556-scan-de-arquivos?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Sacan de arquivos</a></td></tr>

</table>

De violet as categorias
De verde os tópicos

O codigo possuia alguns elementos desnecessarios que eu removi.

Se estiver resolvido, clica no Obrigado, e avisa, pro topico ser encerrado.

EDIT: Na forma de links estão os links dos tópicos (dããã) e o primeiro link, é o enredeço da imagem

Feliperod escreveu:

<table width="90%" style="padding: 3px; font-size: 0.9em; margin-bottom:0; padding-bottom: 0;"><tr valign="top">

<td><img src=https://2img.net/h/i168.photobucket.com/albums/u182/meteorit_2007/Etc/Quemestaon.jpg></td>

<td><strong>Regulamento</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/t1-regras-leitura-obrigatoria?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Regras do Fórum</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/faq?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">FAQ do Fórum</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/t127-parceria?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Parceria</a></td>

<td><strong>Seções do Fórum</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/c1-mods?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Mods</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/c6-o-jogo?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">O Jogo</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/c10-videos?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Vídeos</a></td>

<td><strong>Outros</strong><br>
<a href="http://cadeogtamodificado.ativoforum.com/search.forum?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Caixa de busca busca</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/t303-ranks?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Ranks</a><br>
<a href="http://cadeogtamodificado.ativoforum.com/t556-scan-de-arquivos?tid=5168e18b14e8c32d60cd2419a9039efb" class="postlink">Sacan de arquivos</a></td></tr>

</table>

De violet as categorias
De verde os tópicos

O codigo possuia alguns elementos desnecessarios que eu removi.

Se estiver resolvido, clica no Obrigado, e avisa, pro topico ser encerrado.

EDIT: Na forma de links estão os links dos tópicos (dããã) e o primeiro link, é o enredeço da imagem

Resolvido. Já cliquei em "Obrigado".