Tabela na postagem

Olá cara comunidade,

eu gostaria de fazer uma tabela para colocar meus staffs. Na tabela irá o nome do grupo, um rank, uma descrição e os integrantes. A linguagem, se for possível, em BBCode.

(Exemplo: https://ajuda.forumeiros.com/t7556-)

Meu fórum: http://nolabels.forumeiros.com

Até mais.

Olá amigo!

Aqui tem:

Código:

<table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" class="table_bg_staff admineiros" width="600"><tbody><tr><td><table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr><td class="staff-rank linha_admin" colspan="2"><span style="font-size: 18px; line-height: normal"><font color="#ff6600">Admin</font>eiros</span><img style="display:inline" class="" src="http://i.imgur.com/djiqD8n.png" alt=""><br><strong>Função</strong>: <i>Gestão administrativa, estratégica e técnica do fórum de forma global. <br>São os responsáveis da comunicação entre os usuários e o suporte técnico.</i></td></tr><tr><td class="row1" style="padding: 4px; width: 1%; text-align: center;"><a href="http://ajuda.forumeiros.com/privmsg?mode=post&amp;u=8381"><img style="display:inline" class="" src="http://2img.net/i/fa/prosilver/icon_contact_pm.png" alt=""></a></td><td class="row1" style="padding-left: 10px;"><strong><a href="http://ajuda.forumeiros.com/u8381"><font color="#ff6600">Shek</font></a></strong></td></tr></tbody></table></td></tr></tbody></table>

Ainda adicione ao seu CSS:

Código:


/*Tabela Staff - Fórum dos Fóruns (C) 2015*/
.admineiros {
    border: 1px solid #F60 !important;
}
.table_bg_staff {
    background: #EFF9FC url("http://2img.net/i/bl/spirale.png") no-repeat scroll 0% 0%;
    border: 1px solid #CDCDCD;
    box-shadow: 0px 2px 10px;
    font-size: 0.9em;
    margin: 15px 0px 0px 15px;
    padding: 0px 6px 0px 0px !important;
    position: relative;
}

Boa sorte ao editar
iChees

Bom dia!

Por gentileza, leia este tópico: https://ajuda.forumeiros.com/t33005-

Atenciosamente,
Shek

Olá iChees,

teria mais algum CSS para colocar em meu fórum? Por que eu gostaria que o rank ficasse para a direita, atualmente ele fica ao lado do nome do rank.

E Shek, adorei! Porém esse aí fica muito ruim em meu fórum por causa de alguns códigos que tenho, aí ocorre uma grande modificação na tabela.

Até mais.

teria mais algum CSS para colocar em meu fórum? Por que eu gostaria que o rank ficasse para a direita, atualmente ele fica ao lado do nome do rank.

Neste caso então, você já tem um código pronto, pelo que compreendi. Então, me passe ele para verificarmos o que pode ser feito.

Olá caro Sehk,

o código é o que o iChees passou:

Código:

<table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" class="table_bg_staff admineiros" width="600"><tbody><tr><td><table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr><td class="staff-rank linha_admin" colspan="2"><span style="font-size: 18px; line-height: normal"><font color="#C9181E">Administradores</font></span><img style="display:inline" class="" src="http://i.imgur.com/KgTMQ3p.png" alt=""><br><strong>Função</strong>: <i>São os responsáveis pelo fórum como um todo. <br>Regem o fórum para o bem estar de todos os usuários.</i></td></tr><tr><td class="row1" style="padding: 4px; width: 1%; text-align: center;"><a href="http://nolabels.forumeiros.com/privmsg?mode=post&u=2"><img style="display:inline" class="" src="http://2img.net/i/fa/prosilver/icon_contact_pm.png" alt=""></a></td><td class="row1" style="padding-left: 10px;"><strong><a href="http://nolabels.forumeiros.com/u2"><font color="#C9181E">VitorC.</font></a></strong></td></tr></tbody></table></td></tr></tbody></table>

E o CSS:

Código:

/*-- Tabela Staff - Fórum dos Fóruns (C) 2015 --*/
.admineiros {
  border: 1px solid #C9181E !important;
}
.table_bg_staff {
  background: #141414 no-repeat scroll 0% 0%;
  border: 1px solid #C9181E;
  box-shadow: 0px 2px 10px;
  font-size: 0.9em;
  margin: 15px 0px 0px 15px;
  padding: 0px 6px 0px 0px !important;
  position: relative;
}

Bom tarde,
Neste caso, estou tendo problemas com essa dúvida.
É que eu boto este código:

Código:

[size=12]<table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" class="table_bg_staff admineiros" width="600"><tbody><tr><td><table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr><td class="staff-rank linha_admin" colspan="2"><span style="font-size: 18px; line-height: normal"><font color="#C9181E">Administradores</font></span><img style="display:inline" class="" src="http://i.imgur.com/KgTMQ3p.png" alt=""><br><strong>Função</strong>: <i>São os responsáveis pelo fórum como um todo. <br>Regem o fórum para o bem estar de todos os usuários.</i></td></tr><tr><td class="row1" style="padding: 4px; width: 1%; text-align: center;"><a href="http://nolabels.forumeiros.com/privmsg?mode=post&u=2"><img style="display:inline" class="" src="http://2img.net/i/fa/prosilver/icon_contact_pm.png" alt=""></a></td><td class="row1" style="padding-left: 10px;"><strong><a href="http://nolabels.forumeiros.com/u2"><font color="#C9181E">VitorC.</font></a></strong></td></tr></tbody></table></td></tr></tbody></table>

Não aparece o design da tabela simplesmente.
E também eu botei o CSS,
nem aparece.
Cordialmente,

Olá!

@VitorC.,

Poderia por gentileza colocar a assinatura em algum lugar do seu fórum para eu fazer os testes?

@Diapt,

O senhor deve criar um novo tópico para a sua dúvida, para mantermos este setor organizado, tudo bem?

Atenciosamente,
iChees

Olá iChees,

aqui está: http://nolabels.forumeiros.com/t2-

Olá @"VitorC",

Troque o código da tabela por este:

Código:

  <table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" class="table_bg_staff admineiros" width="600"><tbody><tr><td><table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr><td class="staff-rank linha_admin" colspan="2"><span style="font-size: 18px; line-height: normal"><font color="#C9181E">Administradores</font></span><img style="display:inline;float: right;" class="" src="http://i.imgur.com/KgTMQ3p.png" alt=""><br><strong>Função</strong>: <i>São os responsáveis pelo fórum como um todo. <br>Regem o fórum para o bem estar de todos os usuários.</i></td></tr><tr><td class="row1" style="padding: 4px; width: 1%; text-align: center;"><a href="http://nolabels.forumeiros.com/privmsg?mode=post&u=2"><img style="display:inline" class="" src="http://2img.net/i/fa/prosilver/icon_contact_pm.png" alt=""></a></td><td class="row1" style="padding-left: 10px;"><strong><a href="http://nolabels.forumeiros.com/u2"><font color="#C9181E">VitorC.</font></a></strong></td></tr></tbody></table></td></tr></tbody></table>

Atenciosamente,
iChees

Não funcionou: http://nolabels.forumeiros.com/t2-#3

Olá!

Desculpe-me! Não reparei que tinha algo no seu fórum forçando a imagem ficar na esquerda.

Aqui tem:

Código:

      <table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" class="table_bg_staff admineiros" width="600"><tbody><tr><td><table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr><td class="staff-rank linha_admin" colspan="2"><span style="font-size: 18px; line-height: normal"><font color="#C9181E">Administradores</font></span><img style="display:inline;float: right !important;" class="" src="http://i.imgur.com/KgTMQ3p.png" alt=""><br><strong>Função</strong>: <i>São os responsáveis pelo fórum como um todo. <br>Regem o fórum para o bem estar de todos os usuários.</i></td></tr><tr><td class="row1" style="padding: 4px; width: 1%; text-align: center;"><a href="http://nolabels.forumeiros.com/privmsg?mode=post&u=2"><img style="display:inline" class="" src="http://2img.net/i/fa/prosilver/icon_contact_pm.png" alt=""></a></td><td class="row1" style="padding-left: 10px;"><strong><a href="http://nolabels.forumeiros.com/u2"><font color="#C9181E">VitorC.</font></a></strong></td></tr></tbody></table></td></tr></tbody></table>

Atenciosamente,
iChees

Se tem algo forçando, ainda continua.
De inicio o código dá certo, mas logo ele vai para a esquerda.

Olá!

Realmente isto é estranho.

Adicione a sua folha de estilos:

Código:

.staff-rank img {
    float: right !important;
}

Atenciosamente,
iChees

Funcionou! Valeu!