InícioMarcar cor da categoria por ícone
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Marcar cor da categoria por ícone
por iScroll 18.10.17 19:56
Detalhes da questão
Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: ModernBB
Descrição
Lembro de ter o código para PunBB, mas não resulta no ModerNBB (Pelo menos não encontrei de volta para testar).
Vamos lá, gostaria desse efeito: http://prntscr.com/gz2c4h para as imagens de recusado, resolvido e em curso do meu fórum, sendo as cores padrões daqui.
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Marcar cor da categoria por ícone
por iScroll 18.10.17 20:09
- Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
{
alert('MAIN');
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
{
alert('ALL');
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="forumbg announcement">
<ul class="topiclist topics bg_none">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</ul>
</div>
<div class="forumbg">
<ul class="topiclist topics bg_none">
<!-- END table_sticky -->
<li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="fa-topicrow row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
<div class="fa-topicrow-top" {topics_list_box.row.ICON}>
<div class="fa-entry-topicrow">
<h2 class="fa-topicrow-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
{topics_list_box.row.TOPIC_TITLE}
</a>
</h2>
<div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
<div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
<div class="fa-topicrow-pagination">
{topics_list_box.row.GOTO_PAGE_NEW}
<!-- BEGIN nav_tree -->
{topics_list_box.row.TOPIC_NAV_TREE_NEW}
<!-- END nav_tree -->
</div>
</div>
<div class="fa-topicrow-lastpost">
<span class="fa-topicrow-lastpost-avatar">
<!-- BEGIN avatar -->
<span>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
</span>
<span class="fa-topicrow-lastpost-time">
<i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
</span>
<span class="fa-topicrow-lastpost-user">
<i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
</span>
</div>
</div>
<div class="fa-topicrow-footer">
<div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
<div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
</div>
</li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
<div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Marcar cor da categoria por ícone
por Luiz 18.10.17 20:11
Troque-o por:
E me mande um fórum com tópicos em que seja possível visualizar os ícones. o/
- Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
{
alert('MAIN');
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
{
alert('ALL');
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="forumbg announcement">
<ul class="topiclist topics bg_none">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</ul>
</div>
<div class="forumbg">
<ul class="topiclist topics bg_none">
<!-- END table_sticky -->
<li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="fa-topicrow row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
<div class="fa-topicrow-top" data-message-icon="{topics_list_box.row.ICON}" {topics_list_box.row.ICON}>
<div class="fa-entry-topicrow">
<h2 class="fa-topicrow-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
{topics_list_box.row.TOPIC_TITLE}
</a>
</h2>
<div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
<div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
<div class="fa-topicrow-pagination">
{topics_list_box.row.GOTO_PAGE_NEW}
<!-- BEGIN nav_tree -->
{topics_list_box.row.TOPIC_NAV_TREE_NEW}
<!-- END nav_tree -->
</div>
</div>
<div class="fa-topicrow-lastpost">
<span class="fa-topicrow-lastpost-avatar">
<!-- BEGIN avatar -->
<span>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
</span>
<span class="fa-topicrow-lastpost-time">
<i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
</span>
<span class="fa-topicrow-lastpost-user">
<i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
</span>
</div>
</div>
<div class="fa-topicrow-footer">
<div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
<div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
</div>
</li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
<div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
E me mande um fórum com tópicos em que seja possível visualizar os ícones. o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Marcar cor da categoria por ícone
por iScroll 18.10.17 20:12
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Marcar cor da categoria por ícone
por Luiz 18.10.17 20:37
Crie um novo JS investido nos tópicos:
- Código:
(function ($) {
'use strict';
var icons = [
{ url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' },
{ url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' } // ...
];
$(function () {
$('.fa-topicrow-top').each(function () {
var $this = $(this);
if (!$this.attr('style')) {
return;
}
var $parent = $this.parent();
$.each(icons, function () {
var self = this;
var _icon = $this.attr('style').match(/url\((.+)\)/);
if (_icon.indexOf(self.url) === -1) {
return;
}
$parent
.css('background-image', 'none')
.css('background-color', self.background)
;
});
});
});
}(jQuery));
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
iScroll- Super Membro
- Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311 -
Re: Marcar cor da categoria por ícone
por Luiz 18.10.17 21:09
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Tópicos semelhantes» [Ícone] Categoria
» Alinhamento do ícone da categoria
» Icone e mensagem do fórum da categoria
» Icone Personalizado em Cada Categoria
» Editar posição do icone da categoria
» Alinhamento do ícone da categoria
» Icone e mensagem do fórum da categoria
» Icone Personalizado em Cada Categoria
» Editar posição do icone da categoria
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
