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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Perfil no topico
Hoje à(s) 14:12 por Appoloz

» [Pedido] Fundo para fórum (deixar branco)
Hoje à(s) 14:00 por Maori

» [Pedido] Banner para meu fórum (Azul)
Hoje à(s) 14:00 por Maori

» Retirar esta parte do topico
Hoje à(s) 13:42 por Luiz~

» Mudar layout e texto de confirmação captcha
Hoje à(s) 13:40 por Troubleshoot

» Detectar fonte do rank
Hoje à(s) 13:13 por Luiz~

» Personalizar Overall_Header
Hoje à(s) 12:47 por Luiz~

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
198 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 188 Visitantes :: 1 Motor de busca

AlexSweed, Appoloz, Comensal, Lincoln, Luiz~, Nemézio Félix, Troubleshoot, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 12: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 - 16: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 : 1203

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

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


Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1054
Pontos Ativos : 3390

http://bestskins.forumeiros.com/

Resolvido Re: Criação de um BBCODE

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

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

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

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

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em Ter 27 Dez 2016 - 20: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 : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em Qua 28 Dez 2016 - 7: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".

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5