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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
72 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 72 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


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

Personalizar widget "Últimos assuntos'

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

Rejeitado Personalizar widget "Últimos assuntos'

Mensagem por iScroll em Sab 26 Nov 2016 - 21:27

Detalhes da questão


Endereço do fórum: brasilplayultimate.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Olá Convidado, gostaria de fazer com que meu Widget dos últimos assuntos ficasse igual a este:

http://i.imgur.com/5u1phbw.png

Seria possível?

Fórum onde vi: http://brasilplayvicio.com.br/forum

iScroll
Nível 9

Masculino
Inscrito dia : 08/03/2015
Mensagens : 179
Pontos Ativos : 904

http://testealrpg.forumeiros.com

Rejeitado Re: Personalizar widget "Últimos assuntos'

Mensagem por while em Dom 27 Nov 2016 - 12:53

Olá autor, bom dia.

Crie um javascript com investimento no indice com esse código:

Código:
$(function() {
    $('head').append(
    '<style type="text/css">' +
    '.recentTopics .main-content {' +
    '  font-family: helvetica, arial, sans-serif !important;' +
    '  line-height: 15px;' +
    '  padding: 0;' +
    '}' +
    '.recentTopics ul {' +
    '  padding-left: 0 !important;' +
    '}' +
    '.mini_photo {' +
    '  margin-right: 5px;' +
    '}' +
    'li.recentPost {' +
    '  min-height: 50px;' +
    '  padding: 1em 1em 0.5em 1em;' +
    '  list-style-type: none;' +
    '  border-bottom: 1px solid #f3f3f3;' +
    '}' +
    '.recentPost a[href^="/t"] {' +
    '  font-size: 14px;' +
    '  text-decoration: none;' +
    '  font-weight: bold;' +
    '}' +
    '.recentInline {' +
    '  min-width: 30%;' +
    '  font-size: 12px;' +
    '  float: right;' +
    '}' +
    '.small_links {' +
    '  display: table;' +
    '  margin-top: 10px;' +
    '}' +
    '.local {' +
    '  font-size: 0;' +
    '}' +
    '.local a:after {' +
    '  content: " → ";' +
    '}' +
    '.local a:last-child:after {' +
    '  content: "";' +
    '}' +
    '.small_links, .small_links a {' +
    '  color: #a4a4a4 !important;' +
    '  font-size: 12px !important;' +
    '  text-decoration: none !important;' +
    '}' +
    '.creator_post:before {' +
    '  content: "Tópico iniciado por ";' +
    '}' +
    '.creator_post:after {' +
    '  content: ", Em: ";' +
    '}' +
    '.recentTopics {' +
    '  margin: 15px 0;' +
    '}' +
    '</style>'
    );
   
    var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
   
    jModuleRecentPosts
    .remove() // Clonando widget de últimos assuntos
    .prependTo('#wrapper') // Inserindo no main-content
    .addClass('recentTopics') // Adicionando nova classe
    .removeClass('module'); // Removendo classe existente
   
    $('.recentTopics').each(function() {
          $(this).html(
                  $(this).html()
                    .replace(/\»/g, '')
                    .replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
                    .replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
                    .replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
          ).find('li').wrapAll('<ul></ul>');
          $('a[href^="/u"]', this).each(function() {
              var jLinkUser = $(this).attr('href');
              $(this).before(
              '<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
              '    <img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="mini_photo" />' +
              '</a>'
              );
              var jImg = $(this).prev().find('img'),
                    jUser = sessionStorage.getItem(jLinkUser);
              if(jUser) {
                  jImg.attr('src', jUser);
              } else {
              $.ajax({
                      url: jLinkUser + "?change_version=punbb",
                      type: 'GET',
                      success: function(data) {
                        var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
                              jImg.attr('src', jImage);
                              sessionStorage.setItem(jLinkUser, jImage);
                      },
                      error: function(err)
                      {
                        alert("AJAX error in request (Last posts)");
                      }
              });
              }
          });
          $('a[href^="/t"]', this).each(function() {
              var jThis = $(this),
                    jLinkTpc = jThis.attr('href').split('#')[0];
              $.ajax({
                      url: jLinkTpc + "?change_version=punbb",
                      type: 'GET',
                      success: function(recent) {
                      var jCreator = '',
                            jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
                            jPaging = $('.paging', recent)[0];
                      jThis.parents('.recentPost').append(
                      '<div class="small_links">' +
                      '    <span class="creator_post">Carregando...</span>' +
                      '    <span class="local">' + jLocal + '</span>' +
                      '</div>'
                      ).find('a[href*="change_version"]').each(function() {
                        var jHref = $(this).attr('href').split('?')[0];
                        $(this).attr('href', jHref);
                      });
                      if(jPaging) {
                          jCreator = $('a:contains("1")', jPaging).attr('href');
                          jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
                                $(this).text($(this).text());
                          });
                      } else {
                          jCreator = $('.username:first', recent).text();
                          jThis.parents('.recentPost').find('.creator_post').text(jCreator);
                      }
                      },
                      error: function(err)
                      {
                        alert("AJAX error in request (Last posts)");
                      }
              });
          });
    });
    });

Lembrando que é obrigatório ter o widget últimos assuntos (tópicos recentes) ativo no seu fórum para funcionar.

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Rejeitado Re: Personalizar widget "Últimos assuntos'

Mensagem por iScroll em Dom 27 Nov 2016 - 14:16

Bom while, consegui com esse código que fiz apartir do seu:

Código:
$(function () {
    $('.module.main:contains("Últimos assuntos") .main-content').attr('style', 'height: 350px;overflow: scroll;overflow-x: hidden;');
});
$(function() {
    $('head').append(
    '<style type="text/css">' +
    '.recentTopics .main-content {' +
    '  font-family: helvetica, arial, sans-serif !important;' +
    '  line-height: 15px;' +
    '  padding: 0;' +
    '}' +
    '.recentTopics ul {' +
    '  padding-left: 0 !important;' +
    '}' +
    '.mini_photo {' +
    '  margin-right: 0px;' +
    '}' +
    'li.recentPost {' +
    '  min-height: 50px;' +
    '  padding: 1em 1em 0.5em 1em;' +
    '  list-style-type: none;' +
    '  border-bottom: 1px solid #f3f3f3;' +
    '}' +
    '.recentPost a[href^="/t"] {' +
    '  font-size: 14px;' +
    '  text-decoration: none;' +
    '  font-weight: bold;' +
    '}' +
    '.recentInline {' +
    '  min-width: 30%;' +
    '  font-size: 12px;' +
    '  float: right;' +
    '}' +
    '.small_links {' +
    '  display: table;' +
    '  margin-top: 10px;' +
    '}' +
    '.local {' +
    '  font-size: 0;' +
    '}' +
    '.local a:after {' +
    '  content: " → ";' +
    '}' +
    '.local a:last-child:after {' +
    '  content: "";' +
    '}' +
    '.small_links, .small_links a {' +
    '  color: #a4a4a4 !important;' +
    '  font-size: 12px !important;' +
    '  text-decoration: none !important;' +
    '}' +
    '.creator_post:before {' +
    '  content: "Tópico iniciado por ";' +
    '}' +
    '.creator_post:after {' +
    '  content: ", Em: ";' +
    '}' +
    '.recentTopics {' +
    '  margin: 15px 0;' +
    '}' +
    ' #right {' +
    ' position: relative;' +
    ' top: -429px;' +
'}' +
    '</style>'
    );
   
    var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
   
    jModuleRecentPosts
    .remove() // Clonando widget de últimos assuntos
    .prependTo('#wrapper') // Inserindo no main-content
    .addClass('recentTopics') // Adicionando nova classe
    .removeClass('module'); // Removendo classe existente
   
    $('.recentTopics').each(function() {
          $(this).html(
                  $(this).html()
                    .replace(/\»/g, '')
                    .replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
                    .replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
                    .replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
          ).find('li').wrapAll('<ul></ul>');
          $('a[href^="/u"]', this).each(function() {
              var jLinkUser = $(this).attr('href');
              $(this).before(
              '<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
              '    <img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="mini_photo" />' +
              '</a>'
              );
              var jImg = $(this).prev().find('img'),
                    jUser = sessionStorage.getItem(jLinkUser);
              if(jUser) {
                  jImg.attr('src', jUser);
              } else {
              $.ajax({
                      url: jLinkUser + "?change_version=punbb",
                      type: 'GET',
                      success: function(data) {
                        var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
                              jImg.attr('src', jImage);
                              sessionStorage.setItem(jLinkUser, jImage);
                      },
                      error: function(err)
                      {
                        alert("AJAX error in request (Last posts)");
                      }
              });
              }
          });
          $('a[href^="/t"]', this).each(function() {
              var jThis = $(this),
                    jLinkTpc = jThis.attr('href').split('#')[0];
              $.ajax({
                      url: jLinkTpc + "?change_version=punbb",
                      type: 'GET',
                      success: function(recent) {
                      var jCreator = '',
                            jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
                            jPaging = $('.paging', recent)[0];
                      jThis.parents('.recentPost').append(
                      '<div class="small_links">' +
                      '    <span class="creator_post">Carregando...</span>' +
                      '    <span class="local">' + jLocal + '</span>' +
                      '</div>'
                      ).find('a[href*="change_version"]').each(function() {
                        var jHref = $(this).attr('href').split('?')[0];
                        $(this).attr('href', jHref);
                      });
                      if(jPaging) {
                          jCreator = $('a:contains("1")', jPaging).attr('href');
                          jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
                                $(this).text($(this).text());
                          });
                      } else {
                          jCreator = $('.username:first', recent).text();
                          jThis.parents('.recentPost').find('.creator_post').text(jCreator);
                      }
                      },
                      error: function(err)
                      {
                        alert("AJAX error in request (Last posts)");
                      }
              });
          });
    });
    });

Mas ainda queria a paradinha de "Respotas" daquele fórum que mandei, seria possível?

E outra, quando passei do meu fórum de testes para o original só carregava o primeiro avatar:

http://i.imgur.com/z0q3Fzq.png


Última edição por iScroll em Dom 27 Nov 2016 - 16:10, editado 2 vez(es) (Razão : Problemas)

iScroll
Nível 9

Masculino
Inscrito dia : 08/03/2015
Mensagens : 179
Pontos Ativos : 904

http://testealrpg.forumeiros.com

Rejeitado Re: Personalizar widget "Últimos assuntos'

Mensagem por iScroll em Sab 3 Dez 2016 - 12:43

UP

iScroll
Nível 9

Masculino
Inscrito dia : 08/03/2015
Mensagens : 179
Pontos Ativos : 904

http://testealrpg.forumeiros.com

Rejeitado Re: Personalizar widget "Últimos assuntos'

Mensagem por Shek Crowley Ontem à(s) 13:35

ATENÇÃO:
O suporte à fóruns ilegais neste suporte é limitado, e por tanto, você precisa verificar o status do seu fórum perante aos nossos termos e condições: https://www.forumeiros.com/condicoes-gerais Agradecemos o seu respeito para com nossas CGUs.
Olá e bom dia!

Recomendo que veja este tutorial: http://ajuda.forumeiros.com/t56843-topic

Atenciosamente,
Shek King


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15082
Pontos Ativos : 22274

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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