"Categoria extra" bugada

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

Atendido / Resolvido "Categoria extra" bugada

Mensagem por APOllO em 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 : 1085
Pontos Ativos : 1505

http://suportedesign.forumeiros.com

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por Luiz em 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 : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por APOllO em 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 : 1085
Pontos Ativos : 1505

http://suportedesign.forumeiros.com

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por Luiz em 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 : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por APOllO em 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 : 1085
Pontos Ativos : 1505

http://suportedesign.forumeiros.com

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por Luiz em 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 : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por APOllO em 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 : 1085
Pontos Ativos : 1505

http://suportedesign.forumeiros.com
  • 0

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por Luiz em 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 : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: "Categoria extra" bugada

Mensagem por APOllO em 02.10.17 22:20

Perfeito amigo! apaixonado
Muito obrigado!
APOllO

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1085
Pontos Ativos : 1505

http://suportedesign.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