Css para paginação principal

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

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

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

Boas!

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

Abraços,
Sennior!

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

Olá querido!   

Hó sim! Que falta de atenção a minha.   
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!

Olá, ainda não mudou...   

Obrigado pela resposta...!!!

Boas!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores 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.

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

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


Olha como ficou, vlw: 

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!

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

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!

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

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!

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

Você poderia me passar o seu template index_box ?

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

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!