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
» Status do servidor
Hoje à(s) 01:39 am por ranzatti

» Como mudar o tamanho do avatar default ? modernbb
Hoje à(s) 12:30 am por BlueJOkeR

» mEU FORUM ESTA COM POBLEMA !
Ontem à(s) 11:18 pm por Xigncode3

» Member List Grande
Ontem à(s) 10:31 pm por ranzatti

» Top Usuário sem funcionar
Ontem à(s) 10:08 pm por iScroll

» Spoiler tópicos
Ontem à(s) 09:55 pm por Luiz

» Bug pelo slide
Ontem à(s) 09:20 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
167 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 165 Visitantes :: 2 Motores de busca

AlexG, DespacitoRemix000

[ Ver toda a lista ]


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

Personalizar categorias do fórum

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

  • 0

Resolvido Personalizar categorias do fórum

Mensagem por Gabriel Camboim em 26/11/16, 10:55 pm

Detalhes da questão


Endereço do fórum: http://nanatsunotaizairpg.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá, eu queria modificar as categorias pra ficar igual à esse fórum: http://guitar-masters.forum-livre.com/

Transparente, com bordas arredondadas e com os efeitos presentes nele e com as categorias separadas, e de diferente eu queria o texto do nome da categoria centralizado e com negrito+neon (acho que branco/cinza)
avatar

Gabriel Camboim
Nível 4

Masculino
Inscrito dia : 13/11/2016
Mensagens : 33
Pontos Ativos : 49

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

Resolvido Re: Personalizar categorias do fórum

Mensagem por while em 27/11/16, 10:45 am

Olá autor, bom dia.

Adicione esse código em sua folha de estilo css:

Código:
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
    background-image: url(http://i13.servimg.com/u/f13/18/02/24/75/cats11.jpg)!important;
    background-repeat: repeat-x;
    color:red;
    list-style-type: none; 
    margin: 0;
}
table > thead > tr > th.tcl > div > h2 {text-align:center;font-weight:700;text-shadow:0 0 12px #fff;color:black;}
.pun table.table td {border:none!important;}

.pun table.table td {
    color: black;
    font-family: arial;
    font-weight: 15px;
    transition: all 0.5s;
    margin-bottom: 5px!Important;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    opacity: 0.8;
    border-bottom:1px solid #7A7A7A !important;
}
.pun .main-content {margin-bottom:20px;}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em 27/11/16, 02:41 pm

Olá, não resultou
avatar

Gabriel Camboim
Nível 4

Masculino
Inscrito dia : 13/11/2016
Mensagens : 33
Pontos Ativos : 49

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

Resolvido Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em 28/11/16, 02:59 am

UP!
avatar

Gabriel Camboim
Nível 4

Masculino
Inscrito dia : 13/11/2016
Mensagens : 33
Pontos Ativos : 49

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

Resolvido Re: Personalizar categorias do fórum

Mensagem por while em 28/11/16, 09:31 am

Olá autor, bom dia.

UP só é permitido depois de 24 horas da ultima resposta, tome cuidado com isto, pois pode ter sua barra de respeito diminuida.

Poderia confirmar se o link do seu fórum é este: http://nanatsunotaizairpg.forumeiros.com/

Já é o segundo tópico que o senhor diz que não teve resultado, será que estais colocando o código no lugar certo?

Aceda:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo css

coloque o código no começo de todos os códigos e clique em salvar.

Não tem mistério... o resultado é pra ser este:


Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em 28/11/16, 11:11 am

Olá, peço desculpas por não ter dito o resultado.

Esse foi exatamente o resultado encontrado, porém não foi o resultado do fórum que mostrei. Queria com a borda transparente entre eles, e que ficasse transparente o fundo dos títulos das categorias que só agora percebi que é uma imagem, podia ficar transparente ou um fundo opaco pra poder ver o fundo do fórum? seria uma borda completamente transparente e arredondada.

Já passei minha folha de css no outro tópico, obrigado pelo seu tempo e agradeço a paciência.
avatar

Gabriel Camboim
Nível 4

Masculino
Inscrito dia : 13/11/2016
Mensagens : 33
Pontos Ativos : 49

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

Resolvido Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em 29/11/16, 07:21 pm

UP!
avatar

Gabriel Camboim
Nível 4

Masculino
Inscrito dia : 13/11/2016
Mensagens : 33
Pontos Ativos : 49

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

Resolvido Re: Personalizar categorias do fórum

Mensagem por Kyo Panda em 04/12/16, 09:28 am

Tente esse:

Código:
/**
 * BEGIN Estilo das tabelas
 */

div.pun table.table th {
  background-color: transparent;
}

div.pun div.main-content {
  background-color: transparent;
}

div.pun div.main-content table {
  border-color: transparent;
  border-collapse: separate;
  border-spacing: 0 10px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 10px 10px 2px 2px;
  margin-bottom: 30px;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
}

div.pun div.main-content table tr {
  padding-bottom: 10px;
}

div.pun div.main-content table td {
  border: transparent;
  background-color: rgba(204, 204, 204, 0.9);
}

div.pun div.main-content table td:first-child {
  border-radius: 10px 0 0 10px;
}

div.pun div.main-content table td:last-child {
  border-radius: 0 10px 10px 0;
}

div.pun div.main-content table thead {
  color: #fff;
}

div.pun div.main-content table thead h2 {
  text-align: center;
  font-weight: 700;
  text-shadow: 0 0 5px #fff;
}

/**
 * END Estilo das tabelas
 */

Para que conseguisse o efeito transparente nas tabelas, tive que remover a cor de fundo padrão do seu fórum. Logo, haverão algumas outras partes que ficaram transparentes também.

Então se o senhor pudesse me ajudar indicando essas partes a serem preenchidas, nós damos um jeito. ^-^v


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4501
Pontos Ativos : 5787

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

Resolvido Re: Personalizar categorias do fórum

Mensagem por Kyo Panda em 10/12/16, 10:03 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4501
Pontos Ativos : 5787

Ver perfil do usuário 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