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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Problema nas páginas devido aos anúncios
Hoje à(s) 21:30 por juleic1123

» Retirar nome duplicado na visualização de uma MP
Hoje à(s) 20:11 por while

» Personalizar página de login
Hoje à(s) 18:55 por Cream

» [Outros] Cartaz
Hoje à(s) 16:38 por Holkis

» [PEDIDO] Banner
Hoje à(s) 16:18 por Holkis

» Separar ícones "Responder" e "Novo tópico"
Hoje à(s) 16:14 por Cream

» Pedido de Rank (Moderador)
Hoje à(s) 16:02 por Holkis

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
GollD
 
Nean
 
lavinnia
 
juleic1123
 

Quem está conectado
122 usuários online :: 7 usuários cadastrados, 1 Invisível e 114 Visitantes :: 2 Motores de busca

Cream, giancamposm, juleic1123, NatashaWicker6, Southier, while, YouTube3

[ 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 luuuiiiz 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)

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 218
Pontos Ativos : 541

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar fundo em status do forum

Mensagem por luuuiiiz em Ter 6 Set 2016 - 1:25

Up...  zen

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 218
Pontos Ativos : 541

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar fundo em status do forum

Mensagem por luuuiiiz em Ter 6 Set 2016 - 14:35

Up...  ...

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 218
Pontos Ativos : 541

http://rhc-forumteste.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 : 1227
Pontos Ativos : 3973

http://www.perfectteam.org

Resolvido Re: Adicionar fundo em status do forum

Mensagem por luuuiiiz 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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 218
Pontos Ativos : 541

http://rhc-forumteste.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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2450
Pontos Ativos : 3572

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 218
Pontos Ativos : 541

http://rhc-forumteste.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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2450
Pontos Ativos : 3572

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 luuuiiiz em Qua 7 Set 2016 - 16:13

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 218
Pontos Ativos : 541

http://rhc-forumteste.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