Como criar uma tabela da staff em HTML?

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

Resolvido Como criar uma tabela da staff em HTML?

Mensagem por Uatyla em 08/05/14, 12:44 pm


  • Descrição:

Olá senhores!

Como consigo fazer isso?


Fórum em que vi: http://aquapeixes.forumeiros.com/



  • Informações:




Fórum:http://vidadeaquarista.forumeiros.comVersão:PHPBB3
Tipo:Erros diversosTags:fazer,isso?



Última edição por uatyla em 08/05/14, 06:49 pm, editado 2 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb em 08/05/14, 12:54 pm

Olá,

Onde será exibida essa lista? Em uma página HTML? Ou algum local do fórum?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla em 08/05/14, 12:58 pm

Gostaria que fosse exibido em um widgent, no portal! http://vidadeaquarista.forumeiros.com/portal
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb em 08/05/14, 03:03 pm

Olá,

Crie um widget com este conteúdo:
Código:
<style type="text/css">.members-group .mp{text-align:center;max-width:30px;width:30px}.members-group .forumbg-table th{text-align:left}.members-group .forumbg{padding:5px;border-radius:5px}</style>
<div class="members-group">
<div class="forumbg forumbg-table">
    <div class="inner">
    <table class="table1" colspacing="2">
        <thead><tr><th colspan="8">Grupos do fórum</th></tr></thead>
        <tbody>
        <tr class="row3"><td colspan="8">Administrador</td></tr>
           
        <tr class="row1">
            <td class="mp"><a href="/privmsg?mode=post&amp;u=1"><img src="http://illiweb.com/fa/prosilver/icon_contact_pm.png" alt="Enviar uma mensagem privada" title="Enviar uma mensagem privada"></a></td>
            <td><a href="/u1"><span style="color:#BF3131"><strong>Admin</strong></span></a></td>
        </tr>
           
        <tr class="row3"><td colspan="8">Moderador</td></tr>
           
        <tr class="row1">
            <td class="mp"><a href="/privmsg?mode=post&amp;u=1"><img src="http://illiweb.com/fa/prosilver/icon_contact_pm.png" alt="Enviar uma mensagem privada" title="Enviar uma mensagem privada"></a></td>
            <td><a href="/u1"><span style="color:#BF3131"><strong>Admin</strong></span></a></td>
        </tr>
           
        </tbody>
    </table>
    </div>
</div>
</div>

Veja, esta parte
Código:
<tr class="row3"><td colspan="8">Administrador</td></tr>

Ela que define o título dos grupos...

Esta:
Código:
<tr class="row1">
            <td class="mp"><a href="/privmsg?mode=post&amp;u=1"><img src="http://illiweb.com/fa/prosilver/icon_contact_pm.png" alt="Enviar uma mensagem privada" title="Enviar uma mensagem privada"></a></td>
            <td><a href="/u1"><span style="color:#BF3131"><strong>Admin</strong></span></a></td>
        </tr>

Insere um novo usuário, ainda dentro deste código veja as seguintes partes:
Código:
<a href="/privmsg?mode=post&amp;u=1">
Código:
<a href="/u1">

Está vendo o /u1 no final de cada?

Isso define o usuário que será mostrado no widget, por exemplo
http://ajuda.forumeiros.com/u46945

Este é o seu perfil aqui no FdF, seu ID é 46945

Basta entrar no perfil do usuário e verificar o ID e trocar ali...

Caso tenha dúvidas, me avise...

Resultado:
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla em 08/05/14, 04:17 pm

Bom mais Falto Rank, Função, Membros do grupo.
ah outra coisa, as bordas ficou muito clara, em meu fórum como escurecer? To tentando achar aqui. hhe
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb em 08/05/14, 04:49 pm

Olá,

Não faltou amigo, apenas coloquei alguns atributos de exemplo para que você pudesse analisar... Se quiser adiciono para o senhor..

Sobre as bordas, poderia colocar o widget em funcionamento em seu fórum para que eu possa ver o que está ocorrendo?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla em 08/05/14, 05:13 pm

Ah! Eu quero sim, sim possível, e já tinha adicionado ao portal! http://vidadeaquarista.forumeiros.com/portal
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb em 08/05/14, 06:33 pm

Olá,

Sobre as bordas, eu retirei a class .inner veja se é isso que o senhor queria...

E aqui o código com as informações que pediu
Código:
<style type="text/css">
.members-group .forumbg-table th{
    text-align:left;
}
.members-group .forumbg{
    padding:5px;
    border-radius:5px;
}
.members-group img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 70px;
}
.members-group tr > td:nth-child(1){
    font-weight: bold;
}
</style>
<div class="members-group">
    <div class="forumbg forumbg-table">
        <table class="table1" colspacing="2">
            <thead><tr><th colspan="8">Grupos do fórum</th></tr></thead>
            <tbody>
            <tr class="row3"><td colspan="2">Administrador</td></tr>

            <tr class="row1">
                <td>Rank</td>
                <td><img src="http://s5.postimg.org/pxoz9yacj/001.gif"></td>
            </tr>

            <tr class="row1">
                <td>Função</td>
                <td>Administrar o fórum</td>
            </tr>
               
            <tr class="row3"><td colspan="2">Membros do grupo</td></tr>

            <tr class="row1">
                <td class="mp"><a href="/privmsg?mode=post&amp;u=1"><img src="http://illiweb.com/fa/prosilver/icon_contact_pm.png" alt="Enviar uma mensagem privada" title="Enviar uma mensagem privada"></a></td>
                <td><a href="/u1"><span style="color:#BF3131"><strong>Admin</strong></span></a></td>
            </tr>

            </tbody>
        </table>
    </div>
</div>

Para o rank não ficar muito grande, adicionei a seguinte regra CSS ao código:
Código:
max-height: 70px;

Caso não queira que ele seja redimensionado, remove ela, ou então altere seu valor...

Resultado:
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla em 08/05/14, 06:48 pm

Ótimo agora eu me viro sozinho! Muito obrigado.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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