Texto da mensagem de homepage em colunas

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

Resolvido Texto da mensagem de homepage em colunas

Mensagem por CPTNOMAD462ST em 16/09/11, 06:13 am

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:
http://i.imgur.com/aJM5Z.png

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

Versão do meu fórum:
PHPBB3

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por Cream em 16/09/11, 12:11 pm

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por CPTNOMAD462ST em 16/09/11, 02:46 pm

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

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por Feliperod em 16/09/11, 04:27 pm

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? Estudar
avatar

Feliperod
Nível 3

Masculino
Inscrito dia : 13/09/2011
Mensagens : 17
Pontos Ativos : 24

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

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por CPTNOMAD462ST em 17/09/11, 08:00 am

@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? Estudar
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.

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por Feliperod em 17/09/11, 02:41 pm

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. -> http://img832.imageshack.us/img832/3126/imagembpy.jpg
avatar

Feliperod
Nível 3

Masculino
Inscrito dia : 13/09/2011
Mensagens : 17
Pontos Ativos : 24

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

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por CPTNOMAD462ST em 17/09/11, 04:12 pm

@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. -> http://img832.imageshack.us/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.

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por Feliperod em 17/09/11, 04:59 pm

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

<td><img src=http://illiweb.com/fa/pbucket.gif></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
avatar

Feliperod
Nível 3

Masculino
Inscrito dia : 13/09/2011
Mensagens : 17
Pontos Ativos : 24

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

Resolvido Re: Texto da mensagem de homepage em colunas

Mensagem por CPTNOMAD462ST em 18/09/11, 05:17 am

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

<td><img src=http://illiweb.com/fa/pbucket.gif></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".

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.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