Como criar uma tabela da staff em HTML?

2 participantes

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

Tópico resolvido Como criar uma tabela da staff em HTML?

Mensagem por Uatyla 08.05.14 16:44


  • 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 22:49, editado 2 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb 08.05.14 16:54

Olá,

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

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla 08.05.14 16:58

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

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb 08.05.14 19:03

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://2img.net/i/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://2img.net/i/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://2img.net/i/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
https://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:
Como criar uma tabela da staff em HTML? BAGmuup
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla 08.05.14 20:17

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
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb 08.05.14 20:49

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?
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla 08.05.14 21:13

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

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por waghcwb 08.05.14 22:33

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://2img.net/i/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:
Como criar uma tabela da staff em HTML? 991UyAz
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma tabela da staff em HTML?

Mensagem por Uatyla 08.05.14 22:48

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

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos