Categorias

+3
Sennior
Hancki
Diogo Ferreira
7 participantes

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

Tópico resolvido Categorias

Mensagem por Diogo Ferreira 06.03.14 21:18

Qual é minha questão:
Olá.
Há algum tempo coloquei um estilo de categorias diferente das originais, estas: http://gyazo.com/d35b178978921b6bbbc93d5418c0c0d4

A verdade é que queria retirá-las para ter as orginais, tem como?


Endereço do meu fórum:
http://foradjogo.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 08.03.14 16:10, editado 1 vez(es)
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Categorias

Mensagem por Hancki 06.03.14 21:36

Olá!

Basta remover o CSS associado às mesmas! Ou então, dar-nos uma referência (um site ou assim) para termos como modelo e formularmos um novo CSS para ficar como antes.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 06.03.14 21:50

O problema é que não sei onde remover visto que ele teve vendo mais coisas. De qualquer das formas deixo os dados.

Tópico do problema/resolução: http://bestskins.forumeiros.com/t3459-estilo-categoria-igual-estilo-dos-widgets

Categorias originais do tema: https://i.imgur.com/vn0DbMw.png

Nota: As categorias estavam ao mesmo cinza de agora e não rosa.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Categorias

Mensagem por Sennior 07.03.14 5:16

Boa noite,

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:
#siteinfo, .main .main-content, .main .main-head, .pun .posthead, .title-overview {
background: #B803A2 url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x !important;
}

Obs:. Coloque o código acima no inicio de teu CSS.

Até mais!  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: Categorias

Mensagem por Diogo Ferreira 07.03.14 13:08

Amigo ficou igual mas rosa.
Eu queria retirar totalmente este estilo de categorias e colocar o original do fórum (imagem acima).
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Troubleshoot 07.03.14 13:35

Olá!
Pode me passar o seu template index_box? É mais fácil editar diretamente por ele  Muito feliz

Até!
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 07.03.14 14:00

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">
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                                                <td class="tc_icon">
                    <span class="status">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                                                </td>
                  <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                                                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {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}
                  </td>
                                          <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> respostas</td>

                        <!-- Column for Last Post -->
                  <td class="tcr">
                    <!-- Backup
                    <span>
                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                        {catrow.forumrow.USER_LAST_POST}
                    </span>
                    -->
                    <!-- BEGIN switch_topic_title -->
                    <a href="" class="ipsUserPhoto">
                                <img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image" class="ipsUserPhoto_mini">
                            </a>
                    <!-- END switch_topic_title -->
                    <ul class="last_post ipsType_small">
                        <li>
                          <!-- BEGIN switch_topic_title -->
                          <a title="{catrow.forumrow.LATEST_TOPIC_TITLE}" href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                          <!-- END switch_topic_title -->
                        </li>
                        <li class="desc lighter blend_links">{catrow.forumrow.USER_LAST_POST}</li>
                    </ul>               
                    </td>
                  </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 -->
<script type="text/javascript">
    //<![CDATA[
    var target = $('td.tcr').find('li.desc.lighter.blend_links');
    target.each(function(index){
        var UserURL = $(this).find('a.gensmall').attr('href');
        var Desc = $(this).parent().find('li a');
     
        if (Desc.text() == '') {
            Desc.text('Não há posts para visualizar');
        }
        if($.trim(UserURL) !== '') {
            var found = $(this).parent().parent().find('.ipsUserPhoto_mini');
            var caching_time = 24*60*60*1000;
            var caching_error = 60*1000;
         
            if(localStorage.getItem('avatar_date' + index) <+new Date-caching_time || localStorage.getItem('avatar_date' + index) <+new Date-caching_error) {
                $.get(UserURL, function(data){
                    var avtPrf = $('#profile_tabs p img', data).attr('src');
                    /*
                    if(avtPrf.length > 0) {
                        found.attr('src', avtPrf);
                    }*/
                    found.attr('src', avtPrf);
                    localStorage.setItem('avatar_img' + index, avtPrf);
                    localStorage.setItem('avatar_date' + index, +new Date);
                });
            } else {
                found.attr('src', localStorage.getItem('avatar_img'+ index));
            }
        };
    });
    //]]>
</script>
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Troubleshoot 07.03.14 14:16

Diogo Ferreira, desculpe o meu erro.slap Preciso da sua folha de estilo CSS


Envergonhado 
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 07.03.14 14:28

Mandei por PVT amigo, aqui não dava.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por ShiroK 07.03.14 16:03

Olá,

Provavelmente isso não foi modificado através do CSS, e sim através da página do template ''overal_header'' ou ''index_body'', pode me passar o código utilizado?

Atenciosamente,
ShiroK
ShiroK

ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 07.03.14 17:03

Foi através de CSS amigo.
http://pastebin.com/neems1Sq - Está aí.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por James [B]. 07.03.14 20:59

Olá Diogo !

Troque seu CSS por esse \/

http://pastebin.com/knDMFPhK
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 07.03.14 21:13

Ficou igual.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Categorias

Mensagem por Shek 07.03.14 23:11

Boa noite!

Encontre em seu CSS:
Código:
.main .main-head
Ao encontrar, substitua por este código:
Código:
.main .main-head {
background-image: url('http://2img.net/i/fa/empty.gif');
}
Em seguida, busque:
Código:
.main .main-head .page-title
E substitua por esse:
Código:
.main .main-head .page-title {
font-size: 12px;
font-weight: normal;
}
Procure por:
Código:
.main .main-content
E substitua por:
Código:
.main .main-content {
border: none;
}
Feito isso, procure por:
Código:
http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png
Apague o código todo correspondente a imagem que citei acima. Muito feliz Em seguida, busque por:
Código:
.pun .main-content {
border: 1px solid #dddddd;
background-color: #fbfbfb;
}
Feito isso, salve Muito feliz

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 08.03.14 12:24

Amigo, ficou assim: http://gyazo.com/bb25b9b511d58828ef84e67fa2d41ae8

No entanto eu queria as originais, que eram assim: http://gyazo.com/d92d0ae2ee93b54f738681e88834a5ee
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Categorias

Mensagem por Hancki 08.03.14 14:08

Olá!

Use este CSS:
Código:
#main-content .main .main-foot, .main .main-head {
  background-color: #1f537b !important;
  color: #dedfdf !important;
  font-weight: 400 !important;
  padding-top: 0.7em !important;
  padding-right: 1.3em !important;
  padding-bottom: 0.7em !important;
  padding-left: 1.3em !important;
}

#main-content .main .main-head, .main .main-foot {
  color: #ffffff !important;
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 11px !important;
  padding-left: 10px !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-width: 1px !important;
  border-right-width-value: 1px !important;
  border-bottom-width: 0px !important;
  border-left-width-value: 1px !important;
  border-top-style: solid !important;
  border-right-style-value: solid !important;
  border-bottom-style: solid !important;
  border-left-style-value: solid !important;
  margin-top: 15px !important;
  background-color: #2c5687 !important;
  background-image: url("http://i37.servimg.com/u/f37/16/31/78/37/bg_hea11.png") !important;
  background-repeat: repeat-x !important;
  background-attachment: scroll !important;
  background-position: center 45% !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset !important;
  border-top-color: rgba(0, 0, 0, 0.6) !important;
  border-right-color-value: rgba(0, 0, 0, 0.6) !important;
  border-bottom-color: rgba(0, 0, 0, 0.6) !important;
  border-left-color-value: rgba(0, 0, 0, 0.6) !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.pun .main-content {
  background-color: #fbfbfb !important;
  border-top-width: 1px !important;
  border-right-width-value: 1px !important;
  border-bottom-width: 1px !important;
  border-left-width-value: 1px !important;
  border-top-style: solid !important;
  border-right-style-value: solid !important;
  border-bottom-style: solid !important;
  border-left-style-value: solid !important;
  border-top-color: #dddddd !important;
  border-right-color-value: #dddddd !important;
  border-bottom-color: #dddddd !important;
  border-left-color-value: #dddddd !important;
  border-image-source: none !important;
  border-image-slice: 100% 100% 100% 100% !important;
  border-image-width: 1 1 1 1 !important;
  border-image-outset: 0 0 0 0 !important;
  border-image-repeat: stretch stretch !important;
}
.pun .main-content {
  background-color: #ebf0f3 !important;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  background-position: 0% 0% !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  padding-top: 9px !important;
  padding-right: 9px !important;
  padding-bottom: 9px !important;
  padding-left: 9px !important;
}
.pun .main-content {
  border-right-width-value: 1px !important;
  border-bottom-width: 1px !important;
  border-left-width-value: 1px !important;
  border-right-style-value: solid !important;
  border-bottom-style: solid !important;
  border-left-style-value: solid !important;
  border-right-color-value: #dbe4ef !important;
  border-bottom-color: #dbe4ef !important;
  border-left-color-value: #dbe4ef !important;
  border-image-source: none !important;
  border-image-slice: 100% 100% 100% 100% !important;
  border-image-width: 1 1 1 1 !important;
  border-image-outset: 0 0 0 0 !important;
  border-image-repeat: stretch stretch !important;
  border-top-width: 0px !important;
  border-top-style: none !important;
}
div.main tbody.statused td, div.main tbody.statused td.tc3 {
  background-color: white !important;
}
Resultado: http://prntscr.com/2yz666

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 08.03.14 14:19

Uma coisa, como mudo a cor do rosa?
E outra coisa nos widgets tem fundo azul, queria branco.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Categorias

Mensagem por Hancki 08.03.14 14:24

É mudar a imagem de fundo.
Vai ao código que dei acima, procura na linha 31 o link "https://i.servimg.com/u/f37/16/31/78/37/bg_hea11.png" e muda para o que quiseres.

Em relação aos widgets, usa mais este CSS:
Código:
div#right .module.main div.main-content {
background-image: none !important;
background-color: #fff !important;
}
Resultado: http://prntscr.com/2yzahy

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 08.03.14 14:50

Perfeito, só falta os do Portal amigo.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Categorias

Mensagem por Hancki 08.03.14 14:56

Código:
table.portal .module.main .main-content, .module.main .main-content {
background-image: none !important;
background-color: #fff !important;
}
Resultado: http://prntscr.com/2yzjxl
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias

Mensagem por Diogo Ferreira 08.03.14 16:08

Resolvido!
Muito obrigado.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

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