Aumentar table bbcode

por Vados 16.12.15 18:40

Detalhes da questão

Endereço do fórum: http: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição

Eu estou a utilizar este BBCode:
http: http://pastebin.com/RjgNHDuc

Junta-mente com esta .CSS:
http: http://pastebin.com/1V8eyXcZ

Eu queria aumentar as caixas ou seja o table, ele está muito encolhido eu queria aumentar um pouco para todas:
http: http://webgrafic.forumeiro.com/t14-testarrrrr-staffff

por Lucy Elrich Sinskye 16.12.15 19:03

Olá Vados!
O elemento "width" em seu BBCode, é o responsável pela largura do table.

A parte "width: 28px;" (que se repente em vários momentos) determina a largura da coluna que está mais fininha, a do lado direito. Enquanto a largura da coluna maior está livre, sendo determinada pelo tamanho do texto.

Se quiser aumentar ambas as colunas, deixando elas com tamanho padrão em ambos os tables, é possível fazer isso se alterarmos o CSS, acrescentando a largura padrão desejada.

Não se esqueça de manter uma cópia do código original (CSS e BBCode), antes de fazer as alterações, pois nem sempre elas dão certo.

por Vados 16.12.15 19:09

Eu queria em padrão para ambas ou seja usei o seu .CSS mas não resultou, aumentei no código BBCode e aumentou mas o que está dentro ficou encostado à esquerda na mesma.

por Lucy Elrich Sinskye 16.12.15 19:22

É, eu percebi um erro no CSS assim que postei, tanto que acabei tirando.

Tente alterar da seguinte forma:

Código:: .r1 { background-color: #e6f2fa; width: 800px; } .r2 { background-color: #dceaf5; width: 800px; }

A largura de ambos deve ser a mesma.

Caso não funcione, é só é no seu BBCode e acrescentar o width nesta parte dele:

Código:: <td style="padding: 4px;">

Que é a responsável pela largura da coluna esquerda, a qual não tem uma largura definida, para fazer isso é só acrescentar, logo após o ponto e virgula, o elemento width. Sendo que ficaria desta forma:

Código:: <td style="padding: 4px; width:500px;">

por Vados 16.12.15 19:28

O .CSS continuou a não funcionar, mas usei da maneira como disse pelo BBCode e resultou, porém a parte do ícone de "MP" queria colocar no canto direito como estava, agora o table sim já ficou esticado como desejava.

por Lucy Elrich Sinskye 16.12.15 19:36

Você pode me mostrar um print da sua tela?

Pois como não tenho registro em seu fórum e as inscrições nele estão fechadas, não consigo visualizar tudo corretamente, pela configuração de proibir não membros de ver links de seu fórum.

por Vados 16.12.15 19:38

Sim ele está assim:
Aumentar table bbcode 2nj8ykx

E queria assim ou seja o ícone a ficar mesmo no canto direito:
Aumentar table bbcode Sw2x4y

Deixo aqui também o BBCode:
http: http://pastebin.com/bxxMG6C7

por Lucy Elrich Sinskye 16.12.15 19:44

Para isso no 'td' em que está a imagem das MP's, tente alterar desta forma:

Código:: <td style="padding: 4px; width: 288px;" align="right">

por Vados 16.12.15 19:49

Está quase porém o traço que divide entre os nicks e ícone ficou no meio veja:
Aumentar table bbcode 24pkj8k

E queria colocar também no lado direito como isto:
Aumentar table bbcode Sw2x4y

por Lucy Elrich Sinskye 16.12.15 19:56

Para isso é só você deixar o witdh da coluna em que estão as imagens menor e aumentar o width da coluna com o nome/vaga. Piscada

Ou seja, volte o width da coluna da imagem para 28px e coloque o width da outra coluna, com os nomes, em 548 px.

Caso tenha dúvidas, esta é a parte que se refere aos nomes/vagas:

Código:: <td style="padding: 4px;width:288px;"><strong>[url=http://webgrafic.forumeiro.com/uX][color=#07B87D]Vaga[/color][/url]</strong></td>

e está é a parte que se refere a imagem de MP:

Código:: <td style="padding: 4px; width: 288px;"><a href=”/privmsg?mode=post&u=X”><img src="http://2img.net/i/fa/prosilver/icon_contact_pm.png" alt="" class="" style="display:inline"></td>

por Vados 16.12.15 20:02

Agora sim ficou óptimo, obrigado! Piscada

por Lucy Elrich Sinskye 16.12.15 20:04

De nada

Aumentar table bbcode