Como faço isso?

por Uatyla 13.06.14 15:49

Descrição:

Olá senhores!

eu queria muito saber como é feito essa tabela, gostaria de adicionar em meu fórum.

https://ajuda.forumeiros.com/t7556-staff-do-forum-dos-foruns-e-mudancas-internas-na-equipe

Informações:

Fórum:	http://vidadeaquarista.forumeiros.com/	Versão:	PHPBB3
Tipo:	Pedido de código	Tags:	isso?

por Duel 13.06.14 16:50

Olá!

Siga o spoiler:

Spoiler:

Moderadeiros Função: Suporte geral e gestão dos usuários. Cada moderador é responsável por uma seção específica, mas podem moderar em todas as seções. Caso ocorra algum problema, pode contatá-los por Mensagem Privada, em vez de tentar resolvê-lo entre os membros.
	BrunoH.
	Shek
	Thoth

Ajudeiros Função: Suporte no atendimento aos usuários. Eles podem moderar nas seções de suporte.
	Hancki
	Alex Habilidade
	Kyo Panda
	Sennior
	-wagh-

Artmeiros Função: Suporte gráfico para os usuários. Eles podem moderar na seção das Criações Gráficas.
	#d0C

Código:: [table class="table_bg_staff moderadeiros" style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" width="600px"][tr class="zebraDois"][td][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr class="zebraUm"][td class="staff-rank linha_mod" colspan="2"][size=18][color=#7bb92b]Moderad[/color]eiros[/size][img]http://2img.net/i/fa/fdf/moderactif.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 podem moderar em todas as seções. [b]Caso ocorra algum problema, pode contatá-los por Mensagem Privada, em vez de tentar resolvê-lo entre os membros.[/b][/i][/td] [/tr] [tr class="zebraDois"][td class="row1" style="text-align: center; padding: 4px; width: 1%;"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=47318][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td] [td class="row1" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u47318][color=#7bb92b]BrunoH.[/color][/url][/b][/td] [/tr] [tr class="zebraUm"][td class="row2" style="text-align: center; padding: 4px; width: 1%;"][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="row2" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u8381][color=#7bb92b]Shek[/color][/url][/b][/td] [/tr] [tr class="zebraDois"][td class="row1" style="text-align: center; padding: 4px; width: 1%;"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=42123][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td] [td class="row1" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u42123][color=#7bb92b]Thoth[/color][/url][/b][/td] [/tr] [/table] [/td] [/tr] [/table] [table class="table_bg_staff ajudeiros" style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" width="600px"][tr class="zebraUm"][td][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr class="zebraDois"][td class="staff-rank linha_help" colspan="2"][size=18][color=#c39300]Ajud[/color]eiros[/size][img]http://2img.net/i/fa/fdf/aidactif.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 class="zebraUm"][td class="row1" style="text-align: center; padding: 4px; width: 1%;"][b][b][b][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=14743][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/b][/b][/b][/td] [td class="row1" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u14743][color=#c39300]Hancki[/color][/url][/b][/td] [/tr] [tr class="zebraDois"][td class="row2" style="text-align: center; padding: 4px; width: 1%;"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=35476][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td] [td class="row2" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u35476][color=#c39300]Alex Habilidade[/color][/url][/b][/td] [/tr] [tr class="zebraUm"][td class="row1" style="text-align: center; padding: 4px; width: 1%;"][b][b][b][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=43393][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/b][/b][/b][/td] [td class="row1" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u43393][color=#c39300]Kyo Panda[/color][/url][/b][/td] [/tr] [tr class="zebraDois"][td class="row1" style="text-align: center; padding: 4px; width: 1%;"][b][b][b][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=38996][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/b][/b][/b][/td] [td class="row1" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u38996][color=#c39300]Sennior[/color][/url][/b][/td] [/tr] [tr class="zebraUm"][td class="row1" style="text-align: center; padding: 4px; width: 1%;"][b][b][b][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=48280][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/b][/b][/b][/td] [td class="row1" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u48280][color=#c39300]-wagh-[/color][/url][/b][/td] [/tr] [/table] [/td] [/tr] [/table] [table class="table_bg_staff artimeiros" style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;" width="600px"][tr class="zebraDois"][td][table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"][tr class="zebraUm"][td class="staff-rank linha_graph" colspan="2"][size=18][color=#cc66cc]Artm[/color]eiros[/size][img]http://2img.net/i/fa/fdf/creactif.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 class="zebraDois"][td class="row1" style="text-align: center; padding: 4px; width: 1%;"][url=http://ajuda.forumeiros.com/privmsg?mode=post&u=51904][img]http://2img.net/i/fa/prosilver/icon_contact_pm.png[/img][/url][/td] [td class="row1" style="padding-left: 10px;"][b][url=http://ajuda.forumeiros.com/u51904][color=#cc66cc]#d0C[/color][/url][/b][/td] [/tr] [/table] [/td] [/tr] [/table]

CSS:

Código:: td.staff-rank img{float:right;vertical-align:middle}#alinhar_td_01,#alinhar_tr_01{margin:0;padding:0}#alinhar_td_02{margin:0;padding:0 0 0 25px}#update_staff_topic{background:url(http://i45.servimg.com/u/f45/12/05/75/97/th/i11.png) no-repeat 61% 15%;color:#FFF;font-family:sans-serif;font-weight:700;margin-top:-25px;padding:0 0 0 60%}.bg_staff{background:url(http://i58.servimg.com/u/f58/15/88/72/83/imagep10.png) repeat-x scroll center bottom #eff9fc;background-color:#EFF9FC;border:2px solid #6db5c7;box-shadow:0 2px 20px;margin:auto;padding-bottom:35px}#alinhar_td_01 img{width:200px!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}.admineiros{border:1px solid #F60!important}.linha_admin{border-bottom:1px solid #F60!important}.moderadeiros{border:1px solid #7bb92b!important}.linha_mod{border-bottom:1px solid #7bb92b!important}.ajudeiros{border:1px solid #c39300!important}.linha_help{border-bottom:1px solid #c39300!important}.artimeiros{border:1px solid #c6c!important}.linha_graph{border-bottom:1px solid #c6c!important}.publicideiros{border:1px solid #009FB9!important}.linha_pub{border-bottom:1px solid #009FB9!important} .zebraDois{background:#EBF3EB;color:#000}

Atenciosamente, Duel Mostrando a lingua

.

por Uatyla 13.06.14 20:35

~~Eu não entendi muito bem como edita não!~~

Conseguir hehe.

Como faço isso?

Como faço isso?

Re: Como faço isso?

Re: Como faço isso?