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

Outubro 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
» Personalizar widget "Últimos assuntos'
Hoje à(s) 20:51 por iScroll

» [Assinatura] Pedido
Hoje à(s) 18:15 por Gabrieel_.

» Diminuir espaço de comentários
Hoje à(s) 15:29 por Cream

» Mudar URLs padrões do fórum
Hoje à(s) 15:23 por Cream

» Conteúdo permitido no fórum
Hoje à(s) 15:23 por Cream

» Problemas nos tópicos do fórum
Hoje à(s) 15:22 por Cream

» Ajustar mensagens do fórum
Hoje à(s) 12:14 por PrisoN†BreaK

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
72 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 70 Visitantes :: 2 Motores de busca

davidgomes10, Vinicius Reis

[ Ver toda a lista ]


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

Categoria BS

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

Resolvido Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 0:28

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.

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em Sab 28 Mar 2015 - 0:48

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9237

http://narutongo.forumeiros.com/

Resolvido Re: Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 12:32

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.

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em Sab 28 Mar 2015 - 15:47

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9237

http://narutongo.forumeiros.com/

Resolvido Re: Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 16:06

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

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em Sab 28 Mar 2015 - 16:09

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9237

http://narutongo.forumeiros.com/

Resolvido Re: Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 16:15

Aqui não aparece, oque devo fazer?

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em Sab 28 Mar 2015 - 16:49

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.

Shaman
Membro do Fórum

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

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 16:50

Título do js?

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em Sab 28 Mar 2015 - 16:51

@Casie escreveu:Título do js?

Qual você preferir para sua organização Piscada

Shaman
Membro do Fórum

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

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 16:52

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

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em Sab 28 Mar 2015 - 16:55

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

Shaman
Membro do Fórum

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

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 16:57

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

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Shaman em Sab 28 Mar 2015 - 17:00

Louco Seria assim?

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

Shaman
Membro do Fórum

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

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Categoria BS

Mensagem por Casie em Sab 28 Mar 2015 - 17:01

Obrigado, problema resolvido.

Casie
Nível 8

Masculino
Inscrito dia : 26/03/2015
Mensagens : 116
Pontos Ativos : 802

http://unix-forum.umforum.net

Resolvido Re: Categoria BS

Mensagem por Gaaratsu em Sab 28 Mar 2015 - 17:07

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9237

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