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

Esqueci minha senha

Últimos assuntos
» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» Imagem do topico
Ontem à(s) 11:50 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

» Template quebra ao ser editado
Ontem à(s) 08:52 pm por Starset

» Ícones de redes sociais e feed
Ontem à(s) 08:14 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
JulioPais
 
APOllO
 
Shek
 
Holkis
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
203 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 203 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


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

adicionar uma Index Box desse tipo

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

Resolvido adicionar uma Index Box desse tipo

Mensagem por ArcadeOppai em 04/03/16, 03:51 pm

Detalhes da questão


Endereço do fórum: http://dxdforumbrasil.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá pessoal, eu gostaria de saber como eu posso deixar a Index_box do meu fórum parecida com essa ai da imagem:



O fórum o qual eu ví essa index, é Best Skins, eu achei muito bonita e gostaria de por uma assim no meu fórum. Se isso for considerado plágio, por favor, podem fechar o tópico.
Agradeço desde já.
avatar

ArcadeOppai
Nível 2

Masculino
Inscrito dia : 29/02/2016
Mensagens : 12
Pontos Ativos : 22

http://dxdforumbrasil.forumeiros.com/

Resolvido Re: adicionar uma Index Box desse tipo

Mensagem por Hancki em 04/03/16, 04:52 pm

Olá!

Adicione este CSS à sua folha de estilos:
Código:
.forumbg ul.topiclist li.row dl dd.posts:after {
        content: '\A respostas';
        white-space: pre-wrap;
        font-size: 10px !important;
        line-height: 0px !important;
}
.forumbg ul.topiclist li.row dl dd.views:after {
        content: '\A visualizações';
        white-space: pre-wrap;
        font-size: 10px !important;
        line-height: 0px !important;
}
.forabg ul.topiclist li.row dl dd.topics:after {
        content: '\A tópicos';
        white-space: pre-wrap;
        font-size: 10px !important;
        line-height: 0px !important;
}
.forabg ul.topiclist li.row dl dd.posts:after {
        content: '\A respostas';
        white-space: pre-wrap;
        font-size: 10px !important;
        line-height: 0px !important;
}
ul.topiclist li.row dl dd.topics, ul.topiclist li.row dl dd.posts, ul.topiclist li.row dl dd.views {
        color: #5a5a5a !important;
}
ul.topiclist .row dl.icon{
    background-color: #fcfcfc!important;
    border-bottom: 1px solid #eaeaea !important;
    border-left: 1px solid #eaeaea !important;
    border-right: 1px solid #eaeaea !important;
    margin-top: -2px !important;
}
.forumbg span.corners-bottom, .forumbg span.corners-top, .forumbg span.corners-top span, .forumbg span.corners-bottom span, .forabg span.corners-bottom, .forabg span.corners-top, .forabg span.corners-top span, .forabg span.corners-bottom span {
        background: none !important;
}
.forabg, .forumbg {
    -moz-border-radius: 4px 4px 0 0;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
    -webkit-border-radius: 4px 4px 0 0;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
    border-radius: 4px 4px 0 0;
    box-shadow: rgba(0,0,0,0.1) 0 0 4px;
    background: white !important;
    border: 1px solid #d2d2d2 !important;
    padding: 4px !important;
}
ul.topiclist li.header dl.icon {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    background: #f5f5f5 url(http://i.imgur.com/qFw0st1.png) repeat-x 0 0;
    border: 1px solid #eaeaea !important;
    border-bottom: 2px solid #eaeaea !important;
    border-radius: 4px 4px 0 0;
    display: block;
    float: none!important;
    font-size: 12px;
    overflow: hidden;
    padding: 12px;
}
ul.topiclist li.header dl.icon dd.dterm h2 {
    color: #333 !important;
    font-weight: 700;
}
ul.topiclist li.header dl.icon dd {
        color: transparent;
}

O design ficará realmente parecido, tirando este ícone: http://i.imgur.com/JXAucJs.png
Isso terá que ser mudado no Painel de Controle, na seção das imagens e só aí poderemos ajustar com CSS de forma a ficar encaixado.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8041
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: adicionar uma Index Box desse tipo

Mensagem por ArcadeOppai em 04/03/16, 05:02 pm

Ficou perfeito! Muito obrigado, Hancki.
avatar

ArcadeOppai
Nível 2

Masculino
Inscrito dia : 29/02/2016
Mensagens : 12
Pontos Ativos : 22

http://dxdforumbrasil.forumeiros.com/

Resolvido Re: adicionar uma Index Box desse tipo

Mensagem por RafaelS. em 04/03/16, 07:55 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.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