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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Personalizar Perfil de conquistas
Hoje à(s) 03:26 pm por iScroll

» Personalizar cabeçalho
Hoje à(s) 03:25 pm por iScroll

» Caixa de Login
Hoje à(s) 03:20 pm por iScroll

» Ícone do perfil do usuário sobre o avatar
Hoje à(s) 03:07 pm por Kyo Panda

» Formulário de postagem 2.0 não está postando
Hoje à(s) 02:27 pm por Bruninho._

» Descrições do subforum
Hoje à(s) 02:16 pm por Kyo Panda

» Retirar fundo do fórum
Hoje à(s) 02:08 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
309 usuários online :: 14 usuários cadastrados, 1 Invisível e 294 Visitantes :: 2 Motores de busca

-xGabriel.., GSCode, Hastad, Holkis, iPrompt, iScroll, Kyko, Kyo Panda, Luiz, mrvisible, SetRaiden, Solkis, William_iHarDz, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 25/12/16, 05:01 pm

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

wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Daemon em 26/12/16, 11:27 am

avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 26/12/16, 05:46 pm


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
avatar

wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 26/12/16, 08:10 pm

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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3852
Pontos Ativos : 5073

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 26/12/16, 08:48 pm

@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:



avatar

wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 27/12/16, 08:22 am

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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3852
Pontos Ativos : 5073

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 27/12/16, 05:33 pm

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

wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 27/12/16, 09:08 pm

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
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3852
Pontos Ativos : 5073

http://ajuda.forumeiros.com

Resolvido Re: Criação de um BBCODE

Mensagem por wolffenbuetell em 27/12/16, 09:38 pm

@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

avatar

wolffenbuetell
Nível 2

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

http://www.gamesvisionx.com

Resolvido Re: Criação de um BBCODE

Mensagem por Kyo Panda em 28/12/16, 08:14 am

^-^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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3852
Pontos Ativos : 5073

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