Personalizar versão mobile

3 participantes

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

Tópico resolvido Personalizar versão mobile

Mensagem por viniliff 09.01.15 15:57

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:

Personalizar versão mobile Tbm4HFd
:seta2: https://i.imgur.com/Tbm4HFd.png

Personalizar versão mobile K3xqeq5
:seta2: 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á. Piscada
viniliff

viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar versão mobile

Mensagem por Consolado 10.01.15 12:15

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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar versão mobile

Mensagem por viniliff 10.01.15 16:58

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. Piscada
viniliff

viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar versão mobile

Mensagem por Sennior 11.01.15 15:24

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

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