Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosPersonalizar Fóruns
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Personalizar Fóruns
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- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
por Luiz 05.07.17 17:52
 |
|
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- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar Fóruns
por teaga 05.07.17 18:28
Esse fórum foi desenvolvido pelo je4n, aqui está http://wasdforum.forumeiros.com/Luiz escreveu:
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/
teaga- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
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.
---
Enfim...
Seguindo as orientações deste tópico, adicione ao final de sua CSS:
o/
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- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar Fóruns
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.
Adicionar os ícones, etc.. para não ficar igual só gostaria mesmo dos fóruns, no mesmo estilo.
teaga- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
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.
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.
o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Personalizar Fóruns
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.
OBS: Achei está imagem no google.
teaga- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
por Harleen 05.07.17 20:08
Olá adicione esse código em sua folha CSS
Até mais
- 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- Super Membro
- Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373 -
Re: Personalizar Fóruns
por teaga 05.07.17 20:50
Quase lá, como pode ver membros, sub-fóruns, mensagens privadas, ficaram bugados.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
Como podem ver na imagem: https://imgur.com/a/PKinG
teaga- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
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
Depois remova o código de dentro do CSS.
Até mais
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- Super Membro
- Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373 -
Re: Personalizar Fóruns
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.
Ficou desta forma nos sub-fóruns.
teaga- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
por Harleen 06.07.17 0:11
Olá, não entendi muito bem...
Poderia ilustrar como deseja que fique?
Estarei aguardando...
Poderia ilustrar como deseja que fique?
Estarei aguardando...
Harleen- Super Membro
- Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373 -
Re: Personalizar Fóruns
por teaga 06.07.17 0:22
Gostaria de centralizar para baixo.Harleen escreveu:Olá, não entendi muito bem...
Poderia ilustrar como deseja que fique?
Estarei aguardando...
Como pode ver está muito para cima: https://imgur.com/a/5sWVK
teaga- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
por Harleen 06.07.17 0:26
Veja se esse código resulta, vá aumentando ou diminuindo o 12px
Até mais
- Código:
.pun tbody.statused td.tcl {
padding-left: 12px;
}
Até mais
Harleen- Super Membro
- Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373 -
Re: Personalizar Fóruns
por teaga 06.07.17 0:39
Ele apenas vai para o lado gostaria de move-lo para baixo.
teaga- Novo Membro
- Membro desde : 05/07/2017
Mensagens : 8
Pontos : 10 -
Re: Personalizar Fóruns
por Harleen 06.07.17 1:20
Troque por esse
Ficará assim http://prntscr.com/fs5p69
Até mais
- Código:
.pun table.table td {
padding: 16px 2px 2px 0;
}
Ficará assim http://prntscr.com/fs5p69
Até mais
Harleen- Super Membro
- Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373 -
Re: Personalizar Fóruns
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- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos