Personalizar versão mobile

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Outro
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Desde sempre
Endereço do fórum : http://forumpublicando.com/

Descrição do problema

Olá.

Gostaria de saber se há uma como personalizar um fórum Forumeiros assim como ocorre nestes exemplos:


https://i.imgur.com/Tbm4HFd.png


https://i.imgur.com/k3xqeq5.png

Estes são os fóruns de suporte inglês e espanhol, respectivamente.

Agradeço desde todos desde já.

Olá!

Esses fóruns de suporte usam uma página .JS pra isso acontecer. Utilize esse código Javascript com o Investimento nos tópicos:

Código:

$(function(){var perpage=15,p=document.getElementsByTagName('P'),l=window.location.pathname,current,last,tid=l.replace(/\/t(\d+).*/,'$1'),tname=l.replace(/(\/t\d+|\/t\d+p\d+)(-.*)/,'$2'),style=document.createElement('STYLE'),css='.pagi {height:auto;color:#FFF;position:static;margin:2px}.pagactif{color:#FF8;cursor:default}.scroller{position:absolute;width:18px;height:28px;cursor:pointer}.left.scroller{background:url(http://2img.net/i/fa/mobile/inner-left-arrow.png) no-repeat center #444;left:65px}.right.scroller{background:url(http://2img.net/i/fa/mobile/inner-right-arrow.png) no-repeat center #444;right:65px}',i,j;if(typeof _userdata.page_desktop==='undefined')return;style.type='text/css';if(style.styleSheet)style.styleSheet.cssText=css;else style.appendChild(document.createTextNode(css));document.getElementsByTagName('HEAD')[0].appendChild(style);for(i=0;i<p.length;i++){if(/mobile_title_content/.test(p[i].className)){current=Number(p[i].innerHTML.replace(/Page <strong>(\d+)<\/strong> of <strong>\d+<\/strong>/i,'$1'));last=Number(p[i].innerHTML.replace(/Page <strong>\d+<\/strong> of <strong>(\d+)<\/strong>/i,'$1'))}}if(last>=current){var b=document.getElementsByTagName('DIV'),title=document.createElement('DIV'),cen=document.createElement('DIV'),left=document.createElement('DIV'),right=document.createElement('DIV'),c=1,d=0;title.className='mobile_title',left.className='left scroller',right.className='right scroller',cen.className='mobile_title_content',cen.setAttribute('style','left:85px;right:85px;text-overflow:clip;line-height:26px;');for(j=0;j<b.length;j++)if(/mobile_title/.test(b[j].className)&&/\d+/.test(b[j].nextSibling.id))b[j].parentNode.insertBefore(title,b[j].nextSibling);title.appendChild(cen),title.appendChild(left),title.appendChild(right);left.onmousedown=function(){cen.scrollLeft-=100};right.onmousedown=function(){cen.scrollLeft+=100};while(d<2){if(d==0&&current>1)newPage('mobile_prev_button block','<p>First</p>','/t'+tid+tname,title);else if(d==1&&current!=last)newPage('mobile_next_button block','<p>Last</p>','/t'+tid+'p'+Number(perpage*last-perpage)+tname,title);d+=1}while(last+1>c){if(c==current)newPage('mobile_next_button block pagi pagactif',c,'javascript:void(0);',cen,'currentPage');else newPage('mobile_next_button block pagi',c,'/t'+tid+'p'+Number(perpage*c-perpage)+tname,cen);c+=1}cen.scrollLeft=document.getElementById('currentPage').offsetLeft}function newPage(classname,html,href,par,id){var page=document.createElement('A');page.className=classname,page.innerHTML=html,page.href=href,par.appendChild(page);if(id)page.id=id}});

No script o número de páginas varia, com um valor de quinze. Acesse Mensagens e e-mails > Configuração > Mensagens por página e se estiver definido 15 mensagens não precisa mudar. Mas se não for esse o valor, procure no código por perpage=15 e salve com o número estipulado no seu painel. Acesse um tópico usando o seu celular e veja se deu certo.

Espero ter ajudado.
Até mais.

Olá.

Agradeço sua ajuda, mas infelizmente seu código não resultou no efeito desejado. Todavia, consegui por meio externos suprir isso, por isso estarei dando a questão como resolvida.

Obrigado - o tópico já pode ser arquivado.