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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Remover Botões
Hoje à(s) 04:33 pm por T1ag0

» Nova MP ModerNBB
Hoje à(s) 04:20 pm por iScroll

» Javascript de Transformação de FieldID
Hoje à(s) 04:16 pm por Luiz

» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 04:05 pm por Luiz

» [Sugestão] Grupo de Acesso ao Painel
Hoje à(s) 03:51 pm por MateusAnjosV

» Criar Novos botões e mudar a cor
Hoje à(s) 03:11 pm por DustyRhodes

» Como passar para a direita um efeito de Halloween
Hoje à(s) 02:19 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
Lecxa
 
ranzatti
 

Quem está conectado
277 usuários online :: 13 usuários cadastrados, Nenhum Invisível e 264 Visitantes :: 2 Motores de busca

Connor R., DustyRhodes, Heikki, iPlay, iScroll, Ketholy123, Lecxa, Luiz, MateusAnjosV, Maya Sparda, T1ag0, uvmyyvpew, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Categoria BS

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

Resolvido Categoria BS

Mensagem por Casie em 27/03/15, 09:28 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Vários usuários, uns sim e outros não
Problema começou : não
Endereço do fórum : http://unix-forum.umforum.net

Descrição do problema

Queria a barra de categoria nesse estilo, com botão de ocultar, ela reta sem curvas.
Preta e azul, obrigado.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em 27/03/15, 09:48 pm

Saudações!

Para ocultar/expandir a categoria, queira checar por gentileza: :seta2:
:seta2: [Tutorial] Ocultar/Mostrar categorias no estilo Invision!

Quanto ao estilo, adicione no inicio da tua CSS este código:
Código:
@font-face{font-family:Cuprum;font-style:normal;font-weight:400;src:local(Cuprum), local(Cuprum-Regular), url(http://themes.googleusercontent.com/static/fonts/cuprum/v5/wHBEZCjwNI3HN2fD1RQJgw.woff) format("woff")}@font-face{font-family:Cuprum;font-style:normal;font-weight:700;src:local('Cuprum Bold'), local(Cuprum-Bold), url(http://themes.googleusercontent.com/static/fonts/cuprum/v5/n3IzcUkIerri6e9sz7Dgbj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}
.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}
#content .main .main-head, #content .main .main-head a {
color: #fff;
}
#content .main .main-foot, #content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
border-bottom: 3px solid #2A80B9;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
Caminho: [í]CPainel >> Visualização >> Imagens e Cores > Cores >>> Folha de estilo CSS[/i]

Até! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5549
Pontos Ativos : 6948

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Categoria BS

Mensagem por Casie em 28/03/15, 09:32 am

Desculpe pela ausência, irei testar, qualquer coisa dou edit.

Olá coloquei no início do Css, apareceu isso; http://imgur.com/rq6E32P.png
Só funcionou a fonte, se poder me ajudar entre no fórum e ajeita, please.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em 28/03/15, 12:47 pm

Eu acessei o teu fórum e está funcionando sim amigo!
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5549
Pontos Ativos : 6948

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Categoria BS

Mensagem por Casie em 28/03/15, 01:06 pm

Estou falando sobre a cor, é azul. Aqui não funciona.
Apareceu o erro entre chaves.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em 28/03/15, 01:09 pm

Não há erros de fechamento no código que lhe passei, está com as balizas fechadas sim!

Veja a print que tirei de teu fórum:

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5549
Pontos Ativos : 6948

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Categoria BS

Mensagem por Casie em 28/03/15, 01:15 pm

Aqui não aparece, oque devo fazer?
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em 28/03/15, 01:49 pm

Olá, utilize este JS feito pelo nosso amigo @JScript

Código:

/***
 * Application: toggle Category
 * Description: Show/hide categories!
 * Version: 0.02632015-jq1.9.1
 *        RC1 (Release candidate 1!) - Invision
 * Author: JScript - 2015/03/26 - based on Invision.js
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
$(function() {
  var Autor = "JScript <jscriptbrasil at live dot com>, based on Invision.js";
      style = document.createElement("style"),
      //Versions: |phpBB2----------------------------------------|  |phpBB3-------------|    |PunBB-----------------|  |Invision already have it!|
      oCat = $('#content-container .three-col td:eq(1) .forumline, #main-content .forabg, #main-content .main-head, '),
      oThis = null,
      oTemp = null,
      sEval = '';

  style.type = "text/css";
  style.innerHTML =
      '.contract, .expand {' +
      '  background: url("http://illiweb.com/fa/invision/exp_minus.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
      '  cursor: pointer;' +
      '  float: right;' +
      '  margin-top: 3px;' +
      '}' +
      '.expand {' +
      '  background: url("http://illiweb.com/fa/invision/exp_plus.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);' +
      '}';
  document.getElementsByTagName("head")[0].appendChild(style);

  switch (oCat[0].className) {
      case 'forumline': //phpBB2
        sEval = "oTemp = oThis.find('tr').first();oTemp.addClass('title-bar');" +
            "oTemp.find('th:last').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\" style=\"margin-top: -15px;\">  </div>');" +
            "oThis.find('tr').not('.title-bar').addClass('c' + i);";
        break;
      case 'forabg': //phpBB3
        sEval = "oThis.find('ul.topiclist:first dl.icon').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">  </div>');" +
            "oThis.find('ul.topiclist.forums').attr('id', 'c' + i);";
        break;
      case 'main-head': //PunBB
        sEval = "oThis.find('h2').append('<div onclick=\"toggleCategory(\\'c' + i + '\\');\" id=\"bc' + i + '\" class=\"contract\">  &nbsp;</div>');" +
            "oThis.next().attr('id', 'c' + i);";
        break;
  }
  for (var i = 0, len = oCat.length; i < len; i++) {
      oThis = $(oCat[i]);
      eval(sEval);
  }

  initCategories();
});
// by invision.js
function initCategories() {
  var id;
  cookies = document.cookie.split('; ');
  for (var i = 0; i < cookies.length; i++) {
      if (cookies[i].charAt(0) == '_') {
        cookie = cookies[i].split('=');
        if (cookie[1] == '1') {
            id = cookie[0].substring(1);
            if (document.getElementById(id)) {
              toggleCategory(id)
            }
        }
      }
  }
}
// by invision.js, modified by JScript
function toggleCategory(id) {
  var obj = document.getElementById(id);
  var button = document.getElementById('b' + id);
  if (obj) {
      var toggle = obj.style.display == 'none';
      obj.style.display = toggle ? '' : 'none';
  } else {
      var elems = document.getElementsByClassName(id);
      for (var i = 0, len = elems.length; i < len; i++) {
        var toggle = elems[i].style.display == 'none';
        elems[i].style.display = toggle ? '' : 'none';
      }
  }
  button.className = toggle ? 'contract' : 'expand';
  my_setcookie('_' + id, toggle ? '' : '1', true);
  return false
}


Investimento, marque (x) Índice

Abs.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em 28/03/15, 01:50 pm

Título do js?
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em 28/03/15, 01:51 pm

Casie escreveu:Título do js?

Qual você preferir para sua organização Piscada
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em 28/03/15, 01:52 pm

Agora preciso do botão na barra, de quando clicar ocultar.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em 28/03/15, 01:55 pm

Casie escreveu:Agora preciso do botão na barra, de quando clicar ocultar.

O código faz isso amigo. Os JavaScripts estão ativados em seu fórum?
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em 28/03/15, 01:57 pm

Obrigado meu caro, os widgets estão com outras cores diferente da barra de categoria, quero deixar igual.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em 28/03/15, 02:00 pm

Louco Seria assim?

Adicione isto a seu CSS:
Código:
.main .main-foot, .main .main-head, .title-overview {border-bottom: 3px solid #2A80B9 !Important; }
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em 28/03/15, 02:01 pm

Obrigado, problema resolvido.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em 28/03/15, 02:07 pm

Somente é permitido uma questão por tópico, okay?

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Até! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5549
Pontos Ativos : 6948

Ver perfil do usuário http://narutongo.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