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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
263 usuários online :: 11 usuários cadastrados, 1 Invisível e 251 Visitantes :: 2 Motores de busca

Connor R., Daemon, Fou-Lu, Harleen, Heitor A., isadora991, Kyo Panda, REVIEW, Shek Crowley, Stewart, Tiger

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 4 Mar 2016 - 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:



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
Nível 2

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

http://dxdforumbrasil.forumeiros.com/

Resolvido Re: adicionar uma Index Box desse tipo

Mensagem por Hancki em Sex 4 Mar 2016 - 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: 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

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14709

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 Sex 4 Mar 2016 - 20:02

Ficou perfeito! Muito obrigado, Hancki.

ArcadeOppai
Nível 2

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

http://dxdforumbrasil.forumeiros.com/

Resolvido Re: adicionar uma Index Box desse tipo

Mensagem por RafaelS. em Sex 4 Mar 2016 - 22:55

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

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3101
Pontos Ativos : 5036

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