Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Categorias.

5 participantes

Katsugi Katsugi  • Sex 30 maio 2014 - 10:26

Categorias. Empty Categorias. Sex 30 maio 2014 - 10:26

Minha questão:
Gostaria de alterar a minha categoria, para uma parecida com a daqui do Best Skins, achei mt legal a daqui, gostaria de colocar a visualização dos tópicos e respostas desse mesmo jeito, além dessa fundo dessa cor com essas separações de cara de cada fórum, além da visualização do avatar da ultima pessoa que postou, assim como a cor dos sub-fóruns e fóruns exceto o titulo para a cor preta, pois o titulo dos fóruns gostaria de deixar da maneira que está.
Gostaria de mudar:https://i.imgur.com/o9yO3lJ.png
Gostaria de seu fórum:https://i.imgur.com/LgysKIC.png
Porém a largura gostaria a do meu fórum


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

B¹³ B¹³  • Sex 30 maio 2014 - 10:33

Categorias. Empty Re: Categorias. Sex 30 maio 2014 - 10:33

Tente este CSS:

Código:
.stats_number {
color: #BBB;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.stats_text {
margin-top: -7px;
color: #d1d1d1;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}



Me forneça sua index_box se não resultar.

Katsugi Katsugi  • Sex 30 maio 2014 - 10:39

Categorias. Empty Re: Categorias. Sex 30 maio 2014 - 10:39

Não resultou, aqui esta.
Código:
<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="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 id="dert_to">
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <br />
                                                    <span class="escritorio">{catrow.forumrow.FORUM_DESC}</span>
 <!-- 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="col_c_stats ipsType_small">
 <ul>
 <li><strong>{catrow.forumrow.TOPICS}</strong> topics</li>
 <li><strong>{catrow.forumrow.POSTS}</strong> replies</li>
 </ul>
 </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 -->

B¹³ B¹³  • Sex 30 maio 2014 - 11:06

Categorias. Empty Re: Categorias. Sex 30 maio 2014 - 11:06

Troque o template por este:

Código:
<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="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 id="dert_to">
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <br />
                                                    <span class="escritorio">{catrow.forumrow.FORUM_DESC}</span>
 <!-- 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="col_c_stats ipsType_small">
 <ul>
<td class="tc2" id="topicoshancki">{catrow.forumrow.TOPICS}</td>
<td class="tc3" id="mensagenshancki">{catrow.forumrow.POSTS}</td>
 </ul>
 </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 -->


Retire o outro CSS e adicione este:

Código:
#topicoshancki, #mensagenshancki {
color: #838b83;
cursor: pointer;
font-family: Open Sans,Helvetica,Tahoma;
font-size: 20px;
text-transform: uppercase;
transition-property: all;

transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
line-height: 18px;
}
#topicoshancki:after {
content: "\A TÓPICOS";
white-space: pre-wrap;
color: #838b83;
cursor: pointer;
font-family: Open Sans,Helvetica,Tahoma;
font-size: 10px;
text-transform: uppercase;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
#mensagenshancki:after {
content: "\A MENSAGENS";
white-space: pre-wrap;
color: #838b83;
cursor: pointer;
font-family: Open Sans,Helvetica,Tahoma;
font-size: 10px;
text-transform: uppercase;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}

Katsugi Katsugi  • Sex 30 maio 2014 - 11:17

Categorias. Empty Re: Categorias. Sex 30 maio 2014 - 11:17

Vlw podem fechar.

Cepheus Cepheus  • Sex 30 maio 2014 - 14:42

Categorias. Empty Re: Categorias. Sex 30 maio 2014 - 14:42

Reputação da mensagem: 100% (1 votos)
Se você quer deixar igual ao da bestskins, descarte todas as modificações e faça o seguinte:

troque o index_box por:
Código:
<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="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 id="dert_to">
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <br />
                                                    <span class="escritorio">{catrow.forumrow.FORUM_DESC}</span>
 <!-- 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">
 <span class="stats_number">{catrow.forumrow.TOPICS}</span><span class="stats_text">tópicos</span>
 
</td>
  <td class="tc3">
<span class="stats_number">{catrow.forumrow.POSTS}</span><span class="stats_text">respostas</span>
 </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 -->

no seu css procure por: .pun table.table
apague todas entras ligadas a isso.

Depois adcione no seu css:
Código:

.pun table.table{background:#fafafa;border:1px solid #eaeaea;border-collapse:separate}.pun table.table th{background:#fcfcfc;border-bottom:1px solid #EBEBEB}.pun table.table tr:nth-child(odd){background:#f7f7f7}.pun table.table tr:nth-child(even){background:#f2f2f2}.pun .main table td.tc2,.pun .main table td.tc3,.pun table.table td{background:transparent;border:0;border-bottom:1px solid #eaeaea;border-top:1px solid #fff;color:#777}.pun table.table td.tcl img[style="float:left"]{margin:3px 10px 0 0}.pun table.table tr:last-child td{border:0}td.tcl.tdtopics > strong{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#7ba60d;background-image:url(http://i.imgur.com/EHGpChd.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;cursor:default;font-size:9px;font-weight:700;height:16px;line-height:16px;padding:3px 5px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase}.stats_number{color:#BBB;display:block;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:700;overflow:hidden;position:relative;text-align:center}.stats_text{color:#d1d1d1;display:block;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;text-transform:uppercase}


resultado final>
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

AlfaSeduction AlfaSeduction  • Sex 30 maio 2014 - 15:23

Categorias. Empty Re: Categorias. Sex 30 maio 2014 - 15:23

ᵒᵏᵃᶥᵈᵃ™ escreveu:Se você quer deixar igual ao da bestskins, descarte todas as modificações e faça o seguinte:

troque o index_box por:
Código:
<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="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 id="dert_to">
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <br />
                                                    <span class="escritorio">{catrow.forumrow.FORUM_DESC}</span>
 <!-- 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">
 <span class="stats_number">{catrow.forumrow.TOPICS}</span><span class="stats_text">tópicos</span>
 
</td>
  <td class="tc3">
<span class="stats_number">{catrow.forumrow.POSTS}</span><span class="stats_text">respostas</span>
 </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 -->

no seu css procure por: .pun table.table
apague todas entras ligadas a isso.

Depois adcione no seu css:
Código:

.pun table.table{background:#fafafa;border:1px solid #eaeaea;border-collapse:separate}.pun table.table th{background:#fcfcfc;border-bottom:1px solid #EBEBEB}.pun table.table tr:nth-child(odd){background:#f7f7f7}.pun table.table tr:nth-child(even){background:#f2f2f2}.pun .main table td.tc2,.pun .main table td.tc3,.pun table.table td{background:transparent;border:0;border-bottom:1px solid #eaeaea;border-top:1px solid #fff;color:#777}.pun table.table td.tcl img[style="float:left"]{margin:3px 10px 0 0}.pun table.table tr:last-child td{border:0}td.tcl.tdtopics > strong{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#7ba60d;background-image:url(http://i.imgur.com/EHGpChd.png);background-position:0 -1px;background-repeat:repeat-x;border-radius:3px;color:#fff;cursor:default;font-size:9px;font-weight:700;height:16px;line-height:16px;padding:3px 5px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0;text-transform:uppercase}.stats_number{color:#BBB;display:block;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:700;overflow:hidden;position:relative;text-align:center}.stats_text{color:#d1d1d1;display:block;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;text-transform:uppercase}


resultado final>
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Posso fazer isso no meu fórum também?
Gostaria só dos tópicos e respostas igual do best Skin,
um do lado do outro... e não cima e abaixo.

Veja o meu fórum http://alfaseduction.ativoforum.com/

Cepheus Cepheus  • Sáb 31 maio 2014 - 13:41

Categorias. Empty Re: Categorias. Sáb 31 maio 2014 - 13:41

post o  index_box

DeeW. DeeW.  • Sáb 31 maio 2014 - 14:18

Categorias. Empty Crie um tópico para sua ajuda. Sáb 31 maio 2014 - 14:18

[sucesso=Tópico Resolvido; e Bloqueado]Crie um tópico para sua ajuda.[/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Categorias. Empty Re: Categorias.

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