Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Verificação de IP de usuários
Hoje à(s) 2:53 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 2:40 por YouTube3

» Postagem com capa
Hoje à(s) 1:10 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 0:56 por Kyo Panda

» Neve a cair sobre o fórum
Hoje à(s) 0:54 por Kyo Panda

» Rádio no rodapé
Hoje à(s) 0:50 por Kyo Panda

» Widgets escondidos no fórum
Hoje à(s) 0:47 por Kyo Panda

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
67 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 64 Visitantes :: 1 Motor de busca

_teo_!, Shek Crowley, Skyter F. Karlaio

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Adicionar fundo em status do forum

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

Resolvido Adicionar fundo em status do forum

Mensagem por Luiz~ em Seg 5 Set 2016 - 2:13

Detalhes da questão


Endereço do fórum: rhc-forumteste.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olaaaá.

Gostaria de saber como definir um CSS específico para:
CATEGORIAS/FORUNS/BLOGS/TÓPICOS com novas mensagens;
CATEGORIAS/FORUNS/BLOGS/TÓPICOS sem novas mensagens;
CATEGORIAS/FORUNS/BLOGS/TÓPICOS bloqueados;

Pois quero fazer um CSS diferente para cada:

Tenho uma classe para elas:

Código:
.forabg .row, .forumbg .row { AQUI ENTRA O CSS}

Gostaria de algo tipo assim:

Código:
.forabg .row, .forumbg .row .NEW , etc

Perceberam o ".NEW"? Ele seria o que mudaria para cada tipo... no caso, o new representa as CATEGORIAS/FORUNS/BLOGS/TÓPICOS com novas mensagens.
Eu sei que tem algo assim, mas não sei como achar...


Última edição por luuuiiiz em Qui 8 Set 2016 - 2:54, editado 1 vez(es)

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 424
Pontos Ativos : 902

http://ajuda.forumeiros.com

Resolvido Re: Adicionar fundo em status do forum

Mensagem por Luiz~ em Ter 6 Set 2016 - 1:25

Up...  zen

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 424
Pontos Ativos : 902

http://ajuda.forumeiros.com

Resolvido Re: Adicionar fundo em status do forum

Mensagem por Luiz~ em Ter 6 Set 2016 - 14:35

Up...  ...

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 424
Pontos Ativos : 902

http://ajuda.forumeiros.com

Resolvido Re: Adicionar fundo em status do forum

Mensagem por ZombieW em Ter 6 Set 2016 - 19:44

Você quer alterar o CSS desses caras?


ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1232
Pontos Ativos : 4054

http://www.perfectteam.org

Resolvido Re: Adicionar fundo em status do forum

Mensagem por Luiz~ em Ter 6 Set 2016 - 22:54

Mais ou menos isso, entretanto, ao invés de alterar aí, alterar aqui:



Nas categorias sem novas mensagens, adicionar um CSS especifico..
Nas com novas, adicionar outro CSS específico..
Nas bloqueadas, outro.

Tendeu?  Envergonhado

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 424
Pontos Ativos : 902

http://ajuda.forumeiros.com

Resolvido Re: Adicionar fundo em status do forum

Mensagem por while em Qua 7 Set 2016 - 1:07

Olá autor , não sei se entendi, pois o título me retrata sobre outra coisa.
Mas sua mensagem acima me fez concluir que você deseja saber como trocar os icones de tópicos e do fórum certo?

Veja esse tópico para entender melhor passo a passo: http://ajuda.forumeiros.com/t20295-

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4157

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

Resolvido Re: Adicionar fundo em status do forum

Mensagem por Luiz~ em Qua 7 Set 2016 - 2:09

Não While...
É o seguinte, vou tentar explicar da forma mais clara o possível...

Onde tenho o ícone de categoria/fórum com NOVAS MENSAGENS, gostaria de adicionar um plano de fundo VERDE, pelo CSS, ATRÁS DO ÍCONE. 
Onde tenho o ícone de categoria/fórum BLOQUEADO, quero um plano de fundo cinza, adicionado pelo CSS, ATRÁS DO ÍCONE.
Onde tenho o ícone de categoria/fórum SEM bloqueio e sem novas mensagens, um plano de fundo cinza claro, adicionado pelo CSS, ATRÁS DO ÍCONE.

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 424
Pontos Ativos : 902

http://ajuda.forumeiros.com

Resolvido Re: Adicionar fundo em status do forum

Mensagem por while em Qua 7 Set 2016 - 3:33

Ta certo, troque seu template index_body por este:

Código:
<ul id="search-links" class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="right"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
  <div class="forum-category">
    <noscript>
      <div class="title">{catrow.tablehead.L_FORUM}</div>
      <div id="{catrow.tablehead.ID}">
    </noscript>
    <script type="text/javascript">(function() {
      var state = my_getcookie('fae_{catrow.tablehead.ID}') == 'hidden';
      document.write('<div class="title ' + ( state ? 'c_show' : 'c_hide') + '" onclick="fae_toggle_category(this);">{catrow.tablehead.L_FORUM}</div><div id="{catrow.tablehead.ID}" ' + (state ? 'style="display:none;"' : '') + '>');
    }());</script>
   <!-- END tablehead -->

     <!-- BEGIN forumrow -->
    <div class="forum-block color-primary">
      <div class="forum-block-inner">
        <div class="forum-status" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="background-image:url('{catrow.forumrow.FORUM_FOLDER_IMG}');">
        </div>

        <div class="forum-info">

          <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>

        <div class="forum-stats">

          <div class="topics">
            <span class="number">{catrow.forumrow.TOPICS}</span><br/>
            <small>{L_TOPICS}</small>
          </div>

          <div class="posts">
            <span class="number">{catrow.forumrow.POSTS}</span><br/>
            <small>{L_POSTS}</small>
          </div>

        </div>

        <div class="forum-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>

        </div>

        <div class="clear"></div>
      </div>
    </div>
     <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
    <div class="clear"></div>
    </div>
  </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul id="stat-links" class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="right"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Salva e publica o template.

Deixa sem ícone dos fóruns ok? a caixa vazia, usei icone fontawesome, veja se lhe agrada:
adicione esse código em sua folha de estilo css:

Código:
.forum-info,.forum-lastpost,.forum-stats,.forum-status{float:left;padding:3px}.forum-info{width:50%}a.forumtitle,a.topictitle{font-size:14px}h2.topic-title{margin-left:3px}.forum-info[style]{background-repeat:no-repeat;background-position:100% 0}.forum-status,.forum-status[style*="state=old"]{background:#999}.forum-stats{width:15%}.forum-stats>div{float:left;width:50%}.forum-stats .number{font-size:16px}.forum-lastpost{width:25%}.forum-status{position:absolute;top:-1px;left:-1px;bottom:-1px;width:30px;overflow:hidden}.forum-status[style*="locked=true"]{background:#345}.forum-status[style*="state=new"]{background:#7AD}.forum-status[style*="hot=true"]:after{-webkit-animation:hot-topic linear 1s infinite;animation:hot-topic linear 1s infinite}.forum-status:after{content:"\f086";color:#FFF;font-size:24px;font-family:FontAwesome;text-align:center;position:absolute;left:0;right:0;top:50%;margin-top:-12px}.forum-status[style*="type=topic"]:after{content:"\f15c"}.forum-status[style*="type=pinned"]:after{content:"\f276"}.forum-status[style*="type=announcement"]:after{content:"\f0a1"}.forum-status[style*="type=global"]:after{content:"\f071"}.privmsgs .forum-status:after{content:"\f0e0"}.forum-status[style*="type=forum"]:after{content:"\f07b"}.forum-status[style*="type=category"]:after{content:"\f07c"}.forum-status[style*="locked=true"]:after{content:"\f023"}

OBS: Tem que ter o Fontawesome instalado no seu fórum, para instalar veja: http://ajuda.forumeiros.com/t103208-tutorial-instalacao-do-font-awesome-no-forum

Até mais.

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4157

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

Resolvido Re: Adicionar fundo em status do forum

Mensagem por Luiz~ em Qua 7 Set 2016 - 16:13

Bugou tudo, eu até tirei... ;-;

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 424
Pontos Ativos : 902

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5