Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Sub Nick

2 participantes

[K]oke [K]oke  • Qua 7 Jan 2015 - 1:56

Sub Nick   Empty Sub Nick Qua 7 Jan 2015 - 1:56

[quadrado=Minha questão]
Olá, eu desejo um Sub Nick como na imagem que pode colorir outro fazer uma animação coloca o Sub nick em movimento.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



Endereço do meu fórum:
crazydesigner.forumeiros.com

Versão:
PunBB[/quadrado]

waghcwb waghcwb  • Qui 8 Jan 2015 - 18:34

Sub Nick   Empty Re: Sub Nick Qui 8 Jan 2015 - 18:34

Olá,

No seu fórum crie um novo campo para os perfis com o nome que desejar, lá ficara o texto que vai aparecer no usuário.

Preencha este campo em seu perfil e crie um novo tópico no seu fórum e nos envie o link. (Não esqueça de preencher os dados do seu perfil para que possamos realizar os testes).

Para o efeito de cor basta que use a tag BBCODE color;
Código:
[color=#cor]text[/color]

E para o texto passando basta usar marquee
Código:
<marquee>teste</marquee>

[K]oke [K]oke  • Qui 8 Jan 2015 - 18:50

Sub Nick   Empty Re: Sub Nick Qui 8 Jan 2015 - 18:50

Wagh, Aqui
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

waghcwb waghcwb  • Qui 8 Jan 2015 - 19:19

Sub Nick   Empty Re: Sub Nick Qui 8 Jan 2015 - 19:19

Você só esqueceu de criar o campo e preencher ele com alguma coisa amigo... Deixe ele visível nas mensagens assim não vamos precisar de AJAX

[K]oke [K]oke  • Qui 8 Jan 2015 - 19:24

Sub Nick   Empty Re: Sub Nick Qui 8 Jan 2015 - 19:24

Olá, eu deixei visivel para convidados

waghcwb waghcwb  • Sex 9 Jan 2015 - 7:35

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 7:35

Ok, antes de continuarmos, se atente a um detalhe em seu fórum.

Você está usando mais de um [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] para identificar um elemento em uma página, e quando se usa [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] você pode usar apenas uma na página, então é melhor que o senhor utilize .classes;

O [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] em especifico é o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] que existe provavelmente no seu template viewtopic body...

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Arruma esse probleminha ai para nós, assim não teremos problemas ao selecionar os elementos... Basta que troque de id="perf" para class="perf".

E aproveite para arrumar outro "bug" também, os [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] de seu fórum estão com 0 de altura e largura. O certo seria o senhor adicionar isso ao CSS

Código:
.perf { display:block }

Até mais..

[K]oke [K]oke  • Sex 9 Jan 2015 - 8:49

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 8:49

Alterei!
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

waghcwb waghcwb  • Sex 9 Jan 2015 - 10:20

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 10:20

Adicione este Javascript com investimento nos tópicos
Código:
$(function() {
   $('.user-info .perf:contains("Sub Nick:")').each(function() {
      $(this).prependTo('.user').text(function() {
         return $(this).text().split(': ')[1];
      });
   });
});

[K]oke [K]oke  • Sex 9 Jan 2015 - 11:20

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 11:20

Olá,
Está perfeito mais não funciona colori e nem fazer o movimento.
Teria como deixa meu nick em cima do avataR?

waghcwb waghcwb  • Sex 9 Jan 2015 - 11:29

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 11:29

Para o efeito do nick em cima do avatar poste uma nova dúvida, ok?

E pode fazer um teste para mim?
Onde você escreveu Crazy Designer troque para
Código:
[b][u]Crazy Designer[/u][/b]

[K]oke [K]oke  • Sex 9 Jan 2015 - 12:06

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 12:06

Não funcionou
deve ser algum erro no templage?

waghcwb waghcwb  • Sex 9 Jan 2015 - 15:20

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 15:20

Não, é algo que estou esquecendo... Poderia me fornecer acesso a uma conta de teste em seu fórum? Assim já mando a versão final do código..

[K]oke [K]oke  • Sex 9 Jan 2015 - 19:27

Sub Nick   Empty Re: Sub Nick Sex 9 Jan 2015 - 19:27

Entre TesteBS
TesteBSTesteBSTesteBS

waghcwb waghcwb  • Sáb 10 Jan 2015 - 15:10

Sub Nick   Empty Re: Sub Nick Sáb 10 Jan 2015 - 15:10

Parece que só moderadores tem permissão de modificar o campo, pode deixar para o usuário poder modificar também? Pelo menos temporariamente.

[K]oke [K]oke  • Sáb 10 Jan 2015 - 17:04

Sub Nick   Empty Re: Sub Nick Sáb 10 Jan 2015 - 17:04

Fiz as alteração!!!!!!

waghcwb waghcwb  • Seg 12 Jan 2015 - 7:50

Sub Nick   Empty Re: Sub Nick Seg 12 Jan 2015 - 7:50

Última modificação para resolvermos os pequenos bugs do código. Troque o campo no perfil do usuário para "Zona de texto", pois este campo aceita BBCODES...

[K]oke [K]oke  • Seg 12 Jan 2015 - 10:45

Sub Nick   Empty Re: Sub Nick Seg 12 Jan 2015 - 10:45

Fiz as alteração!!!!!!

waghcwb waghcwb  • Ter 13 Jan 2015 - 13:43

Sub Nick   Empty Re: Sub Nick Ter 13 Jan 2015 - 13:43

Certo, agora veja. Já temos o sistema quase funcionando:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Eu vou precisar que você desative o código atual.

[K]oke [K]oke  • Ter 13 Jan 2015 - 21:59

Sub Nick   Empty Re: Sub Nick Ter 13 Jan 2015 - 21:59

Perfeito, qual código está se referindo;

waghcwb waghcwb  • Qua 14 Jan 2015 - 11:08

Sub Nick   Empty Re: Sub Nick Qua 14 Jan 2015 - 11:08

O código que te passei por primeiro... Para conseguir o efeito lá.

[K]oke [K]oke  • Qua 14 Jan 2015 - 21:35

Sub Nick   Empty Re: Sub Nick Qua 14 Jan 2015 - 21:35

Retirei o código do perfil.

waghcwb waghcwb  • Qui 15 Jan 2015 - 8:15

Sub Nick   Empty Re: Sub Nick Qui 15 Jan 2015 - 8:15

Reputação da mensagem: 100% (1 votos)
Aqui está

Código:
$(function() {
  $('.user-info .perf:contains("Sub Nick:")').each(function() {

       var subnick = $(this).parents('.user');

      $(this).prependTo(subnick).html(function() {
        return $(this).html().split(': ')[1];
      });

  });
});

[K]oke [K]oke  • Qui 15 Jan 2015 - 8:37

Sub Nick   Empty Re: Sub Nick Qui 15 Jan 2015 - 8:37

Divino Muito Obrigado!

[K]oke [K]oke  • Qui 15 Jan 2015 - 8:38

Sub Nick   Empty Re: Sub Nick Qui 15 Jan 2015 - 8:38

Mais está sem movimento.

waghcwb waghcwb  • Qui 15 Jan 2015 - 14:45

Sub Nick   Empty Re: Sub Nick Qui 15 Jan 2015 - 14:45

Hmm, o movimento deveria ser feito com a tag marquee
Código:
[marquee]text[/marquee]

Mas ao que parece ela simplesmente não funciona mais na Forumeiros o.O

Posso fazer um BBCODE para o marquee, mas tenha certeza que isso vai diminuir a performance de seu site, deseja isso mesmo?

Conteúdo patrocinado  • 

Sub Nick   Empty Re: Sub Nick

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