Css para paginação principal

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

Resolvido Css para paginação principal

Mensagem por aemdia6 em 18/03/14, 09:47 pm

Qual é minha questão:
Olá , gostaria de algum css para essa paginação aqui:



vlw galera...

Endereço do meu fórum:
http://xgamesaem.forumclan.com

Versão do fórum:
PHPBB3


Última edição por aemdia6 em 22/03/14, 12:04 am, editado 1 vez(es)
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por :-EraGon-: em 18/03/14, 10:48 pm

@aemdia6 escreveu:Qual é minha questão:
Olá , gostaria de algum css para essa paginação aqui:



vlw galera...

Endereço do meu fórum:
http://xgamesaem.forumclan.com

Versão do fórum:
PHPBB3

Olá amigo, primeiramente:

"Deverá informar qual código CSS quer para esta área do fórum
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 18/03/14, 11:36 pm

Olá , pode ser do mesmo jeito como na paginação abaixo do anuncio mostrado na imagem acima? Obrigado ...  Muito feliz
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Sennior em 19/03/14, 12:59 am

Boas!

Conceda-nos o link do fórum em que viu a função desejada.

Abraços,
Sennior! Positivo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 19/03/14, 01:24 am

é o meu fórum mesmo, eu queria o css da paginação abaixo do anuncio como mostra a imagem e colocar na paginação acima do anuncio entende..


http://xgamesaem.forumclan.com/

imagem:
Obrigado gente... Muito feliz
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Sennior em 19/03/14, 01:27 am

Olá querido!  Eu amo você 

Hó sim! Que falta de atenção a minha.  Envergonhado 
Aqui esta o código que deseja:

Código:
.pun-crumbs {
background-attachment: scroll;
background-clip: border-box;
background-color: #eff1f3;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #d9dbdd;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color-value: #d9dbdd;
border-left-style-value: solid;
border-left-width-value: 1px;
border-right-color-value: #d9dbdd;
border-right-style-value: solid;
border-right-width-value: 1px;
border-top-color: #d9dbdd;
border-top-style: solid;
border-top-width: 1px;
box-shadow: 0 0 3px rgba(109,119,237,0.2);
clear: both;
font-size: 11px;
margin: 0 1px 1em;
overflow-x: hidden;
overflow-y: hidden;
padding: .2em 1em;
}

É isto mesmo?

Abraços,
Sennior! Positivo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 19/03/14, 01:30 am

Olá, ainda não mudou...  Rindo 

Obrigado pela resposta...!!!
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Sennior em 19/03/14, 01:43 am

Boas!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
#main-content > div.pun-crumbs {
position: absolute !Important;
top: 232px !important;
height: 24px !important;
width: 1399px!important;
left: 81px!important;
border-top-left-radius: 17px !important;
border-top-right-radius: 17px !important;
}
#main-content > div.pun-crumbs > p > a {
position: relative !important;
top: -4px !important;
font-weight: 800 !important;
}
#breadcrumb {
display: none !Important;
}

Obs:. Coloque o código acima no Inicio de tua Folha de Estilo CSS.

Abraços. Positivo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 19/03/14, 01:56 am

Olá, olha como ficou:
Eu queria que a de cima do anuncio ficasse tbm, eu queria que as duas parecem igual entende...

vlw amigo pela resposta... Abraço... Muito feliz
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Alex Habilidade em 19/03/14, 08:41 pm

Olá boa noite,
1. Você quer o efeito de baixo também na parte de cima correto?
2. Primeiramente, vamos remover alguns códigos de seu CSS para que o efeito flui com mais facilidade. Peço que vá em sua folha CSS e remova o código abaixo:
Código:

.breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #484E58;
    font-size: 14px;
    font-weight: 300;
    padding: 8px;
}

Remova esse também:
Código:

.breadcrumb .navbit.lastnavbit span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    padding-left: 3px;
    padding-right: 10px;
}

Remova esse também:
Código:

.breadcrumb .lastnavbit > span, .breadcrumb .navbit > a {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    display: block;
    float: left;
    padding: 2px 4px;
}

Remova esse também:
Código:

.breadcrumb .lastnavbit span, .breadcrumb .navbit > a {
    border: 1px solid rgba(0, 0, 0, 0);
}

Agora, no topo de sua página CSS adicione este código:
Código:

.breadcrumb {
    border-bottom: 1px solid #D9DBDD;
    border-top: 1px solid #D9DBDD;
    box-shadow: 0 0 3px rgba(109, 119, 237, 0.2);
    clear: both;
    font-size: 11px;
    margin: 0 1px 1em;
    overflow: hidden;
    padding: 0.2em 1em !important;
}

.breadcrumb .lastnavbit > span, .breadcrumb .navbit > span a {
    background: url("http://i42.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px rgba(0, 0, 0, 0) !important;
    height: 10px !important;
    line-height: 30px;
    margin-left: -8px;
    padding: 10px 16px 10px 8px;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 19/03/14, 08:54 pm

Olha como ficou, vlw: 
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Alex Habilidade em 20/03/14, 12:10 am

Olá,

Amigo peço que deixe o código ativo em seu fórum, pois quando eu faço o teste ele não fica assim igual o seu print, mas quando você aplica ele fica, sendo assim, preciso que fique ativo para eu arrumar. Tentarei ser breve com a modificação, mais somente amanha pois estou de saída ok?

Boa noite ferinha fique com Deus!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 20/03/14, 12:13 am

Ok, então amanhã de manhã eu ativo ok o css, Muito obrigado amigo por responder ok.. Vlw...
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Shek em 20/03/14, 04:04 pm

Olá!

Acesse seu CSS e busque por:
Código:
.pun-crumbs
Ao encontrar, substitua todo o seu código por esse:
Código:
.pun-crumbs {
font-size: 11px;
margin: 0 1px 1em;
overflow-x: hidden;
overflow-y: hidden;
padding: .2em 1em;
}
Em seguida, adicione:
Código:
p.crumbs a:hover
background: #0085a8;
border: 1px solid transparent;
color: #fff;
}
Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 20/03/14, 04:18 pm

Olá amigo, na verdade eu queria deixar a paginação de cima do anuncio como a de baixo do anuncio entende, eu coloquei esse código mas ficou do mesmo jeito da de cima.. vlw amigo pela resposta,...
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Shek em 20/03/14, 04:31 pm

Acesse o seu CSS novamente, e encontre por:
Código:
.breadcrumb
Em seguida, substitua o seu código por esse:
Código:
.breadcrumb {
background-attachment: scroll;
background-clip: border-box;
background-color: #eff1f3;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #d9dbdd;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color-value: #d9dbdd;
border-left-style-value: solid;
border-left-width-value: 1px;
border-right-color-value: #d9dbdd;
border-right-style-value: solid;
border-right-width-value: 1px;
border-top-color: #d9dbdd;
border-top-style: solid;
border-top-width: 1px;
box-shadow: 0 0 3px rgba(109,119,237,0.2);
clear: both;
font-size: 11px;
margin: 0 1px 1em;
overflow-x: hidden;
overflow-y: hidden;
padding: .2em 1em;
}
Em seguida, adicione:
Código:
.breadcrumb .navbit.lastnavbit span a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png);
background-origin: padding-box;
background-position: 100% -1px;
background-repeat: no-repeat;
background-size: auto auto;
color: #555;
line-height: 30px;
margin-left: -8px;
padding: 10px 16px 10px 8px;
}
Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 20/03/14, 04:59 pm

Olá, era isso mesmo que eu queria, só falta arrumar agora olha:

avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Shek em 20/03/14, 05:18 pm

Você poderia me passar o seu template index_box ?


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Css para paginação principal

Mensagem por aemdia6 em 20/03/14, 05:19 pm

Sim, sim.. é esse aqui.. vlw..
Código:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2"></th>
                  <th class="tc3"></th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                                                  <div class="desc">
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div>
                                                  </td>
                  <td class="tc2"></td>
                                          <td class="tc3">Tópicos: {catrow.forumrow.TOPICS}<br />Posts: {catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para paginação principal

Mensagem por Shek em 20/03/14, 05:34 pm

Aquela imagem da casinha que tem no crumbs. Ela está no index_body? Eu consigo vê-la como uma imagem simples que há como copiar clicando no botão direito, mas não consigo achá-la no template que me passou.

O template overall_header e index_body são editados? Se sim, poderia me fornecê-los me enviando por mensagem privada?

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG 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