adicionar uma Index Box desse tipo
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
adicionar uma Index Box desse tipo
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á.
Re: adicionar uma Index Box desse tipo
Olá!
Adicione este CSS à sua folha de estilos:
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
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
Re: adicionar uma Index Box desse tipo
Ficou perfeito! Muito obrigado, Hancki.
Re: adicionar uma Index Box desse tipo
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Como botar essa barra e desse tipo
» Adicionar index no fórum
» Teria como adicionar mais opções no meu index body?
» Edição CSS INDEX
» Como adicionar este tipo de share?
» Adicionar index no fórum
» Teria como adicionar mais opções no meu index body?
» Edição CSS INDEX
» Como adicionar este tipo de share?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos