Sobre a paginação

Detalhes da questão

Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: phpBB3

Descrição

Olá pessoal, estou com um problema. Na aba de 'minhas mensagens', quando acumula muitas mensagens, elas são naturalmente distribuídas em páginas...  página 1, página 2, etc.

Na imagem abaixo, pode-se ver isso:



A questão é que não existe nenhum botão para 'ir para a próxima página' ou 'voltar para a página anterior'.

Como posso resolver isso?

Olá @MarcosSchultz,
Não têm essa opção disponível, de ir para a próxima página ou recuar, porém têm a paginação, veja um exemplo:
https://ajuda.forumeiros.com/f35-questoes-resolvidas-sobre-a-aparencia-do-forum
Aparece o mesmo no seu fórum!?


Aguardo uma resposta sua,
pedxz.

Pedxz escreveu:Olá @MarcosSchultz,
Não têm essa opção disponível, de ir para a próxima página ou recuar, porém têm a paginação, veja um exemplo:
https://ajuda.forumeiros.com/f35-questoes-resolvidas-sobre-a-aparencia-do-forum
Aparece o mesmo no seu fórum!?


Aguardo uma resposta sua,
pedxz.

Não... no meu fórum, sequer tem paginação na aba de mensagens

Encontre na sua folha de estilo:

Código:

strong.pagination {
    display:none!important
}

e apague, resolverá!

Apaguei e não resolveu, então voltei como estava.

Tenho uns 6~7 comandos sobre a paginação só na CSS

Código:

#main-content > form:nth-child(6) > div.forabg > div > ul.topiclist.pmlist.bg_none > li > div > img {margin-left:1000px!important;margin-top:-18px!important;}
#main-content > form:nth-child(4) > div.forabg > div > ul.topiclist.pmlist.bg_none > li > div > img {margin-left:1000px!important;margin-top:-18px!important;}
.row .dterm[style] {
    background-position: 99% 55%;
}
dl.icon dd.dterm, dl.icon dt {
    padding-top: 0;
}
div.topic-title-container {
    width: 80%;
    display: block!important;
}
div.topic-title-container + br{
    display:none;
}
 
#hancki{display:none!important}
#hancki {
    background-image: url(https://i.imgur.com/EHGpChd.png);
    background-color: rgb(123, 166, 13);
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: repeat-x;
    background-position: 0 -1px;
    color: rgb(255, 255, 255);
}
 
strong.pagination {display:none !important;}
.pagination {
    float: none !important;
    left: -50% !important;
    position: relative !important;
}
a[href="javascript:showhide(document.getElementById('plus_menu'))"]{
    left: 2% !important;
    position: relative !important;
}
.paginati{
    left: +50% !important;
    position: relative !important;
}
/* Menu-------------------------------------------------*/
.navbar {
 
    clear: both;
    /*background-image: url("https://i.servimg.com/u/f75/16/15/60/55/barra_10.jpg");*/
    background-color: #03151A;
    padding:0px 10px;
}
ul.linklist li {
    list-style-type: none;
    width: auto;
    font-size: 1.0em;
    line-height: 2.2em;
    display: inline;
}
ul.linklist li a img {
    vertical-align: middle;
}
ul.navlinks {border-bottom:none!important;}
div#page-footer {
    background-image: url('');
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 23px;}
 
    ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('aqui');
        text-align: CENTER;
        padding: 24px 0;
    }
 
    li.row:hover {
        background: url(CheatsGo) 100% 100% repeat;
        background-position: right;
        background-repeat: no-repeat;
        background-color: #F0F9FF;}
 
        .codebox dt {
            display: block;
            padding: 2px;
            background-image: url('http://g.imagehost.org/0127/imagine_cod.png');
            background-repeat: no-repeat;
            background-position: top right;
            text-transform: uppercase;
            font-weight: bold;
        }
        .row .pagination {
            display: block;
            float: right;
            width: auto;
            margin-top: 0;
            font-size: 0.9em;
            background: url('http://g.imagehost.org/0404/multipage.gif') no-repeat 0 50%;; padding-left:15px; padding-right:0; padding-top:1px; padding-bottom:1px
        }
 
        #page-header #search-box {
            display: none;
        }
 
        .messaging-box textarea {
            border: 1px solid #c4c4c4;
            background-position: bottom right;
            background-repeat:no-repeat;
            background-attachment: scroll;
            background-image: url('http://i40.tinypic.com/9qgyg7.jpg');
        }
 
        li > a.mainmenu[href="/memberlist"] { display : none; }
        li > a.mainmenu[href="/calendar"] { display : none; }
        li > a.mainmenu[href="/groups"] { display : none; }
 
        a.copyright, a.icon-home {
            color: #ffffff;
        }
 
        #wrap {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border: 1px solid #000000;
        }
        p.rightside + p {
            display: none;
        }
 
        p.rightside {
            display: none;
        }


 
#stats {
    background: #F4F4F4;
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #333;
    border: 1px solid #DDD;
    border-bottom: none;
    margin-top: 8px;
    padding: 8px 10px;
}
#stats .h3 + p {
    float: right;
}
#stats .h3, .onlinelist br + strong + br, .onlinelist a + br + br +br + br, #i_whosonline {
    display: none;
}
#stats + .h3 {
    border: none;
    font-weight: normal;
    text-transform: none;
    position: relative;
    margin-top: -26px;
    text-align: right;
    right: 14px;
    top: 33px;
}
 
#stats + .h3 a {
    font-size: 13px;
}
.onlinelist {
    font-size: 12px;
    color: #333;
    background: #F4F4F4;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #DDD;
    border-top-style:  dashed;
    margin-top: 8px;
    padding: 8px 10px;
}
.onlinelist em {
    font-style: normal;
}
 
 
a.mainmenu[href="/faq"]{
    display: none !important;
}
 
 
/*Trocar @ por Moderadores*/
/* #chatbox > p span.user > span:after {
content: 'MOD ';
}
#chatbox > p span.user > span strong,
a.chat-title, #chatbox_header a.cattitle strong {
z-index: 999;
} */
 
 
.button, button.button2, input.button2, input[type="button"], input[type="reset"], input[type="submit"] {background-image: url();border: 1px solid #ddd;border-radius: 2px;color: #666;display: inline;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: 400;line-height: 17px;margin: 0;padding: 3px 7px;text-align: center;text-decoration: none;}
 
 
 
li > a.mainmenu[href="/memberlist"] {display: -webkit-inline-box!important;}/* faz o botão "MEMBROS" aparecer na barra do menu*/
 
.pagination span strong {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    border: solid 1px #DDD;
    border-radius: 3px;
    padding: 7px 10px;
    color: #000;
}
 
.pagination span a:link {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    border: solid 1px #DDD;
    border-radius: 6px;
    padding: 6px 10px;
    color: #000;
}
 
.pagination span a:link:hover, .pagination span strong:hover {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: solid 1px #DDD;
    border-radius: 45px;
    padding: 4px 15px;
    background: #424242 url('');
    color: #FFF;
    padding: 4px 15px;
}
strong.pagination a, .topic-paging a {
    text-align: center !important;
    margin-left: 250px !important
}
 
 
 
 
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
    background-image: url('https://i.imgur.com/UGqTZqe.png');
    background-repeat: repeat-x;
    background-position: 0 1px;
    font-size: 10px;
    padding: 2px 10px !important;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
 
 
 
.prettyprint ol.linenums li {
    min-width: 1900px;
}
pre.highlight.punbb_block {
    max-height: 100% !important;
}
 
#login_popup {
    font-size: 15px;
}
 
/* Posicionamento do botão Rank-------------------------------------------------*/
img#fraiseimg {
    float: right;
    margin-right:75px;
}
/* -------ver topicos n lidos, etc------------------------------------------*/
ul.linklist {
    display: none;
}
/* ---------------------RANKS----------------------------*/
.Administrador {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FF0000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Moderador {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #006400;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.ProgramadorMaster {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1C1C1C;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Designer {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FF1493;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Programador {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #0000FF;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.MembroAvancado {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #87CEFA;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Desenvolvedor {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #BEBEBE;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Instrutor {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FF4500;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Modelador {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #00CCFF;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Hermano {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #8400FF;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
/* ---------------------FIM DOS RANKS----------------------------*/
/* --------------------- ----------------------------*/
div.pagination {
    float: none!important;
    left: -10%!important;
    position: relative!important;
}
 
/*-------------------------------BOTAO DE POSTAR SCRIPTS----------------------*/
.sceditor-button {
    height:35px!important; /* altura dos botoes de postagem*/
}
.sceditor-button div {
    margin-top:10px!important;/* altura do espaçamento vertical dos botoes de postagem*/
}
.sceditor-button-code div {
    background-image:url('https://i.imgur.com/awN4rZ4.png') !important;
    background-position:0 !important;
    margin-left:4px!important;
    width:100%!important;
    height:100%!important;
    background-size:90%!important;/* tamanho da imagem do botao*/
    margin-top:0px!important;
}
.sceditor-button-code {
    width:50px!important;  /* largura do botao code*/
}
/* --------------------- ----------------------------*/
.onlinelist + form{
    margin-top:-80px;
}
.onlinelist strong + br + span{
    display:inline-block;
    width: 70%;
}
 
 
 
/*tirar o bug do backGround nos topicos recentes\/ \/ \/*/
#center td {
    background: none;
}
/*fim da parte que tira o bug*/
 


/*tirar o bug de mensagens sem quebra automática de linha\/ \/ \/*/
.content.clearfix div {
    word-wrap: break-word;
    margin-right: 12px;
}
/*fim da parte que tira o bug*/
 

 
/*tirar botao "hospedar uma imagem" da barra de negrito, italico, etc \/ \/ \/*/
a.sceditor-button.sceditor-button-servimg {
    display: none !important;
}
/*fim da parte de tirar botao*/
 
 
/* ChatBox */
 
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: local('Play'), local('Play-Regular'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
 
body[bgcolor] {
    background: #fff;
}
 
.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
    font-size: 0px;
}
 
.chatbox-options li a span#chatbox_option_co:before {
    content: "Para visualizar as mensagens clique em 'Conectar-se'.";
    text-align: center;
    margin-top: 125px;
    background: #FFFFFF!important;
    width: 100%;
    height: 80px;
    right: 0;
    position: absolute;
    z-index: 1;
    display: block;
    border-top: 1px solid #ebebeb;
    font-size: 14px!important;
    color: #000;
}
 
.chatbox-options li a span#chatbox_option_co:after {
    content: " Você está desconectado!";
    margin-top: 180px;
    background: #ccc!important;
    width: 100%;
    padding: 10px 0;
    right: 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    display: block;
    border-top: 1px solid #ebebeb;
    font-size: 20px!important;
    color: #000;
}
 
#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header {
    font-family: Play,Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
}
 
#chatbox .date-and-time {
    float: right;
    color: #cacaca;
    font-size: 11px;
}
 
#chatbox .date-and-time img {
    opacity: 0.5;
}
 
#chatbox .date-and-time img:hover {
    opacity: 1.0;
}
#chatbox_area {
    position: relative;
    width: 99%;
    margin: 0 auto;
    border-radius: 3px;
    border: 2px solid #202729;
    margin-top: 15px;
}
#chatbox_header {
    background: #202729;
    padding: 0;
    margin: 0;
    list-style: none;
    position: inherit;
    height: 40px;
    display: block;
}
 
#chatbox_header:after {
    content: "Divulgação, desrespeito, pornografia, spam, dentre outras atitudes impróprias resultarão em BAN!";
    background: #ebebeb;
    color: #111111;
    margin-top: 40px;
    display: block;
    padding: 10px;
    position: absolute;
    width: 100%;
}
 
.chatbox-title {
    font-size: 14px;
    color: #fff;
    padding: 10px 10px 0 10px;
}
 
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    font-weight: 300;
    text-decoration: none;
}
 
#chatbox_members, #chatbox {
    top: 80px;
}
 
.chatbox-options {
    background: rgba(0,0,0,0.5);
    opacity: 0.6;
    color: #fff;
    padding: 5px;
}
 
#chatbox_members {
    display: none;
}
 
#chatbox {
    left: 0;
}
 
.chatbox_row_1, .chatbox_row_2 {
    background-color: #fff;
    position: relative;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ebebeb;
    padding: 7px;
}
 
#chatbox > p {
    border-bottom: 1px solid #ebebeb!important;
}
 
body #chatbox .user strong {
    font-size: 0px;
    margin-left: 4px;
}
 
body #chatbox .user strong span {
    font-size: 12px;
    font-weight: 300;
}
 
body #chatbox .msg {
    display: block;
    line-height: 1.5em;
    margin-top: -7px!important;
    word-break: break-all;
}
 
#chatbox_footer .right-box:first-child {
    width: 100% !important;
    float: right;
}
 
.pun .main-content.chatbox {
    border: 0px solid #ebebeb;
}
 
#chatbox_footer .right-box:nth-child(2) {
    float: right;
    margin-top: -42px;
    z-index: 999;
}
 
#chatbox_messenger_form label[for="message"] {
    display: none;
}
 
input#message.post {
    border: none!important;
    height: 12px;
    margin-top: 2px;
    outline: none;
    padding: 7px 7px 8px!important;
    width: 47%!important;
    float: left;
    margin-left: 25px;
    background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}
 

 
input#message.post:focus {
    background: transparent!important;
}
 
#divcolor , .format-message + label {
    margin-top: 14px;
}
 
#help-button {
    position: absolute;
    margin-top: 5px;
}
.format-message {
    display: none!important;
}
 
.right-box  #submit_button {
    position: absolute;
    right: 0;
    margin-right: 10px;
}
 
.right-box #submit_button {
    height: 30px!important;
    background: #202729;
    color: #ffffff !important;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-transition: 0.1s all linear;
    -moz-transition: 0.1s all linear;
    -ms-transition: 0.1s all linear;
    -o-transition: 0.1s all linear;
    transition: 0.1s all linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    border-width: 0px!important;
}
 
#divsmilies {
    width: 24px!important;
    height: 24px!important;
    background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat!important;
    border: 0px!important;
    /* position:absolute; */
    margin-right: 80px;
    margin-top: 15px;
}
 
#divsmilies>img {
    display: none;
}
 
#divsmilies:hover:before {
    content: "Emoticons";
    background: #2a2a2a;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    padding: 0 8px;
    pointer-events: none;
    border-radius: 2px;
    position: absolute;
    margin-top: -30px;
    margin-left: -35px;
}
 
#chatbox_footer {
    height: auto !important;
    background-color: #fff!important;
    border-top: 0px dashed #ccc;
}
 
body #chatbox .cb-avatar {
    border-width: 0!important;
}
 
#chatbox .cb-avatar,  #chatbox .cb-avatar img {
    background: none repeat scroll 0 0 #fff!important;
    border: 0px solid #d5d5d5!important;
    border-width: 0!important;
    box-shadow: none!important;
    float: left;
    margin-right: 4px!important;
    padding: 1px!important;
    vertical-align: middle!important;
    border-radius: 60px;
    object-fit: cover;
}

Remove ambos:

Código:

strong.pagination {display:none !important;}
.pagination {
    float: none !important;
    left: -50% !important;
    position: relative !important;
}

E se não funcionar, seria muito útil alguma conta para checar mais a fundo isso em vosso fórum.
Esse problema é mais algo intuitivo, pois, se era uma função nativa e fora modificada, consequentemente, basta removermos o comando CSS que tornará a normalidade.

Resolvido

Troquei o -50% por +35% e tudo ficou OK

vlwww

Obrigado @MateusAnjosV

Tópico resolvido Movido para "Questões resolvidas".