Tópicos Recentes & + Top Postadores centralizados |
Muitas pessoas preferem a versão Invision por causa da sua aparecencia, mais os códigos para ele estão quase extintos!
Heis aqui um código muito bom que pode mudar issu!
--> Tutoriais, dicas e astúcias <--
Tópicos Recentes & + Top Postadores centralizados
Tópicos Recentes & + Top Postadores centralizados
1º - Código Utilizado
Abaixo, veremos um pequeno código CSS que utilizaremos:
- Código:
/*Tópicos Recentes & Topicos postadores INVISION*/
#left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
#left .module.borderwrap:nth-child(1){margin-right:2px;width:220px;float:left}
#left .module.borderwrap:nth-child(1) .box-content{background:white}
#left .module.borderwrap:nth-child(3){width:705px;float:left}
#left .module.borderwrap:nth-child(3) a + br,#left [style="height:11px"]{display:none}
#left .module.borderwrap:nth-child(3) .box-content{overflow:hidden;height:281px;background:white}
#left .module.borderwrap:nth-child(3) .box-content:hover{overflow:auto}
#left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]{margin-bottom:15px;width:342px;float:left;overflow:hidden;height:14px}
#left .module.borderwrap:nth-child(3) .box-content a[href*="/u"]{margin-bottom:15px;margin-left:-30px;background:white;width:157px;display:inline-block;padding-left:15px}
#left .module.borderwrap:nth-child(3) .box-content a[href*="/u"] img{margin-top:-16px}
#left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]::before{content:counter(stt)".";counter-increment:stt;width:20px;display: inline-block;text-align:right}
[summary*="Top post"] tr{height:25px}
[summary*="Top post"] td{background:#FFF!important;border:0!important}
#left .module.borderwrap{width:937px;float:left}
Se voce estive com alguma skin personalizada apague o seguinte codigo:
- Código:
#left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt;}
#left .box-content > a[href*="/t"]::before{content: counter(stt)".";counter-increment: stt;float: left;position: absolute;text-align: right;width: 25px!important;margin-left: -25px;}
#left a[href*="/t"]{width:450px;float:left;margin-right:164px;height:14px;overflow:hidden;padding-left: 16px;}
#left a[href*="/t"]:hover::after{content:" (suportecodigos)"}
#left a[href*="/u"]{width:160px;position:absolute;margin-left:-164px;background:#FFF;}
2º - Inserindo o código CSS:
Vá em Painel de controle Visualização Cores Folha do Estilo CSS
3º - Resultado:
© Suporte Códigos
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [INVISION] Tópicos Recentes & + Top Postadores centralizados |