"Categoria extra" bugada

2 participantes

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

Tópico resolvido "Categoria extra" bugada

Mensagem por APOllO 01.10.17 16:49

Detalhes da questão


Endereço do fórum: http://ismaels.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!

Eu estava usando um js que adicionava uma categoria extra no meu fórum, só que quando passei pra versão MordenBB parece que ela parou de funcionar Triste

JS:
Código:
$(function() {
 
var sotw = {
    imagem: 'https://imgur.com/FWwD0cw.png',
    Tema: 'Esquadrão Suicida',
    Autor: 'APOllO'
};
 
$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
'  <h2><strong><em class="fa fa-star-half-o"> </em> Arte da semana</strong></h2>' +
' </div>' +
'</div>' +
'<div class="main-content" id="cepheus">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
'  <tr>' +
'    <th class="tcd"><strong>Tema:</strong> ' + sotw.Tema + '</th>' +
'    <th class="tcd"><strong>Autor:</strong> ' + sotw.Autor + '</th>' +
'  </tr>' +
' </thead>' +
' <tbody class="statused">' +
'  <tr>' +
'    <td class="row2" style="text-align: center;" colspan="2">' +
'      <img src="' + sotw.imagem + '" />' +
'    </td>' +
'  </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});


Config. feita pelo @Luiz:

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('.main-head').each(function () {
      var $this = $(this);
     
      if (!/Arte da semana/gi.test($this.text())) {
        return;
      }
 
      $this
        .parent()
          .appendTo('#container')
      ;
    });
  });
}(jQuery));


Última edição por APOllO em 02.10.17 22:21, editado 1 vez(es)
APOllO

APOllO
Membro do fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1104
Pontos ativos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por Luiz 01.10.17 21:07

Posso montar uma nova nesse estilo?
-> http://prntscr.com/gs1ag2

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por APOllO 01.10.17 21:40

Acho que nesse estilo fique melhor que o anterior Muito feliz
Pode sim amigo.
APOllO

APOllO
Membro do fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1104
Pontos ativos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por Luiz 02.10.17 16:15

Poderá desativar os dois JavaScripts anteriores e criar um novo investido no início:
Código:
(function ($, css) {
  'use strict';

  var config = {
    theme: 'Esquadrão Suicida',
    author: 'APOllO',
    imgSrc: 'https://imgur.com/FWwD0cw.png'
  };

  $(function () {
    var $template = $([
      '<div class="block">',
      '  <div class="h3">',
      '    <a href="/viewonline" rel="nofollow">',
      '      <i class="ion-star"></i> Arte da Semana',
      '    </a>',
      '  </div>',
      '  <div class="block-content">',
      '    <table class="block-table">',
      '      <tr>',
      '        <td>',
      '          <strong>Tema:</strong>',
      '          ' + $('<span>', { 'text': config.theme }).prop('outerHTML'),
      '        </td>',
      '        <td>',
      '          <strong>Autor:</strong>',
      '          ' + $('<span>', { 'text': config.author }).prop('outerHTML'),
      '        </td>',
      '      </tr>',
      '    </table>',
      '    <div class="block-image">',
      '      ' + $('<img />', { 'src': config.imgSrc }).prop('outerHTML'),
      '    </div>',
      '  </div>',
      '</div>'
    ].join('\n'));

    $template
      .insertBefore($('.block').get(0))
    ;

    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.block .block-content .block-table {',
  '  width: 100%;',
  '}',
  '',
  '.block .block-content .block-table tr > td:last-child {',
  '  text-align: right;',
  '}',
  '',
  '.block .block-content .block-image {',
  '  text-align: center;',
  '}'
]));

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por APOllO 02.10.17 22:03

wow, ficou muito bom. Muito feliz Teria como fazer uma alteração? Por "tema" e "autor" em baixo?
APOllO

APOllO
Membro do fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1104
Pontos ativos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por Luiz 02.10.17 22:09

Assim? Muito feliz
Código:
(function ($, css) {
  'use strict';
 
  var config = {
    theme: 'Esquadrão Suicida',
    author: 'APOllO',
    imgSrc: 'https://imgur.com/FWwD0cw.png'
  };
 
  $(function () {
    var $template = $([
      '<div class="block">',
      '  <div class="h3">',
      '    <a href="/viewonline" rel="nofollow">',
      '      <i class="ion-star"></i> Arte da Semana',
      '    </a>',
      '  </div>',
      '  <div class="block-content">',
      '    <div class="block-image">',
      '      ' + $('<img />', { 'src': config.imgSrc }).prop('outerHTML'),
      '    </div>',
      '    <table class="block-table">',
      '      <tr>',
      '        <td>',
      '          <strong>Tema:</strong>',
      '          ' + $('<span>', { 'text': config.theme }).prop('outerHTML'),
      '        </td>',
      '        <td>',
      '          <strong>Autor:</strong>',
      '          ' + $('<span>', { 'text': config.author }).prop('outerHTML'),
      '        </td>',
      '      </tr>',
      '    </table>',
      '  </div>',
      '</div>'
    ].join('\n'));
 
    $template
      .insertBefore($('.block').get(0))
    ;
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.block .block-content .block-table {',
  '  width: 100%;',
  '}',
  '',
  '.block .block-content .block-table tr > td:last-child {',
  '  text-align: right;',
  '}',
  '',
  '.block .block-content .block-image {',
  '  text-align: center;',
  '}'
]));
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por APOllO 02.10.17 22:15

Exato! Só mais uma coisinha, como nas estatísticas na parte: "Legenda: [ Moderadores ]" tem um fundo um pouco mais escuro, tem como por esse detalhe também?
APOllO

APOllO
Membro do fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1104
Pontos ativos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor
  • 0

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por Luiz 02.10.17 22:17

O seu desejo é uma ordem, sir:
Código:
(function ($, css) {
  'use strict';
 
  var config = {
    theme: 'Esquadrão Suicida',
    author: 'APOllO',
    imgSrc: 'https://imgur.com/FWwD0cw.png'
  };
 
  $(function () {
    var $template = $([
      '<div class="block">',
      '  <div class="h3">',
      '    <a href="/viewonline" rel="nofollow">',
      '      <i class="ion-star"></i> Arte da Semana',
      '    </a>',
      '  </div>',
      '  <div class="block-content">',
      '    <div class="block-image">',
      '      ' + $('<img />', { 'src': config.imgSrc }).prop('outerHTML'),
      '    </div>',
      '    <div class="block-footer">',
      '      <table class="block-table">',
      '        <tr>',
      '          <td>',
      '            <strong>Tema:</strong>',
      '            ' + $('<span>', { 'text': config.theme }).prop('outerHTML'),
      '          </td>',
      '          <td>',
      '            <strong>Autor:</strong>',
      '            ' + $('<span>', { 'text': config.author }).prop('outerHTML'),
      '          </td>',
      '        </tr>',
      '      </table>',
      '    </div>',
      '  </div>',
      '</div>'
    ].join('\n'));
 
    $template
      .insertBefore($('.block').get(0))
    ;
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.block .block-content .block-table {',
  '  width: 100%;',
  '}',
  '',
  '.block .block-content .block-table tr > td:last-child {',
  '  text-align: right;',
  '}',
  '',
  '.block .block-content .block-image {',
  '  text-align: center;',
  '}'
]));

Divertido
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: "Categoria extra" bugada

Mensagem por APOllO 02.10.17 22:20

Perfeito amigo! apaixonado
Muito obrigado!
APOllO

APOllO
Membro do fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1104
Pontos ativos : 1529

http://suportedesign.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


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