Personalizar Fóruns

3 participantes

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

Tópico resolvido Personalizar Fóruns

Mensagem por teaga 05.07.17 17:49

Detalhes da questão


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

Descrição


Olá,

É possível deixar os fóruns, semelhante como está na imagem?
Está assim: https://i.imgur.com/cJ2IdtT.jpg
Gostaria assim: https://i.imgur.com/UHictPY.jpg
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Luiz 05.07.17 17:52

personalizar - Personalizar Fóruns Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

Poderia nos passar o link do fórum em que viu esse efeito?

---

O fórum que o senhor passou provavelmente pode ter o template achado na HitSkin.
Para saber mais, leia este tópico.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por teaga 05.07.17 18:28

Luiz escreveu:
personalizar - Personalizar Fóruns Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

Poderia nos passar o link do fórum em que viu esse efeito?

---

O fórum que o senhor passou provavelmente pode ter o template achado na HitSkin.
Para saber mais, leia este tópico.

o/
Esse fórum foi desenvolvido pelo je4n, aqui está http://wasdforum.forumeiros.com/
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Luiz 05.07.17 18:47

Não podemos fazer igual, dado que isso vai contra uma de nossas regras do Fórum dos Fóruns.
Regulamento escreveu:O FdF existe para um propósito, fornecer suporte para seu fórum, e não, ser um fórum com uma equipe que plagia ou ataca fóruns. Este fórum é oficial por ser pacífico e benéfico para a Comunidade. Tópicos com intuito de plagiar, copiar coisas alheias sem autorização (principalmente dos fóruns oficiais ou deste mesmo) não serão atendidos pela equipe, e serão removidos sem aviso prévio.

---

Enfim...
Seguindo as orientações deste tópico, adicione ao final de sua CSS:
Código:
.pun .main-head {
  -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  background: #1c1f25;
  border-bottom: 1px solid rgba(0,0,0,.20);
  border-radius: 0 0 4px 4px;
  border-top: 3px solid #3091C1;
  box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  color: #FFF;
  font-family: Ubuntu;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 15px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  text-transform: uppercase;
}

.pun .main .main-content {
  background: #FFF;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 4px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 6px;
}

.pun .main-content thead {
  display: none;
}

.pun .main-content td {
  border: none!important;
  background-color: #fff!important;
}

.pun .main-content h3.hierarchy a {
  color: #225985;
  text-transform: uppercase;
  text-decoration: none;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por teaga 05.07.17 19:33

Não é possível deixar como citei acima? mais para frente iria mudar para não ficar totalmente igual.
Adicionar os ícones, etc.. para não ficar igual só gostaria mesmo dos fóruns, no mesmo estilo. 
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Luiz 05.07.17 19:38

Bom, infelizmente, de acordo com nossas regras, não.
Assim como o autor do tema em questão teve criatividade para criar isso, você também pode fazê-lo.

Basta nos dizer como quer, que faremos, desde que não vá contra nossas regras. Piscada

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por teaga 05.07.17 20:01

Teria como por assim então? https://i.imgur.com/7c1lFaY.jpg
OBS: Achei está imagem no google.
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Harleen 05.07.17 20:08

Olá adicione esse código em sua folha CSS
Código:
.table > thead {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D;  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
  display: block;
  content: "Tópicos";
  color: #737C8D;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center;
  text-transform: uppercase;
}
  .tc3:after {
  display: block;
  content: "Mensagens";
  color: #737C8D;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center;
  text-transform: uppercase;
}

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por teaga 05.07.17 20:50

Harleen escreveu:Olá adicione esse código em sua folha CSS
Código:
.table > thead {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D;  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
  display: block;
  content: "Tópicos";
  color: #737C8D;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center;
  text-transform: uppercase;
}
  .tc3:after {
  display: block;
  content: "Mensagens";
  color: #737C8D;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal !important;
  text-align: center;
  text-transform: uppercase;
}

Até mais
Quase lá, como pode ver membros, sub-fóruns, mensagens privadas, ficaram bugados. 
Como podem ver na imagem: https://imgur.com/a/PKinG
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Harleen 05.07.17 23:15

Olá, vá nos templates Index_body e Topics_list_box e adicione o código dentro deles assim

index_body http://prntscr.com/fs4hoc
topics_list_box http://prntscr.com/fs4hz0
Código:
<style>
.table > thead {
   display: none;
}
.tc1, .tcr, .pun table.table td {
   background: none !important;
   border: none !important;
}
.tc2, .tc3 {
   background: none !important;
   border: none !important;
   color: #737C8D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: 700;
   overflow: hidden;
   position: relative;
   text-align: center;
}
.tc2:after {
   display: block;
   content: "Tópicos";
   color: #737C8D;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal !important;
   text-align: center;
   text-transform: uppercase;
}
.tc3:after {
   display: block;
   content: "Mensagens";
   color: #737C8D;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal !important;
   text-align: center;
   text-transform: uppercase;
}
</style>

Depois remova o código de dentro do CSS.

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por teaga 05.07.17 23:55

Título dos tópicos, etc.. teria como centralizar para baixo? deixa-lo bem no meio.
Ficou desta forma nos sub-fóruns.
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Harleen 06.07.17 0:11

Olá, não entendi muito bem...
Poderia ilustrar como deseja que fique?

Estarei aguardando...
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por teaga 06.07.17 0:22

Harleen escreveu:Olá, não entendi muito bem...
Poderia ilustrar como deseja que fique?

Estarei aguardando...
Gostaria de centralizar para baixo.
Como pode ver está muito para cima: https://imgur.com/a/5sWVK
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Harleen 06.07.17 0:26

Veja se esse código resulta, vá aumentando ou diminuindo o 12px

Código:
.pun tbody.statused td.tcl {
    padding-left: 12px;
}

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por teaga 06.07.17 0:39

Ele apenas vai para o lado gostaria de move-lo para baixo.
teaga

teaga
Novo Membro

Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Harleen 06.07.17 1:20

Troque por esse
Código:
.pun table.table td {
  padding: 16px 2px 2px 0;
}

Ficará assim http://prntscr.com/fs5p69
Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar Fóruns

Mensagem por Luiz 10.07.17 17:14

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos