Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
201 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 194 Visitantes :: 2 Motores de busca

adamonofre, Br_SP_Rodrigo, Claudio Arthur, Kyo Panda, Lobs, Mythology, Neji

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Tabela em código

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

Resolvido Tabela em código

Mensagem por DionataBraga._. em Seg 16 Jan 2017 - 19:27

Detalhes da questão


Endereço do fórum: http://runners-nwd.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


Olá,
Eu gostaria de saber como é criado essa tabela :
Print:

OBS :
Tem um título
http://i.imgur.com/UAIXQM5.png

Se possível quero uma com modelo parecido, com as seguintes informações :

Título mudar para : Ranking's Runners in City

Em cor mudar para : NICK
Em Campo no painel de controle para : Eventos ganhos
Adicionar uma nova caixa ao lado de eventos ganhos com nome : Rank

Campos abaixo deles para adicionar sequencias de " nomes e numeros"


Desde já, obrigado !


Última edição por DionataBraga._. em Ter 17 Jan 2017 - 0:45, editado 1 vez(es)
avatar

DionataBraga._.
Nível 4

Masculino
Inscrito dia : 14/02/2015
Mensagens : 29
Pontos Ativos : 43

http://friendsnwd.forumclan.com/

Resolvido Re: Tabela em código

Mensagem por Luiz~ em Seg 16 Jan 2017 - 19:41

Olá, veja este tutorial à respeito de tabelas em BBCode.
A partir dele, você poderá montar à sua.
-> Tutorial - Tabelas em BBCode: http://ajuda.forumeiros.com/t33005-tutorial-tabelas-em-bbcode

---

Se precisar de ajuda para montar uma, pode dizer.

Até mais.
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

Resolvido Re: Tabela em código

Mensagem por DionataBraga._. em Seg 16 Jan 2017 - 19:51

Não é possível criarem uma editável nesse estilo que és a questão dos tópico?
avatar

DionataBraga._.
Nível 4

Masculino
Inscrito dia : 14/02/2015
Mensagens : 29
Pontos Ativos : 43

http://friendsnwd.forumclan.com/

Resolvido Re: Tabela em código

Mensagem por Luiz~ em Seg 16 Jan 2017 - 20:02

Olá.
Poderia nos dizer onde viu essa tabela?
(Link da página).

Até mais.


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

Resolvido Re: Tabela em código

Mensagem por DionataBraga._. em Seg 16 Jan 2017 - 20:04

avatar

DionataBraga._.
Nível 4

Masculino
Inscrito dia : 14/02/2015
Mensagens : 29
Pontos Ativos : 43

http://friendsnwd.forumclan.com/

Resolvido Re: Tabela em código

Mensagem por Luiz~ em Seg 16 Jan 2017 - 20:31

Você prefere sua tabela em: HTML ou BBCode?

Até mais. Feliz


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

Resolvido Re: Tabela em código

Mensagem por DionataBraga._. em Seg 16 Jan 2017 - 20:39

Bom, não sei qual diferença entre os, faça de sua preferência desde que haja resultado, até. Muito feliz
avatar

DionataBraga._.
Nível 4

Masculino
Inscrito dia : 14/02/2015
Mensagens : 29
Pontos Ativos : 43

http://friendsnwd.forumclan.com/

Resolvido Re: Tabela em código

Mensagem por Luiz~ em Seg 16 Jan 2017 - 21:06

Aqui está uma tabela:
Código:
[table border="1"][tr][td]TÍTULO PRINCIPAL[/td]
[/tr]
[tr][td]Nick[/td]
[td]Eventos Ganhos[/td]
[td]Rank[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[/table]

Você pode personalizar com CSS os campos que desejar, basta fazer, por exemplo:
[table style="propriedade:valor;"] ou [td style="propriedade:valor;"]
Lembre-se: O campo [tr] não pode ser personalizado!

Até mais. Feliz


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

Resolvido Re: Tabela em código

Mensagem por DionataBraga._. em Seg 16 Jan 2017 - 21:18

Não tem como deixar nessa estrutura da imagem abaixo não ?


Ficou muito estranho na minha opinião :


Tem algum modelo mais elegante tipo a imagem de exemplo?
Dionata escreveu:
avatar

DionataBraga._.
Nível 4

Masculino
Inscrito dia : 14/02/2015
Mensagens : 29
Pontos Ativos : 43

http://friendsnwd.forumclan.com/

Resolvido Re: Tabela em código

Mensagem por Luiz~ em Seg 16 Jan 2017 - 21:38

Tem sim.
Altere o código da tabela passado anteriormente por:
Código:
[table border="1" class="fa-table1"][tr][td colspan="3" style="text-align:center;"]TÍTULO PRINCIPAL[/td]
[/tr]
[tr][td]Nick[/td]
[td]Eventos Ganhos[/td]
[td]Rank[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[tr][td](( NICK ))[/td]
[td](( EVENTOS GANHOS ))[/td]
[td] (( RANK ))[/td]
[/tr]
[/table]

E adicione este código em sua Folha de Estilo CSS:
Código:
.fa-table1 tr:nth-child(2) {
    font-weight: bold;
    text-align: center;
    color: #39c;
}
.fa-table1 tr:first-child {
    text-align: center;
    background-color: #39c;
    color: #fff;
    font-weight: bold;
}
.fa-table1 tr:hover {
    background-color: #e6e6e6;
}
.fa-table1 {
    border-radius: 10px 10px 0px 0px;
    background-color: #F2F2F2!important;
    border-top-width: 2px!important;
    border: solid 1px #ddd;
    border-spacing: 0;
    overflow: hidden;
    padding: 0;
}
.fa-table1 td {
    padding: 5px;
    border: solid 1px #ddd!important;
    border-top: none!important;
}

Se você quiser mudar a cor azul, procure no código CSS pela cor #39C no seu CSS, e alterá-la para uma de seu agrado.

Assim está à seu agrado?
Até mais. Feliz


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

Resolvido Re: Tabela em código

Mensagem por DionataBraga._. em Seg 16 Jan 2017 - 22:31

Cara, está perfeito ! Muito feliz

Tem como aumentar o tamanho da tabela inteira?
Incluindo fonte e tudo, igualzin está... <3

Ficou muito pequeninho '-'

avatar

DionataBraga._.
Nível 4

Masculino
Inscrito dia : 14/02/2015
Mensagens : 29
Pontos Ativos : 43

http://friendsnwd.forumclan.com/

Resolvido Re: Tabela em código

Mensagem por Luiz~ em Seg 16 Jan 2017 - 23:33

Troque o código passado anteriormente por:
.fa-table1 tr:nth-child(2) {
font-weight: bold;
text-align: center;
color: #39c;
}
.fa-table1 tr:first-child {
text-align: center;
background-color: #39c;
color: #fff;
font-weight: bold;
}
.fa-table1 tr:hover {
background-color: #e6e6e6;
}
.fa-table1 {
border-radius: 10px 10px 0px 0px;
background-color: #F2F2F2!important;
border-top-width: 2px!important;
border: solid 1px #ddd;
border-spacing: 0;
overflow: hidden;
padding: 0;
font-size:12px;
}
.fa-table1 td {
padding: 5px;
border: solid 1px #ddd!important;
border-top: none!important;
}

Aumente os valores em vermelho à seu gosto.
O primeiro valor em vermelho, modifica o tamanho da fonte.
O segundo valor em vermelho, modifica o tamanho dos quadradinhos.


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

Resolvido Re: Tabela em código

Mensagem por DionataBraga._. em Seg 16 Jan 2017 - 23:57

Obrigado por tudo moço, esse tópico pode ficar em privado?
avatar

DionataBraga._.
Nível 4

Masculino
Inscrito dia : 14/02/2015
Mensagens : 29
Pontos Ativos : 43

http://friendsnwd.forumclan.com/

Resolvido Re: Tabela em código

Mensagem por Luiz~ em Ter 17 Jan 2017 - 0:15

Negativo. =p
Todos os tópicos deste fórum devem ficar aberto pois, no futuro, se, por ventura, alguém tiver uma mesma dúvida que a sua, ele puder encontrá-la, sem ter de criar um tópico novo.

Lamento. :/

No mais, a questão encontra-se resolvida?
Se sim, clique no botão resolvido ( Resolvido ), acima da primeira mensagem deste mesmo tópico.

Até mais.
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

Resolvido Re: Tabela em código

Mensagem por Kyo Panda em Ter 17 Jan 2017 - 23:46

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3334
Pontos Ativos : 4630

http://ajuda.forumeiros.com

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