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
» Borda na caixa de texto
Hoje à(s) 02:42 pm por Harleen

» Barra de rolagem
Hoje à(s) 02:29 pm por Amanda Kathleen

» Caixa de Login
Hoje à(s) 02:07 pm por iScroll

» Personalizar cabeçalho
Hoje à(s) 02:07 pm por iScroll

» Cor texto no SCEditor
Hoje à(s) 02:04 pm por Kyo Panda

» Widget melhor do mês não funciona
Hoje à(s) 01:49 pm por Kyo Panda

» Como ocultar iframe de um tópico para visitantes
Hoje à(s) 01:48 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
PrisoN†BreaK
 
Fou-Lu
 
iScroll
 
Shek
 
Luiz
 
William_iHarDz
 
Kyko
 
Czins
 

Quem está conectado
273 usuários online :: 10 usuários cadastrados, 1 Invisível e 262 Visitantes :: 2 Motores de busca

alhathiq, Amanda Kathleen, GSCode, Gustavo Karasek, Harleen, iScroll, Kyo Panda, Luiz, odelgado, William_iHarDz

[ 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 : 8039
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