Criação de um BBCODE

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

Atendido / Resolvido Criação de um BBCODE

Mensagem por wolffenbuetell em 25.12.16 19:01

Detalhes da questão


Endereço do fórum: http://gamesvisionx.forumeiros.com/
Versão do fórum: PunBB

Descrição


Descrição:
Eu queria mais uma pequena ajudinha de vocês se possível, não sei se é a area correta. Mas vamos lá.

Eu fiz uma especie de postador eu adicionei os CSS e fui puxando via html e ficou assim:

Criação de um BBCODE JP468yp

Então ai tem essa parte ai que destaquei ela, gostaria de saber se tem como adicionar essa parte ai em bbcode, tipo ela em forums a bbcode é [shot]

o CODE html usado pra fazer esse coisa é

Código:
<dt class="dt"><a class="resized_img" rel="lightbox" href="{content}"><img src="LINK DA IMAGEM" class="attach" alt="Ampliar" width="100" height="71" /></a>

E o CSS é:

Código:
.dt,
.dt2 {
margin-top: 10px;
margin-left: 2px;
background-color: #d5dee5;
background-image: none;
font-size: 8pt;
font-weight: bold;
line-height: 32px;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
}
.dt,
.dd {clear: left; width: 99%;}
.dt2 {
width: 49.5%;
float:left;
display: inline;
}

Eu até tentei seguir uns tutoriais sobre adicionar nos BBCODES mas o maximo que consegui foi fazer ele reconhecer assim..

Criação de um BBCODE AXRtQPR

Anyway espero ter sido clara para que possam entender, e se possivel me ajudar, desde já agradeço e Feliz natal a todos.
wolffenbuetell

wolffenbuetell
Nível 2

Feminino
Inscrito dia : 27/10/2013
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://www.gamesvisionx.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por Daemon em 26.12.16 13:27

Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 26.12.16 19:46


Então Daemon foi esse tutorial que eu segui, só que como não sou muito experiente nisso eu acabei não entendendo ou entendendo errado, segundo o código lá, é fazer isso:

eu tentei pegar esse código ai tentei mudar onde tem <div> e deixei como abaixo...

Código:
shot: {
            close: true,
            replacement: '<dt class="dt"><a class="resized_img" rel="lightbox" href="{content}"><img src="{content}" class="attach" alt="Ampliar" width="100" height="71" /></a>',
            replace: function(content) {
                if (_userdata.session_logged_in < 1) {
                    return "Você precisa estar conectado para visualizar este conteúdo";
                    return content;
                }

Porém o resultado sai isso:

Criação de um BBCODE UZZbRMr

E tudo que eu faça sai essa parte ai que tem nada a ver com o código tentei achar esse target ai mas não tive sucesso.

" target="_blank" rel="nofollow">

Triste
wolffenbuetell

wolffenbuetell
Nível 2

Feminino
Inscrito dia : 27/10/2013
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://www.gamesvisionx.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 26.12.16 22:10

Acredito que tenha faltado fechar uma tag (o </dt>):

Código:
shot: {
  close: true,
  replacement: [
    '<dt class="dt">',
    '  <a class="resized_img" rel="lightbox" href="{content}">',
    '    <img src="{content}" class="attach" alt="Ampliar" width="100" height="71" />',
    '  </a>',
    '</dt>',
  ].join('\n'),
  replace: function(content) {
    if (_userdata.session_logged_in < 1) {
      return 'Você precisa estar conectado para visualizar este conteúdo';
    }
    return content;
  },
},

E justamente o exemplo que usou possui uma pequena falha (já corrigido acima).

---

@Daemon, depois dá uma checada lá no exemplo de tag de visitante. O return content; está dentro da condicional.
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 26.12.16 22:48

@Kyo Panda escreveu:Acredito que tenha faltado fechar uma tag (o </dt>):

Código:
shot: {
  close: true,
  replacement: [
    '<dt class="dt">',
    '  <a class="resized_img" rel="lightbox" href="{content}">',
    '    <img src="{content}" class="attach" alt="Ampliar" width="100" height="71" />',
    '  </a>',
    '</dt>',
  ].join('\n'),
  replace: function(content) {
    if (_userdata.session_logged_in < 1) {
      return 'Você precisa estar conectado para visualizar este conteúdo';
    }
    return content;
  },
},

E justamente o exemplo que usou possui uma pequena falha (já corrigido acima).

---

@Daemon, depois dá uma checada lá no exemplo de tag de visitante. O return content; está dentro da condicional.

Uau já deu uma bela mudada, olha como ficou:

Criação de um BBCODE 1cT2UaI

só não puxou a tag mas sumiu aquilo mas deixa eu falar, eu peguei o codigo de visitante como exemplo crendo que seria o mais proximo de estar correto pro modo que eu quero, mas se possivel tem como tirar a parte:

if (_userdata.session_logged_in < 1) {
return 'Você precisa estar conectado para visualizar este conteúdo'

Porque ela seria Inútil ao meu ver, e antes que eu me esqueça muito obrigada pela ajuda e por sua disposição em me ajudar.


Mas olha será que adicionei certo o código?

Criação de um BBCODE PUnbGOE

Pq no código do visitante que coloquei aqui só tirei até o primeiro } deixando os 2 ultimos } não sei se tu adicionou os 2 ultimos já, mas se deixo assim sem os dois ultimos }

Criação de um BBCODE R5aKBNt

Ai resulta nisso:

Criação de um BBCODE TZNbVqb

wolffenbuetell

wolffenbuetell
Nível 2

Feminino
Inscrito dia : 27/10/2013
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://www.gamesvisionx.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 27.12.16 10:22

Tente esse:

Código:
shot: {
  close: true,
  replacement: [
    '<dt class="dt">',
    '  <a class="resized_img" rel="lightbox" href="{CONTENT}">',
    '    <img src="{CONTENT}" class="attach" alt="Ampliar" width="100" height="71" />',
    '  </a>',
    '</dt>',
  ].join('\n'),
},

Feliz
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 27.12.16 19:33

@Kyo Panda escreveu:Tente esse:

Código:
shot: {
  close: true,
  replacement: [
    '<dt class="dt">',
    '  <a class="resized_img" rel="lightbox" href="{CONTENT}">',
    '    <img src="{CONTENT}" class="attach" alt="Ampliar" width="100" height="71" />',
    '  </a>',
    '</dt>',
  ].join('\n'),
},

Feliz

Obrigada por dar seu tempo por me ajudar Kyo, mas resultou na mesma coisa

Criação de um BBCODE GmkvJM8

Ai resulta no mesmo.
wolffenbuetell

wolffenbuetell
Nível 2

Feminino
Inscrito dia : 27/10/2013
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://www.gamesvisionx.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 27.12.16 23:08

Okay... Consegui dissecar o problema. Primeiro use esse:

Código:
shot: {
  close: true,
  replacement: [
    '<dt class="dt">',
    '  <a class="resized_img" rel="lightbox" href="{CONTENT}">',
    '    <img src="{CONTENT}" class="attach" alt="Ampliar" width="100" height="71" />',
    '  </a>',
    '</dt>',
  ].join('\n'),
  replace: function(content) {
    return content.replace(/\[shot\]([^\[]+)\[\/shot\]/g, 'http://$1');
  },
},

Após, quando for colocar o link da imagem, não coloque o http na URL:

Errado
Código:
[shot]http://example.com/image.png[/shot]

Correto
Código:
[shot]example.com/image.png[/shot]

Isso acontece porque o código do Forumeiros adiciona automaticamente o link quando inserimos o texto com http, e esse link quebra os BBCodes personalizados.

zen
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 27.12.16 23:38

@Kyo Panda escreveu:Okay... Consegui dissecar o problema. Primeiro use esse:

Código:
shot: {
  close: true,
  replacement: [
    '<dt class="dt">',
    '  <a class="resized_img" rel="lightbox" href="{CONTENT}">',
    '    <img src="{CONTENT}" class="attach" alt="Ampliar" width="100" height="71" />',
    '  </a>',
    '</dt>',
  ].join('\n'),
  replace: function(content) {
    return content.replace(/\[shot\]([^\[]+)\[\/shot\]/g, 'http://$1');
  },
},

Após, quando for colocar o link da imagem, não coloque o http na URL:

Errado
Código:
[shot]http://example.com/image.png[/shot]

Correto
Código:
[shot]example.com/image.png[/shot]

Isso acontece porque o código do Forumeiros adiciona automaticamente o link quando inserimos o texto com http, e esse link quebra os BBCodes personalizados.

zen

Criação de um BBCODE Wl7DyoA

Primeiro Tive uma idéia!

Muito obrigagda Kyo pelo seu tempo perdido comigo, desculpe qualquer inconveniente que eu possa ter causado. Tu é o melhor <3

wolffenbuetell

wolffenbuetell
Nível 2

Feminino
Inscrito dia : 27/10/2013
Mensagens : 13
Pontos Ativos : 25

Ver perfil do usuário http://www.gamesvisionx.com

Atendido / Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 28.12.16 10:14

^-^v

---

Criação de um BBCODE Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum