Personalizar últimos assuntos

4 participantes

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

Tópico resolvido Personalizar últimos assuntos

Mensagem por Victor Monteiro 12.11.18 21:54

Detalhes da questão


Endereço do fórum: http://brasilperfectnew.forumeiros.com
Versão do fórum: phpBB3

Descrição


Personalizar últimos assuntos Ede10
O ultimos assuntos não esta alinhado corretamente, e tbm queria adicionar uma borda preta ao redor da caixa e no meio onde eu pintei.
Victor Monteiro

Victor Monteiro
****

Membro desde : 14/07/2018
Mensagens : 272
Pontos : 421

http://derby-family.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalizar últimos assuntos

Mensagem por tikky 14.11.18 13:27

Olá @Victor Monteiro,
No seguimento deste tópico: Questão Resolvida, mude o script dos últimos assuntos, em uso para:
Código:
$(function () {
    $('.module.main:contains("Últimos assuntos")').attr('style', 'height: 280px;overflow: scroll;overflow-x: hidden;');
});
$(function() {
 $('head').append(
 '<style type="text/css">' +
 '.recentTopics {' +
 '  font-family: helvetica, arial, sans-serif !important;' +
 '  line-height: 15px;' +
 '  padding: 0;' +
 '  border: 1px solid black;' +
 '}' +
  '.recentTopics div.h3 {' +
  'background-color: #750404;' +
  'color: white;' +
  'margin-bottom: -3px;'+
  'border-bottom: none;' +
  'border-radius: 3px 3px 0px 0px;' +
  'padding: 23px 18px;' +
 '}' +
  '.mod-recent-row .mod-recent-info {' +
  ' border-bottom: 0!important;'+
  ' margin: none!important;'+
  'padding: 0!important;'+
  '}'+
 '.recentTopics ul {' +
 '  padding-left: 0 !important;' +
 '}' +
 '.mini_photo {' +
 '  margin-right: 5px;' +
 '}' +
 'li.recentPost {' +
 '  background-color: #fafafa;'+
 '  min-height: 70px;' +
 '  padding: 1em 1em 0.5em 1em;' +
 '  list-style-type: none;' +
 '  border-bottom: 1px solid rgba(38, 49, 55, 0.08);' +
 '}' +
 '.recentPost a[href^="/t"] {' +
 '  font-size: 13.8px;' +
 '  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 ";' +
 '}' +
  'span.mod-recent-info {' +
 'clear: both;' +
 'display: block;' +
 'float: right;' +
 'line-height: 20px;' +
 'width: 30%;' +
 '}' +
 '.creator_post:after {' +
 '  content: ", Em: ";' +
 '}' +
 '.recentTopics {' +
 '  margin: 15px 0;' +
 '}' +
    ' #right {' +
    ' position: relative;' +
    ' top: -354px;' +
'}' +
    '</style>'
    );
 
    var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
 
    jModuleRecentPosts
    .remove() // Clonando widget de últimos assuntos
    .insertAfter('.pun-social') // 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" style="background: none!important">' +
          '    <img src="https://2img.net/u/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)
                  {
                    console.log("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)
                  {
                    console.log("AJAX error in request (Last posts)");
                  }
          });
      });
 });
});


Cordialmente,
pedxz.


Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Título alterado de 'Concerta pequenos bugs' para 'Personalizar últimos assuntos'.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar últimos assuntos

Mensagem por Victor Monteiro 14.11.18 23:26

ficou so um pouco desalinhado
Victor Monteiro

Victor Monteiro
****

Membro desde : 14/07/2018
Mensagens : 272
Pontos : 421

http://derby-family.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar últimos assuntos

Mensagem por Ketholy 16.11.18 10:05

Victor Monteiro escreveu:ficou so um pouco desalinhado

Olá @Victor Monteiro,

O senhor aplicou o código repassado pelo nosso colega Staff? Acabei de visualizar o mesmo e não vejo deformidade alguma, poderia citar o desalinhamento que o mesmo citou acima? De preferência com print.

Atenciosamente: ketholy
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar últimos assuntos

Mensagem por Victor Monteiro 16.11.18 13:05

parte superior lado direito
Victor Monteiro

Victor Monteiro
****

Membro desde : 14/07/2018
Mensagens : 272
Pontos : 421

http://derby-family.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar últimos assuntos

Mensagem por Ketholy 16.11.18 14:46

Victor Monteiro escreveu:parte superior lado direito

Olá, boa tarde.

Acabei de verificar o mesmo, não há deformidade no meu ponto de vista. Creio que seja seu navegador que esteja fazendo com que o senhor visualize de forma que apresente deformidade no citado.

Atenciosamente: Ketholy
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar últimos assuntos

Mensagem por RafaelS. 19.11.18 23:21

Tópico resolvido


Tópico marcado como resolvido pela equipe por abandono do autor.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos