Guild Imperium


    [INVISION] Tópicos Recentes & + Top Postadores centralizados

    Compartilhe
    avatar
    #BadBoy#
    Fundador
    Fundador

    Mensagens Mensagens : 39 SCPoint SCPoint : 1424 Reputação Reputação : 309 Localização Localização : Cara a cara com o meu munitor

    9xStudio [INVISION] Tópicos Recentes & + Top Postadores centralizados

    Mensagem por #BadBoy# em Sab Jul 28, 2012 2:51 pm



    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



    - 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;}


    - Inserindo o código CSS:
    Vá em Painel de controle Arrow Visualização Arrow Cores Arrow Folha do Estilo CSS


    - 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

      Data/hora atual: Qua Abr 25, 2018 3:28 pm