Edit ranking Hitskin_logo Hitskin.com

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

Edit ranking

3 participantes

Ir para baixo

Tópico resolvido Edit ranking

Mensagem por Gustavor 25.02.18 20:08

Detalhes da questão


Endereço do fórum: http://crf-nwd.forumeiros.com
Versão do fórum: phpBB2

Descrição


Olá, gostaria de saber se podem me ajudar no seguinte, preciso de 1 ranking, igual na imagem, que da pra editar sem programas, é só vc ir em editar ou modificar, que da pra editar, porque meu clã e de race (racing) ai os pilotos vao ter que postar eventos....


me ajudem ai


Print : Edit ranking Kakaka10
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por tikky 25.02.18 20:11

Olá,
Você pode fazer isso com uma tabela, e usar CSS para embelezar a tabela ficado assim igual ao print, por exemplo.

Padrão:
Código:
[table][tr][td]TEXT[/td][td]TEXT[/td][td]TEXT[/td][/tr]
[tr][td]TEXT[/td][td]TEXT[/td][td]TEXT[/td][/tr]
[tr][td]TEXT[/td][td]TEXT[/td][td]TEXT[/td][/tr]
[tr][td]TEXT[/td][td]TEXT[/td][td]TEXT[/td][/tr]
[tr][td]TEXT[/td][td]TEXT[/td][td]TEXT[/td][/tr]
[tr][td]TEXT[/td][td]TEXT[/td][td]TEXT[/td][/tr][/table]

Demo:
TEXTTEXTTEXT
TEXTTEXTTEXT
TEXTTEXTTEXT
TEXTTEXTTEXT
TEXTTEXTTEXT
TEXTTEXTTEXT


Obrigado,
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por Gustavor 25.02.18 21:04

Ok, mas como faço isso?
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por tikky 25.02.18 21:28

Adicione isto do seu CSS
Código:
.ranking {
    height: auto;
    width: auto;
    padding: 1.4em;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    margin: auto
    }
.ranking tr:first-child {
  font-weight: 700
    }
.ranking td {
  padding: 1em
    }

Código da tabela

Código:
[table class="ranking"]
[tr][td]Ranking [/td]
[/tr]

[tr][td] Clãs Registados[/td]
[td]Donos[/td]
[td]Fóruns[/td]
[/tr]

[tr][td]TEXT[/td]
[td]TEXT[/td]
[td]TEXT[/td]
[/tr]

[tr][td]TEXT[/td]
[td]TEXT[/td]
[td]TEXT[/td]
[/tr]

[tr][td]TEXT[/td]
[td]TEXT[/td]
[td]TEXT[/td]
[/tr]

[tr][td]TEXT[/td]
[td]TEXT[/td]
[td]TEXT[/td]
[/tr]

[tr][td]TEXT[/td]
[td]TEXT[/td]
[td]TEXT[/td]
[/tr]
[/table]
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por virus 25.02.18 21:29

Olá Gustavor.
É assim que a tabela funciona em um tópico
 Vale lembrar que // no código tem que ser removido que é apenas uma explicação básica e pode bugar o código .
Código:
[table  style="color:red;" ]  // Indica o incio da tabela

[tr] // Linha da tabela

[td]  
// Conteúdo da celula
[/td]


[/tr]  

[tr]
 [td] Conteudo 2[/td]
[/tr]

[/table]

Demo:
 
// Conteúdo da celula
Conteudo 2

Obs: Vai depender de cada fórum se há ou não restrição nos códigos.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por Gustavor 25.02.18 21:32

Mas eu n tenho a tabela! '-'
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por tikky 25.02.18 21:37

Você deve pegar da tabela citada em cima e postar em um tópico, após isso é só preencher as células com as informações.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por Gustavor 25.02.18 21:41

Ok, vou tentar, e aviso pra vcs
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por Gustavor 25.02.18 22:19

virus escreveu:Olá Gustavor.
É assim que a tabela funciona em um tópico
 Vale lembrar que // no código tem que ser removido que é apenas uma explicação básica e pode bugar o código .
Código:
[table  style="color:red;" ]  // Indica o incio da tabela

[tr] // Linha da tabela

[td]  
// Conteúdo da celula
[/td]


[/tr]  

[tr]
 [td] Conteudo 2[/td]
[/tr]

[/table]

Demo:
 
// Conteúdo da celula
Conteudo 2

Obs: Vai depender de cada fórum se há ou não restrição nos códigos.

Aonde eu coloco isso?
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por virus 25.02.18 22:30

Boa noite, Gustavor.
O código que foi dado tanto por mim quanto pelo usuário Pedxz são tabelas. E pode ser utilizado em tópicos como é linguagem bbcode.

Recomendo que leia este tópico para entender melhor sobre as tabelas personalizadas -> https://ajuda.forumeiros.com/t33005-tutorial-tabelas-em-bbcode
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por Gustavor 25.02.18 22:41

Consegui certo, mais não consigo separar, me ajuudem
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por virus 25.02.18 22:59

Muito feliz  Olá, novamente.
Aqui eu fiz uma tabela, se quiser posso personaliza-la para você também.

E só publicar em um tópico no seu fórum. Veja se e isto que você quer.
Código:
Ranking ~~

[table style="width: 500px;border: 7px inset gray;"]
   [tr]
      [td] Titulo 1[/td]
      [td] Título 2[/td]
      [td] Título 3[/td]
   [/tr]
   [tr]
       [td]CONTEUDO 1[/td]
       [td]CONTEUDO 2[/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]CONTEUDO 1[/td]
       [td]CONTEUDO 2[/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]CONTEUDO 1[/td]
       [td]CONTEUDO 2[/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]CONTEUDO 1[/td]
       [td]CONTEUDO 2[/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]CONTEUDO 1[/td]
       [td]CONTEUDO 2[/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]CONTEUDO 1[/td]
       [td]CONTEUDO 2[/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]CONTEUDO 1[/td]
       [td]CONTEUDO 2[/td]
       [td]CONTEUDO 3[/td]
   [/tr]
[/table]

Demo: 
Ranking ~~ 

Titulo 1Título 2Título 3
CONTEUDO 1CONTEUDO 2CONTEUDO 3
CONTEUDO 1CONTEUDO 2CONTEUDO 3
CONTEUDO 1CONTEUDO 2CONTEUDO 3
CONTEUDO 1CONTEUDO 2CONTEUDO 3
CONTEUDO 1CONTEUDO 2CONTEUDO 3
CONTEUDO 1CONTEUDO 2CONTEUDO 3
CONTEUDO 1CONTEUDO 2CONTEUDO 3
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por Gustavor 25.02.18 23:20

Gostei, vou mandar uma print, pra vc ver, de como eu gostaria que fosse
Edit ranking Agoras10
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por virus 25.02.18 23:44

Boa noite, aqui está o seu código.

Aceda isto a sua folha de estilo css 
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Adicione no final da sua folha css
Código:
table.ranking-table tr td {
    border: 1px solid #0000004f;
    padding: 2px;
}


Agora o código da tabela e essa e pode adicionar em seu tópico.
Código:
Ranking ~~

[table style="width: 500px;border: 7px inset gray;" class="ranking-table"]
   [tr]
      [td] RANKING FPS[/td]
      [td] NOME/NICK[/td]
      [td] NÚMERO DE EVENTOS[/td]
   [/tr]
   [tr]
       [td]1º Lugar[/td]
       [td][FPS]OConner[/td]
       [td]108[/td]
   [/tr]
   [tr]
       [td]2º Lugar[/td]
       [td][FPS]Raikkone[/td]
       [td]108[/td]
   [/tr]
   [tr]
       [td]3º Lugar[/td]
       [td][FPS]Royalle[/td]
       [td]40[/td]
   [/tr]
   [tr]
       [td]4º Lugar[/td]
       [td][FPS]Playback[/td]
       [td]20[/td]
   [/tr]
   [tr]
       [td]5º Lugar[/td]
       [td][FPS]LucasOld[/td]
       [td]1[/td]
   [/tr]
   [tr]
       [td]6º Lugar[/td]
       [td][FPS][R]andal._.[/td]
       [td]1[/td]
   [/tr]
   [tr]
       [td]7º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]8º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]9º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]10º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]11º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]12º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]13º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]14º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]15º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]16º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]17º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]18º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]19º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
   [tr]
       [td]20º Lugar[/td]
       [td][FPS][/td]
       [td]CONTEUDO 3[/td]
   [/tr]
[/table]

Espero ter ajudado e até mais!
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por Gustavor 25.02.18 23:53

Pois não, ajudo e muiito, valeuuuu ae, agr me ajuda no outro topico k
Gustavor
Gustavor
***

Membro desde : 24/09/2017
Mensagens : 128
Pontos : 204

http://fsr-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edit ranking

Mensagem por virus 25.02.18 23:58

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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