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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Botão neon na resposta rápida
Hoje à(s) 16:23 por while

» Fórum possivelmente hackeado
Hoje à(s) 16:13 por while

» Erro Facebook Conect
Hoje à(s) 15:53 por Shek

» Mudança de dominío pago para gratuito
Hoje à(s) 15:50 por Shek

» Personalizar o menu
Hoje à(s) 15:50 por Cream

» II Coluna de Entrevistas à Equipe
Hoje à(s) 15:04 por Shek

» Ausência dos campos de perfil
Hoje à(s) 14:40 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Shek
 
Cream
 
while
 
Mr.Probz
 
Apollo
 
idarkdg
 
Nean
 
lavinnia
 
William_iHarDz
 
Harleen
 

Quem está conectado
81 usuários online :: 7 usuários cadastrados, 1 Invisível e 73 Visitantes :: 2 Motores de busca

Cream, Daemon, Harold C+, Shek, staay03, while, William_iHarDz

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

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
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7996
Pontos Ativos : 14505

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 : 232

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 : 3098
Pontos Ativos : 4872

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5