Css para paginação principal Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Css para paginação principal

5 participantes

Ir para baixo

Tópico resolvido Css para paginação principal

Mensagem por aemdia6 19.03.14 0:47

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

Css para paginação principal Imagem

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 3:04, editado 1 vez(es)
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por :-EraGon-: 19.03.14 1:48

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

Css para paginação principal Imagem

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
:-EraGon-:
:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 19.03.14 2:36

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

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Sennior 19.03.14 3:59

Boas!

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

Abraços,
Sennior! Positivo
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

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 19.03.14 4:24

é 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:
Css para paginação principal ImagemObrigado gente... Muito feliz
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Sennior 19.03.14 4:27

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

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 19.03.14 4:30

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

Obrigado pela resposta...!!!
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Sennior 19.03.14 4:43

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

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 19.03.14 4:56

Olá, olha como ficou:
Css para paginação principal ImagemEu 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
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Alex Habilidade 19.03.14 23:41

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;
}
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 19.03.14 23:54

Olha como ficou, vlw: 
Css para paginação principal KIJH
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Alex Habilidade 20.03.14 3:10

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!
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 20.03.14 3:13

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

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Shek 20.03.14 19:04

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
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 20.03.14 19:18

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,...
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Shek 20.03.14 19:31

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
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 20.03.14 19:59

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

Css para paginação principal Sff
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Shek 20.03.14 20:18

Você poderia me passar o seu template index_box ?
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por aemdia6 20.03.14 20:19

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 -->
aemdia6
aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para paginação principal

Mensagem por Shek 20.03.14 20:34

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
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo


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