Adicionar ícones ao sub-fórum

+2
Strilk
DaviMorais
6 participantes

Ir para baixo

Tópico resolvido Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 15.01.21 18:55

Detalhes da questão


Endereço do fórum: http://testeforummm.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá  

Gostaria de alterar a font dos títulos das categorias

e por esses ícones do lado esquerdo dos subforuns: https://prnt.sc/wq45bb

Desde já agradeço e aguardo. Envergonhado
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 15.01.21 20:04

Pode começar me informando a versão do seu fórum?
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 15.01.21 21:15

Olá, ModernBB
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 15.01.21 21:44

Bom, me informe qual fonte você quer nos títulos e o fórum no qual você viu esses ícones que deseja
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 15.01.21 21:50

Olá, pode ser uma parecida com a do print


Última edição por DaviMorais em 15.01.21 22:56, editado 2 vez(es)
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 15.01.21 22:20

Vamos lá, adicione o seguinte código na sua folha de css para que possamos colocar os ícones no fórum:
Código:
.desc-icon {
   background-color: #107cc9;
   border-radius: 69px;
   box-sizing: border-box;
   color: #fff;
   float: left;
   font-size: 27px!important;
   height: 50px;
   margin-left: -15%;
   margin-top: -10%;
   padding: 12px 0;
   width: 50px;
   text-align: center;
}
para que os ícones fiquem alí, você vai precisar fazer o seguinte: Acesse seu painel de controle, logo após isso você vai em geral--> fórum, depois categorias e fóruns, logo após isso clique no tópico que deseja, desce um pouco e vai em descrição e adiciona: <em class="font awesome desc-icon" aria-hidden="true"> </em>

onde tá escrito font awesome, você modifica pro ícone que deseja, por exemplo: "fa fa-align-center" e não retire a parte desc-icon
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 15.01.21 22:37

Olá, ficou bugado Hmmm

https://prnt.sc/wre5jq
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 15.01.21 23:11

Entendo, me envie seu index_box por gentileza.
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 15.01.21 23:13

Código:
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                           {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>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <span>{L_TOPICS}</span></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <span>{L_POSTS}</span></dd>
                  <dd class="lastpost">
                     <!-- BEGIN ads -->
                     <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
                     </span>
                            <!-- END ads -->
                     
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <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>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
   var btn_collapse = $('<div></div>', {
      class: 'btn-collapse'
   });

   var btn_collapse_show = $('<i></i>', {
      class: 'ion-toggle-filled hidden',
      'data-tooltip': '{L_EXPEND_CAT}'
   }).appendTo(btn_collapse);

   var btn_collapse_hide = $('<i></i>', {
      class: 'ion-toggle',
      'data-tooltip': '{L_HIDE_CAT}'
   }).appendTo(btn_collapse);

   var collapsed = [];

   if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
      collapsed = readCookie('collapsed').split(',');
   }

   $(document).on('click', '.btn-collapse', function() {
      $(this).children('.ion-toggle-filled').toggleClass('hidden');
      $(this).children('.ion-toggle').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
         collapsed = readCookie('collapsed').split(',');
      }

      if (!$(this).parents('.forabg').hasClass('hidden')) {
         removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

         createCookie('collapsed', collapsed);
      } else {
         collapsed.push('' + $(this).parents('.forabg').data('cindex'));

         createCookie('collapsed', collapsed);
      }
   });

   $('.forabg').each(function(i) {
      $(this).data('cindex', '' + i);

      $(btn_collapse)
         .clone()
         .attr('id', 'forabg' + i)
         .appendTo($(this).find('.header'));

      if ($.inArray('' + i, collapsed) > -1) {
         $(this).toggleClass('hidden');
         $('#forabg' + i).children('.ion-toggle-filled').toggleClass('hidden');
         $('#forabg' + i).children('.ion-toggle').toggleClass('hidden');
      }
   });
});

function removeFromArray(item, array) {
   var i = array.indexOf(item);

   if (i > -1) {
      array = array.splice(i, 1);
   }
}

function createCookie(name, value, days) {
   var expires;

   if (days) {
      var date = new Date();
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
      expires = "; expires=" + date.toGMTString();
   } else {
      expires = "";
   }
   document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
   var nameEQ = encodeURIComponent(name) + "=";
   var ca = document.cookie.split(';');
   for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
   }
   return null;
}
//]]>
</script>
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 15.01.21 23:45

Boa noite, troque seu index_box por esse:
Código:
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon">
                  <dd class="dterm">
                     <div style="display: block;margin-left: 15%!important;">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                                                             <div class="topics"><span>{catrow.forumrow.TOPICS}</span> {L_TOPICS} e <span>{catrow.forumrow.POSTS}</span> {L_POSTS}</div>
                                                             <div class="forum-desc">{catrow.forumrow.FORUM_DESC}</div>
                     </div>
                  </dd>
                  <dd class="lastpost">
                     
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <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>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
   var btn_collapse = $('<div></div>', {
      class: 'btn-collapse'
   });

   var btn_collapse_show = $('<i></i>', {
      class: 'ion-android-add hidden',
      'data-tooltip': '{L_EXPEND_CAT}'
   }).appendTo(btn_collapse);

   var btn_collapse_hide = $('<i></i>', {
      class: 'ion-android-remove',
      'data-tooltip': '{L_HIDE_CAT}'
   }).appendTo(btn_collapse);

   var collapsed = [];

   if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
      collapsed = readCookie('collapsed').split(',');
   }

   $(document).on('click', '.btn-collapse', function() {
      $(this).children('.ion-android-add').toggleClass('hidden');
      $(this).children('.ion-android-remove').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
         collapsed = readCookie('collapsed').split(',');
      }

      if (!$(this).parents('.forabg').hasClass('hidden')) {
         removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

         createCookie('collapsed', collapsed);
      } else {
         collapsed.push('' + $(this).parents('.forabg').data('cindex'));

         createCookie('collapsed', collapsed);
      }
   });

   $('.forabg').each(function(i) {
      $(this).data('cindex', '' + i);

      $(btn_collapse)
         .clone()
         .attr('id', 'forabg' + i)
         .appendTo($(this).find('.header'));

      if ($.inArray('' + i, collapsed) > -1) {
         $(this).toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-add').toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-remove').toggleClass('hidden');
      }
   });
});

function removeFromArray(item, array) {
   var i = array.indexOf(item);

   if (i > -1) {
      array = array.splice(i, 1);
   }
}

function createCookie(name, value, days) {
   var expires;

   if (days) {
      var date = new Date();
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
      expires = "; expires=" + date.toGMTString();
   } else {
      expires = "";
   }
   document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
   var nameEQ = encodeURIComponent(name) + "=";
   var ca = document.cookie.split(';');
   for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
   }
   return null;
}
//]]>
</script>

e veja se surte efeito.
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 16.01.21 0:05

Olá, nada ainda...
https://prnt.sc/wrwqtk
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 16.01.21 0:17

Você tirou os desc-icon? Era pra ele estar aparecendo
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 16.01.21 0:24

Olá, botei novamente, ficou assim

https://prnt.sc/wrzzl2

não é bem assim que eu quero Pensativo
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 17.01.21 1:10

up 24h
Muito feliz
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 17.01.21 6:07

Teria problema que para que possamos alinhar o ícone e a mudança da fonte, houvesse uma mudança parcial em cima da sua folha de estilo css, se sim. Me envie ela.
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Roevs 18.01.21 5:15

Olá,

Vá até:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Gestão das Imagens :seta2: Modo Avançado :seta2: Ícones do Fórum

Preencha conforme no print abaixo
https://prnt.sc/x3kvc8

[Categoria] https://2img.net/i/fa/modernbb/forum_read_category.png
[Categoria - Novo] https://2img.net/i/fa/modernbb/forum_unread_category.png
[Categoria - Bloqueado] https://2img.net/i/fa/modernbb/forum_read_category_locked.png
[Fórum] https://2img.net/i/fa/modernbb/forum_read.png
[Fórum - Novo] https://2img.net/i/fa/modernbb/forum_unread.png
[Fórum - Bloqueado] https://2img.net/i/fa/modernbb/forum_read_locked.png
[Anúncios] https://2img.net/i/fa/modernbb/icon_ads.png

Até mais!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 18.01.21 22:04

Olá,
fiz isso e ainda não foi..

Hmmm
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 20.01.21 1:29

up 24h
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por Strilk 20.01.21 3:50

O senhor está usando o css/templates que lhe enviei? se sim, eles não mostram as imagens, pois houve modificações neles, peço que mude para os anteriores, e então o tutorial que o Roevs te enviou vai ser funcional.
Strilk
Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 20.01.21 4:01

Sim, botei e ficou mais bugado ainda

https://prnt.sc/x9d33t
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 21.01.21 14:44

up 24hs
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 22.01.21 15:22

up 24hs
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por while 22.01.21 19:43

Olá, boa tarde!
Esse tópico contém dois tipos de questões e que fazem parte de diferentes segmentos: Uma que se encaixa em aparência do fórum e outra que se encaixa em questões sobre painel de administração.

Mas vamos ao que importa, acredito eu que só falta a questão dos ícones.

Acesse:

Painel de controle -> Geral -> Fórum -> Categorias & Fóruns

Você vai ter ciência de todas as Categorias/Foruns que você possui em seu fórum, clique na engrenagem do "fórum" que você deseja adicionar a imagem, aparecerá assim:

Adicionar ícones ao sub-fórum Baixad10

Em endereço da imagem você coloca o link da imagem e clique em salvar.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 22.01.21 19:51

Olá, ficou assim
https://prnt.sc/xgshy4

consegue por mais para a esquerda?
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por tikky 23.01.21 15:25

Olá @DaviMorais,

DaviMorais escreveu:https://prnt.sc/xgshy4

consegue por mais para a esquerda?

Gostava muito de ajudar, mas não vejo isso no seu fórum Chorando ou muito tr


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 23.01.21 15:47

Ola, coloquei novamente
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por tikky 23.01.21 15:59

Adicione na sua folha de estilo o seguinte código:
Código:
.hierarchy + img {
    position: absolute;
    left: 15px;
    top: 15px;
}
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 23.01.21 18:04

Não existe alguma forma desses icones serem adicionados automaticamente, mudarem automaticamente?

Tipo como é aqui no FdF, quando aparece mensagem nova fica verde, quando a mensagem é visualizada muda e fica azul..


Pelo oque parece ele só não está funcionando nessa parte ai, quando abre ela os topicos de dentro funcionam normalmente, https://prnt.sc/xii79p
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por while 24.01.21 11:46

Olá novamente, um bom dia dessa vez!

Compreendi o que você pediu e seria da forma como o nosso querido amigo já respondeu aqui nesse tópico:

Roevs escreveu:Olá,

Vá até:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Gestão das Imagens :seta2: Modo Avançado :seta2: Ícones do Fórum

Preencha conforme no print abaixo
https://prnt.sc/x3kvc8

[Categoria] https://2img.net/i/fa/modernbb/forum_read_category.png
[Categoria - Novo] https://2img.net/i/fa/modernbb/forum_unread_category.png
[Categoria - Bloqueado] https://2img.net/i/fa/modernbb/forum_read_category_locked.png
[Fórum] https://2img.net/i/fa/modernbb/forum_read.png
[Fórum - Novo] https://2img.net/i/fa/modernbb/forum_unread.png
[Fórum - Bloqueado] https://2img.net/i/fa/modernbb/forum_read_locked.png
[Anúncios] https://2img.net/i/fa/modernbb/icon_ads.png

Até mais!

Porém, além de fazer o procedimento dele teremos que adicionar essa propriedade na sua folha de estilo CSS, de preferência no topo dela para anular os efeitos:

Código:
dl.icon {display:block!important;}

Veja se resulta.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por tikky 24.01.21 11:55

DaviMorais escreveu:Não existe alguma forma desses icones serem adicionados automaticamente, mudarem automaticamente?

Qualquer que seja a forma é necessário adicionar os ícones  Hmmm


Tipo como é aqui no FdF, quando aparece mensagem nova fica verde, quando a mensagem é visualizada muda e fica azul..

O senhor quer algo similar a esta questão resolvida? Se sim, vou precisar do template index_box


Pelo oque parece ele só não está funcionando nessa parte ai, quando abre ela os topicos de dentro funcionam normalmente, https://prnt.sc/xii79p

São detalhes que podem ser resolvidos, mas é necessário que o senhor seja mais concreto do que deseja! Imagens ou ícones font awesome (semelhante a este fórum de suporte)?!


Observação: Ao escrever este comentário o @While focou a solução das imagens, caso queira usar elas! Agradeço ao While Party
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por DaviMorais 24.01.21 16:33

Olá, while

while escreveu:Compreendi o que você pediu e seria da forma como o nosso querido amigo já respondeu aqui nesse tópico:

Roevs Olá,

Vá até:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Gestão das Imagens :seta2: Modo Avançado :seta2: Ícones do Fórum

Preencha conforme no print abaixo
https://prnt.sc/x3kvc8

[Categoria] https://2img.net/i/fa/modernbb/forum_read_category.png
[Categoria - Novo] https://2img.net/i/fa/modernbb/forum_unread_category.png
[Categoria - Bloqueado] https://2img.net/i/fa/modernbb/forum_read_category_locked.png
[Fórum] https://2img.net/i/fa/modernbb/forum_read.png
[Fórum - Novo] https://2img.net/i/fa/modernbb/forum_unread.png
[Fórum - Bloqueado] https://2img.net/i/fa/modernbb/forum_read_locked.png
[Anúncios] https://2img.net/i/fa/modernbb/icon_ads.png

Até mais!

Fiz isso e adicionei o codigo porém não resultou

pedxz escreveu:O senhor quer algo similar a esta questão resolvida? Se sim, vou precisar do template index_box

Sim, algo similar, porém com essas imagens que o Roevs mandou

index_box:

Código:
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="forabg">
        <ul class="topiclist">
            <li class="header">
              <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
              </dl>
            </li>
        </ul>
        <ul class="topiclist forums">
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
            <li class="row">
              <dl class="icon">
                  <dd class="dterm">
                    <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        {catrow.forumrow.FORUM_DESC}
 
                        <!-- BEGIN switch_moderators_links -->
                          {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>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <span>{L_TOPICS}</span></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <span>{L_POSTS}</span></dd>
                  <dd class="lastpost">
                    <!-- BEGIN ads -->
                    <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
                    </span>
                            <!-- END ads -->
                   
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
 
                    <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>
                  </dd>
              </dl>
            </li>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
            </ul>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
  var btn_collapse = $('<div></div>', {
      class: 'btn-collapse'
  });
 
  var btn_collapse_show = $('<i></i>', {
      class: 'ion-toggle-filled hidden',
      'data-tooltip': '{L_EXPEND_CAT}'
  }).appendTo(btn_collapse);
 
  var btn_collapse_hide = $('<i></i>', {
      class: 'ion-toggle',
      'data-tooltip': '{L_HIDE_CAT}'
  }).appendTo(btn_collapse);
 
  var collapsed = [];
 
  if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
      collapsed = readCookie('collapsed').split(',');
  }
 
  $(document).on('click', '.btn-collapse', function() {
      $(this).children('.ion-toggle-filled').toggleClass('hidden');
      $(this).children('.ion-toggle').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');
 
      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
        collapsed = readCookie('collapsed').split(',');
      }
 
      if (!$(this).parents('.forabg').hasClass('hidden')) {
        removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);
 
        createCookie('collapsed', collapsed);
      } else {
        collapsed.push('' + $(this).parents('.forabg').data('cindex'));
 
        createCookie('collapsed', collapsed);
      }
  });
 
  $('.forabg').each(function(i) {
      $(this).data('cindex', '' + i);
 
      $(btn_collapse)
        .clone()
        .attr('id', 'forabg' + i)
        .appendTo($(this).find('.header'));
 
      if ($.inArray('' + i, collapsed) > -1) {
        $(this).toggleClass('hidden');
        $('#forabg' + i).children('.ion-toggle-filled').toggleClass('hidden');
        $('#forabg' + i).children('.ion-toggle').toggleClass('hidden');
      }
  });
});
 
function removeFromArray(item, array) {
  var i = array.indexOf(item);
 
  if (i > -1) {
      array = array.splice(i, 1);
  }
}
 
function createCookie(name, value, days) {
  var expires;
 
  if (days) {
      var date = new Date();
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
      expires = "; expires=" + date.toGMTString();
  } else {
      expires = "";
  }
  document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}
 
function readCookie(name) {
  var nameEQ = encodeURIComponent(name) + "=";
  var ca = document.cookie.split(';');
  for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
  }
  return null;
}
//]]>
</script>
DaviMorais
DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícones ao sub-fórum

Mensagem por RafaelS. 31.01.21 12:44

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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