Fórum e subfórum

[PrisoN†BreaK]

Detalhes da questão

Endereço do fórum: http://testadordetemas.forumeiro.com
Versão do fórum: phpBB2

Descrição

Quero mudar apenas essa parte que marquei de preto.

https://imgur.com/a/yKhUE

Meu index_box

Código:

<div class="pun-crumbs hide">
   <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="pocoyo">
      <div class="main-head" style=" margin-bottom: 5px; ">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
  <div class="main-content ">
   
         <table cellspacing="0" class="table">
   <thead class="hide">
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</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>
                                                  <div class="derechita">
                     <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}</div>
                     <!-- 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 col_c_stats ipsType_small"><ul><li><strong>{catrow.forumrow.TOPICS}</strong> topics</li><li class="texd"><strong>{catrow.forumrow.POSTS}</strong> posts</li></ul></td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <div class="retoret"><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>
                                                          </div>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
  </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 -->

[Kyo Panda]

Adicione ao seu CSS:

Código:

.pocoyo .main-content {
    padding: 0;
}

.pocoyo  .tcl {
    position: relative;
    padding-left: 80px !important;
}

.pocoyo .status {
    position: absolute;
    left: 40px;
    top: 50%;
    margin: 0 !important;
    transform: translate(-50%, -50%);
}

.pocoyo td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.derechita a.forumtitle {
    margin: 0;
    color: #2974b5;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

.derechita .desc,
.derechita .desc strong {
    line-height: 1.5em;
    font-weight: normal;
    font-size: 14px;
    color: #656f77;
    position: relative;
}

.pocoyo td {
    box-sizing: border-box;
}

.pocoyo .tc2 {
    display: none;
}

.pocoyo .tc3 {
    display: table-cell !important;
    width: 20% !important;
}

.pocoyo .tc3 li {
    display: none;
}

.pocoyo .tc3 .texd {
    display: block;
    color: #656f77;;
}

.pocoyo .tc3 .texd strong {
    display: block;
    font-size: 28px;
    line-height: 1.5em;
    font-weight: normal
}

.retoret,
.retoret a {
    font-family: Ubuntu, sans-serif !important;
    line-height: 1.5em;
    font-size: 14px;
}

.pun .pocoyo .tcr {
    padding-left: 80px !important;
    position: relative;
}

.lastpost-avatar {
    position: absolute;
    margin: 0;
    left: 40px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.lastpost-avatar img {
    margin: 0;
}

E remova as imagens das descrições dos fóruns.

---

Estamos criando um tema aqui?

[PrisoN†BreaK]

Pronto, retirei as imagens da fórum, e adicionei o CSS, e agora?

---------------
Não, não estamos criando um tema, apenas mudando a categoria, e o footer.

[PrisoN†BreaK]

UP

[PrisoN†BreaK]

UP

[Kyo Panda]

É só aplicar o CSS:

Código:

.pocoyo .main-content {
    padding: 0;
}
 
.pocoyo  .tcl {
    position: relative;
    padding-left: 80px !important;
}
 
.pocoyo .status {
    position: absolute;
    left: 40px;
    top: 50%;
    margin: 0 !important;
    transform: translate(-50%, -50%);
}
 
.pocoyo td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
 
.derechita a.forumtitle {
    margin: 0;
    color: #2974b5;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}
 
.derechita .desc,
.derechita .desc strong {
    line-height: 1.5em;
    font-weight: normal;
    font-size: 14px;
    color: #656f77;
    position: relative;
}
 
.pocoyo td {
    box-sizing: border-box;
}
 
.pocoyo .tc2 {
    display: none;
}
 
.pocoyo .tc3 {
    display: table-cell !important;
    width: 20% !important;
}
 
.pocoyo .tc3 li {
    display: none;
}
 
.pocoyo .tc3 .texd {
    display: block;
    color: #656f77;;
}
 
.pocoyo .tc3 .texd strong {
    display: block;
    font-size: 28px;
    line-height: 1.5em;
    font-weight: normal
}
 
.retoret,
.retoret a {
    font-family: Ubuntu, sans-serif !important;
    line-height: 1.5em;
    font-size: 14px;
}
 
.pun .pocoyo .tcr {
    padding-left: 80px !important;
    position: relative;
}
 
.lastpost-avatar {
    position: absolute;
    margin: 0;
    left: 40px;
    top: 50%;
    transform: translate(-50%, -50%);
}
 
.lastpost-avatar img {
    margin: 0;
}

.pocoyo .main-content {
    width: 100% !important;
    box-sizing: border-box;
}

#content-container div#main {
    overflow: visible;
}

[PrisoN†BreaK]

Certo, e agora?

[Kyo Panda]

Certo, e agora?

E agora o quê? Em tese deveria estar concluído.

[PrisoN†BreaK]

O que eu realmente quero, era a parecido, aquela parte azul, e outra branca, o efeito hover.

[PrisoN†BreaK]

UP

[Key of Destiny]

Olá, amigo.

Por favor, envie-me sua folha de estilo CSS. E de qual efeito hover está falando?

[PrisoN†BreaK]

Gostaria com a aparência dessa parte que marquei em preto; olhe: https://imgur.com/a/yKhUE

CSS: https://pastebin.com/bcAdTWte

[Key of Destiny]

Troque sua folha atual por essa: https://pastebin.com/1L1nvgvd.

[PrisoN†BreaK]

Sem resultado, e ainda bugo toda a estrutura do fórum.

[Key of Destiny]

Peço que coloque a folha de estilo CSS original novamente e adicione isso no começo dela:

Código:

.pocoyo table.table td.col_c_stats ul li {
display:none;
}
.pocoyo table.table td.col_c_stats ul li.texd {
display: inherit!important;
}
.pocoyo table.table td.col_c_stats ul li.texd strong {
font-size: 24px;
}
a.forumtitle {
color: #3d5080 !important;
font-family: Verdana !important;
font-size: 15px;
margin-left: 0px;
}
div.derechita {
margin-left:22px;
}

[PrisoN†BreaK]

Sem efeito, ficou com o mesmo bug.
@EDIT

As categorias já está como quero.

https://hastebin.com/kalazemisi.css

Pode fazer igual a desse fórum: http://samp.brasilplaystart.com.br/forum/

Se você pode perceber na categoria, tem uma parte mais clara, e outra um pouco mais escura, é possível fazer isso? E quando passa o mouse fica aquela parte azul.

[Kyo Panda]

CSS:

Código:

.pocoyo .main-content .table tr:nth-child(even) {
    background-color: #ecf3f7;
}

.pocoyo .main-content .table tr:hover {
    background-color: #d9efff;
}

[PrisoN†BreaK]

Sem efeito.

[PrisoN†BreaK]

UP

[Kyo Panda]

O CSS não parece estar aplicado. Isso sugere que o senhor não aplicou o CSS ou que o mesmo está quebrado em alguma parte, impossibilitando o código passado de funcionar.

[PrisoN†BreaK]

Olhe: https://hastebin.com/fukimenuja.php

Tá aplicado, coloquei em /*categoria*/

[Kyo Panda]

Troque por esse: https://hastebin.com/arunomucew.css

[PrisoN†BreaK]

Pra finalizar, tem como tira essa linhazinha que marquei em preto?

https://imgur.com/a/kXycD

E o Nome ''Não há posts para visualizar'' fico bugado. E o footer também bugo.

[Luiz]

Troque sua folha por essa:
-> https://hastebin.com/ebebevopim.php

[PrisoN†BreaK]

Ótimo, agora é só desbugar o nome q falei acima, e desbugar o footer

[Kyo Panda]

Para os posts, procure:

Código:

td.tcr span a:empty::before

E altere o conteúdo do content.

Para o rodapé:

Código:

td.tcr span a:empty::before

O mesmo que acima.

[PrisoN†BreaK]

Resolvido, muito obrigado.

[Luiz]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.