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
Login

Esqueci minha senha

Últimos assuntos
» Acelerar Carregamento Resposta Rápida
Hoje à(s) 18:31 por TZero

» Criar o menu de usuário no topo
Hoje à(s) 16:59 por iScroll

» Ant-Duble post arrumado
Hoje à(s) 15:29 por iScroll

» Centralizar ícones
Hoje à(s) 14:29 por Jhool

» Novo tópico sem Refresh
Hoje à(s) 14:25 por iScroll

» [Dica] Dica Para Nome Serv SAMP
Hoje à(s) 13:11 por mizuno600

» Parabéns Forumeiros
Hoje à(s) 13:07 por mizuno600

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
293 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 283 Visitantes :: 1 Motor de busca

Connor R., Eduardo30821, iScroll, Kyou, mizuno600, Sou, TZero, Yeshua

[ Ver toda a lista ]


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

Criação de um BBCODE

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

Resolvido Criação de um BBCODE

Mensagem por wolffenbuetell em Dom 25 Dez 2016 - 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:



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..



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

wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Daemon em Seg 26 Dez 2016 - 13:27


Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1072
Pontos Ativos : 3458

http://bestskins.forumeiros.com/

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em Seg 26 Dez 2016 - 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:



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
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em Seg 26 Dez 2016 - 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.


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:
Flecha ajudeiros Condições gerais de uso & equipe voluntária de suporte.
Flecha ajudeiros Lista de perguntas e respostas e Tutoriais e astúcias.
Flecha ajudeiros Sistema de busca do fórum.
Fóruns interessantes:
Flecha ajudeiros Ajuda e Suporte.
Flecha ajudeiros Serviços Extras.
Flecha ajudeiros Publicidade & SEO.
Flecha ajudeiros Sugestões e Melhoras.
Desenvolvedores:
Flecha ajudeiros Addons ou Plugins.
Flecha ajudeiros Desenvolvimento Beta.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2278
Pontos Ativos : 5199

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em Seg 26 Dez 2016 - 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:



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?



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 }



Ai resulta nisso:




wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em Ter 27 Dez 2016 - 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


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:
Flecha ajudeiros Condições gerais de uso & equipe voluntária de suporte.
Flecha ajudeiros Lista de perguntas e respostas e Tutoriais e astúcias.
Flecha ajudeiros Sistema de busca do fórum.
Fóruns interessantes:
Flecha ajudeiros Ajuda e Suporte.
Flecha ajudeiros Serviços Extras.
Flecha ajudeiros Publicidade & SEO.
Flecha ajudeiros Sugestões e Melhoras.
Desenvolvedores:
Flecha ajudeiros Addons ou Plugins.
Flecha ajudeiros Desenvolvimento Beta.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2278
Pontos Ativos : 5199

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em Ter 27 Dez 2016 - 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



Ai resulta no mesmo.

wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em Ter 27 Dez 2016 - 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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2278
Pontos Ativos : 5199

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em Ter 27 Dez 2016 - 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



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
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em Qua 28 Dez 2016 - 10:14

^-^v

---

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:
Flecha ajudeiros Condições gerais de uso & equipe voluntária de suporte.
Flecha ajudeiros Lista de perguntas e respostas e Tutoriais e astúcias.
Flecha ajudeiros Sistema de busca do fórum.
Fóruns interessantes:
Flecha ajudeiros Ajuda e Suporte.
Flecha ajudeiros Serviços Extras.
Flecha ajudeiros Publicidade & SEO.
Flecha ajudeiros Sugestões e Melhoras.
Desenvolvedores:
Flecha ajudeiros Addons ou Plugins.
Flecha ajudeiros Desenvolvimento Beta.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2278
Pontos Ativos : 5199

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