Como criar tabelas em BBcode para tópico?

[JrMAFiA]

Detalhes da questão

Endereço do fórum: http://mastersuporte.forumeiros.com/
Versão do fórum: PunBB

Descrição

Eu vi em muitos fórum que tem esse efeito


Eu gostaria so do codigo pra mim editar para não ficar muito igual ao do fórum dos fórum.

[Chagas]

O código BBcode pra colocar no tópico:

Código:

[table class="table_bg_staff admineiros" style="margin-top: 15px; margin-left: 15px; box-shadow: 0px 2px 10px; font-size: 0.9em; position: relative; color: rgb(102, 102, 102); line-height: 18.2px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; padding-right: 6px !important; border-color: rgb(255, 102, 0) !important; background: url(http://2img.net/i/bl/spirale.png) no-repeat rgb(239, 249, 252);" width="600"][tr style="margin: 0px; padding: 0px;"][td style="margin: 0px; padding: 0px;"][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr style="margin: 0px; padding: 0px;"][td class="staff-rank linha_admin" style="margin: 0px; padding: 0px; border-bottom-color: rgb(255, 102, 0) !important;" colspan="2"][size=18][color=#ff6600]Admin[/color]eiros[/size][img]http://i.imgur.com/djiqD8n.png[/img]
[b]Função[/b]: [i]Gestão administrativa, estratégica e técnica do fórum de forma global. 
São os responsáveis da comunicação entre os usuários e o suporte técnico.[/i][/td]
[/tr]
[tr style="margin: 0px; padding: 0px;"][td class="row1" style="margin: 0px; padding: 4px; width: 38px; text-align: center; background-color: rgb(229, 241, 249);"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=8381][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td]
[td class="row1" style="margin: 0px; padding: 0px 0px 0px 10px; background-color: rgb(229, 241, 249);"][b][url=http://ajuda.forumeiros.com/u8381][color=#ff6600]Shek[/color][/url][/b][/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
[hr]

[table class="table_bg_staff moderadeiros" style="margin-top: 15px; margin-left: 15px; box-shadow: 0px 2px 10px; font-size: 0.9em; position: relative; color: rgb(102, 102, 102); line-height: 18.2px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; padding-right: 6px !important; border-color: rgb(123, 185, 43) !important; background: url(http://2img.net/i/bl/spirale.png) no-repeat rgb(239, 249, 252);" width="600"][tr style="margin: 0px; padding: 0px;"][td style="margin: 0px; padding: 0px;"][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr style="margin: 0px; padding: 0px;"][td class="staff-rank linha_mod" style="margin: 0px; padding: 0px; border-bottom-color: rgb(123, 185, 43) !important;" colspan="2"][size=18][color=#7bb92b]Moderad[/color]eiros[/size][img]http://i.imgur.com/NwvgbUI.png[/img]
[b]Função[/b]: [i]Suporte geral e gestão dos usuários. Cada moderador é responsável 
por uma seção específica, mas eles podem moderar em todas as seções.[/i] [b]Em caso de emergência, apenas, deve-se enviar MPs para eles.[/b][/td]
[/tr]
[tr style="margin: 0px; padding: 0px;"][td class="row1" style="margin: 0px; padding: 4px; width: 40px; text-align: center; background-color: rgb(229, 241, 249);"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=45376][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td]
[td class="row1" style="margin: 0px; padding: 0px 0px 0px 10px; background-color: rgb(229, 241, 249);"][b][url=http://ajuda.forumeiros.com/u45376][color=#7bb92b]VitorC.[/color][/url][/b][/td]
[/tr]
[tr style="margin: 0px; padding: 0px;"][td class="row2" style="margin: 0px; padding: 4px; width: 40px; text-align: center; background-color: rgb(220, 234, 245);"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=54649][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td]
[td class="row2" style="margin: 0px; padding: 0px 0px 0px 10px; background-color: rgb(220, 234, 245);"][b][url=http://ajuda.forumeiros.com/u54649][color=#7bb92b]viniliff[/color][/url][/b][/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
[hr]

[table class="table_bg_staff ajudeiros" style="margin-top: 15px; margin-left: 15px; box-shadow: 0px 2px 10px; font-size: 0.9em; position: relative; color: rgb(102, 102, 102); line-height: 18.2px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; padding-right: 6px !important; border-color: rgb(195, 147, 0) !important; background: url(http://2img.net/i/bl/spirale.png) no-repeat rgb(239, 249, 252);" width="600"][tr style="margin: 0px; padding: 0px;"][td style="margin: 0px; padding: 0px;"][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr style="margin: 0px; padding: 0px;"][td class="staff-rank linha_help" style="margin: 0px; padding: 0px; border-bottom-color: rgb(195, 147, 0) !important;" colspan="2"][size=18][color=#c39300]Ajud[/color]eiros[/size][img]http://i.imgur.com/Hnvaprd.png[/img]
[b]Função[/b]: [i]Suporte no atendimento aos usuários.
Eles podem moderar nas seções de suporte.[/i][/td]
[/tr]
[tr style="margin: 0px; padding: 0px;"][td class="row1" style="margin: 0px; padding: 4px; width: 32px; text-align: center; background-color: rgb(229, 241, 249);"][b][b][b][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=1][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/b][/b][/b][/td]
[td class="row1" style="margin: 0px; padding: 0px 0px 0px 10px; background-color: rgb(229, 241, 249);"][b][url=http://ajuda.forumeiros.com/u58286][color=#c39300]Fraise[/color][/url][/b][/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
[hr]

[table class="table_bg_staff artimeiros" style="margin-top: 15px; margin-left: 15px; box-shadow: 0px 2px 10px; font-size: 0.9em; position: relative; color: rgb(102, 102, 102); line-height: 18.2px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; padding-right: 6px !important; border-color: rgb(204, 102, 204) !important; background: url(http://2img.net/i/bl/spirale.png) no-repeat rgb(239, 249, 252);" width="600"][tr style="margin: 0px; padding: 0px;"][td style="margin: 0px; padding: 0px;"][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr style="margin: 0px; padding: 0px;"][td class="staff-rank linha_graph" style="margin: 0px; padding: 0px; border-bottom-color: rgb(204, 102, 204) !important;" colspan="2"][size=18][color=#cc66cc]Artm[/color]eiros[/size][img]http://i.imgur.com/KaO87ZJ.png[/img]
[b]Função[/b]: [i]Suporte gráfico para os usuários. 
Eles podem moderar na seção das Criações Gráficas.[/i][/td]
[/tr]
[tr style="margin: 0px; padding: 0px;"][td class="row1" style="margin: 0px; padding: 4px; width: 32px; text-align: center; background-color: rgb(229, 241, 249);"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=57608][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td]
[td class="row1" style="margin: 0px; padding: 0px 0px 0px 10px; background-color: rgb(229, 241, 249);"][url=http://ajuda.forumeiros.com/u57608][b][color=#cc66cc]Holkis[/color][/b][/url][/td]
[/tr]
[tr style="margin: 0px; padding: 0px;"][td class="row2" style="margin: 0px; padding: 4px; width: 32px; text-align: center; background-color: rgb(220, 234, 245);"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=15739][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td]
[td class="row2" style="margin: 0px; padding: 0px 0px 0px 10px; background-color: rgb(220, 234, 245);"][url=http://ajuda.forumeiros.com/u15739][b][color=#cc66cc]mocci[/color][/b][/url][/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
[hr]

[table class="table_bg_staff publicideiros" style="margin-top: 15px; margin-left: 15px; box-shadow: 0px 2px 10px; font-size: 0.9em; position: relative; color: rgb(102, 102, 102); line-height: 18.2px; z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; padding-right: 6px !important; border-color: rgb(0, 159, 185) !important; background: url(http://2img.net/i/bl/spirale.png) no-repeat rgb(239, 249, 252);" width="600"][tr style="margin: 0px; padding: 0px;"][td style="margin: 0px; padding: 0px;"][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr style="margin: 0px; padding: 0px;"][td class="staff-rank linha_pub" style="margin: 0px; padding: 0px; border-bottom-color: rgb(0, 159, 185) !important;" colspan="2"][size=18][color=#009fb9]Publicid[/color]eiros[/size][img]http://i.imgur.com/puXbizU.png[/img]
[b]Função[/b]: [i]Suporte nas publicações e nas análises. 
Eles podem moderar nas seções das Publicidações e das Análises.[/i][/td]
[/tr]
[tr style="margin: 0px; padding: 0px;"][td class="row1" style="margin: 0px; padding: 4px; width: 40px; text-align: center; background-color: rgb(229, 241, 249);"][b][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=55758][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/b][/td]
[td class="row1" style="margin: 0px; padding: 0px 0px 0px 10px; background-color: rgb(229, 241, 249);"][b][url=http://ajuda.forumeiros.com/u55758][color=#009fb9]Reset[/color][/url][/b][/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
[hr]

Adicione este código no CSS

Código:

.linha_admin {
    border-bottom: 1px solid #F60!important;
}
.table_bg_staff {
    background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
    background-color: #EFF9FC;
    border: 1px solid #cdcdcd;
    box-shadow: 0 2px 10px;
    font-size: .9em;
    margin: 15px 0 0 15px;
    padding: 0 6px 0 0 !important;
    position: relative;
}
.moderadeiros {
    border: 1px solid #7bb92b!important;
}
.ajudeiros {
    border: 1px solid #c39300!important;
}
.artimeiros {
    border: 1px solid #c6c!important;
}
.publicideiros {
    border: 1px solid #009FB9!important;
}

Até mais,
CT

[JrMAFiA]

Obrigado.

[Shek]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".