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
Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
71 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 71 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


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

Personalizar categorias do fórum

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

  • 0

Em curso Personalizar categorias do fórum

Mensagem por Gabriel Camboim em Dom 27 Nov 2016 - 0:55

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)

Gabriel Camboim
Nível 4

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

http://nanatsunotazairpg.forumeiros.com/

Em curso Re: Personalizar categorias do fórum

Mensagem por while em Dom 27 Nov 2016 - 12:45

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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

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

Em curso Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em Dom 27 Nov 2016 - 16:41

Olá, não resultou

Gabriel Camboim
Nível 4

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

http://nanatsunotazairpg.forumeiros.com/

Em curso Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em Seg 28 Nov 2016 - 4:59

UP!

Gabriel Camboim
Nível 4

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

http://nanatsunotazairpg.forumeiros.com/

Em curso Re: Personalizar categorias do fórum

Mensagem por while em Seg 28 Nov 2016 - 11:31

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.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

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

Em curso Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em Seg 28 Nov 2016 - 13:11

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.

Gabriel Camboim
Nível 4

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

http://nanatsunotazairpg.forumeiros.com/

Em curso Re: Personalizar categorias do fórum

Mensagem por Gabriel Camboim em Ter 29 Nov 2016 - 21:21

UP!

Gabriel Camboim
Nível 4

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

http://nanatsunotazairpg.forumeiros.com/

Em curso Re: Personalizar categorias do fórum

Mensagem por Kyo Panda em Dom 4 Dez 2016 - 11:28

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

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1434
Pontos Ativos : 3970

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