adicionar uma Index Box desse tipo

3 participantes

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

Tópico resolvido adicionar uma Index Box desse tipo

Mensagem por ArcadeOppai 04.03.16 18:51

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:

adicionar uma Index Box desse tipo C2hGqs0

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á.
ArcadeOppai

ArcadeOppai
Novo Membro

Membro desde : 29/02/2016
Mensagens : 12
Pontos : 22

http://dxdforumbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: adicionar uma Index Box desse tipo

Mensagem por Hancki 04.03.16 19:52

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: https://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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: adicionar uma Index Box desse tipo

Mensagem por ArcadeOppai 04.03.16 20:02

Ficou perfeito! Muito obrigado, Hancki.
ArcadeOppai

ArcadeOppai
Novo Membro

Membro desde : 29/02/2016
Mensagens : 12
Pontos : 22

http://dxdforumbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: adicionar uma Index Box desse tipo

Mensagem por RafaelS. 04.03.16 22:55

adicionar uma Index Box desse tipo Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

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