Como criar uma tabela da staff em HTML? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Como criar uma tabela da staff em HTML?

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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 : 2495
Pontos : 3546

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 : 2495
Pontos : 3546

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 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 : 2495
Pontos : 3546

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 : 2495
Pontos : 3546

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 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 : 2495
Pontos : 3546

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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