JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

JScript »  Forumeiros (Avançado) » Ajuda & Suporte » Modificar o espaço ocupado pelas Estatísticas

Modificar o espaço ocupado pelas Estatísticas

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

Convidado

avatar
Convidado

Olá galera, bem, eu estive colocando em meu fórum, as estatísticas IPB, que achei o tutorial aqui neste fórum, mas o meu problema é o seguinte, eu quero que ela fique igual a esta print, ou seja, ocupando todo o espaço final do fórum.
Segue a print:
Spoiler:

Mas o meu se encontra assim:
Spoiler:

Queria saber se tem como aumentar ela para pegar todo o final, obrigado.

Link para meu fórum: http://forum.gametizando.com/

Até mais

Legolas

Legolas
Moderadores
Moderadores

Olá. A imagem que você me mostrou não é a mesma que está no seu fórum. Só consegui achar isso:

Modificar o espaço ocupado pelas Estatísticas Untitl36

O que inclusive está com um background irritante de um aro-íris animado, que me deixou tonto.

http://aden.rpgwars.net

Convidado

avatar
Convidado

Sim, eu estava fazendo umas modificações, mas agora está normal, como na print acima..

JScript

JScript
Administradores
Administradores

Olá!

Aqui está o código:
Código:

    (function ($) {
        $.fn.outerHTML = function() {
            $oThis = $(this);
            if ('outerHTML' in $oThis[0]) {
                return $oThis[0].outerHTML;
            } else {
                var content = $oThis.wrap('<div></div>').parent().html();
                $oThis.unwrap();
                return content;
            }
        }
    }(jQuery));

    if (location.pathname == '/' ) {
        $(function() {
            var punfoot = $('#pun-foot');
            var statistics = $('#board_statistics').outerHTML();
            $('#board_statistics').remove('#board_statistics');
            punfoot.prepend(statistics);
            statistics = $('#statistics').outerHTML();
            $('#statistics').remove('#statistics');
            punfoot.prepend(statistics);
        });
    }
É pra ser colocado no template Overall_header, não darei os pormenores pois ficará para um tutorial!

JS

http://autoitbrasil.com

Convidado

avatar
Convidado

Bem, não deu muito certo, tentei adiciona-lo abaixo da tag <head> e não deu, tentei antes da </head> e também não, ele aparece o código, mas não muda, ou seja, em vez de mudar, aparece assim no local:

(function ($) {$.fn.outerHTML = function() {$oThis = $(this);if ('outerHTML' in $oThis[0]) {return $oThis[0].outerHTML;} else {var content = $oThis.wrap('
').parent().html();$oThis.unwrap();return content;}}}(jQuery));if (location.pathname == '/' ) {$(function() {var punfoot = $('#pun-foot');var statistics = $('#board_statistics').outerHTML();$('#board_statistics').remove('#board_statistics');punfoot.prepend(statistics);statistics = $('#statistics').outerHTML();$('#statistics').remove('#statistics');punfoot.prepend(statistics);});}

JScript

JScript
Administradores
Administradores

Já parou pra observar que todos os scripts são colocados entre as tags <script type="text/javascript"> e </script> ???

JS

http://autoitbrasil.com

JScript

JScript
Administradores
Administradores

Ficou muito bom também, valeu!

JS

http://autoitbrasil.com

Convidado

avatar
Convidado

Simplesmente não deu certo o CSS, vou optar pelo javascript, mas, muito obrigado por ter se esforçado e tentando me ajudar Very Happy

Legolas

Legolas
Moderadores
Moderadores

Amigo, peço perdão. Na hora de copiar o id pra passar aqui no tópico eu escrevi errado o board_statistics. Eu coloquei traço ao invés de underline.

Já editei o código ali em cima, copie de novo e coloque em sua folha de estilo CSS.

http://aden.rpgwars.net

Legolas

Legolas
Moderadores
Moderadores

Por algum motivo, não estou conseguindo editar a mensagem lá de cima. De qulquer forma aqui está o CSS correto:

Código:
#board_estatistics {
width: 96% !important;
position: absolute;
}

#pun-legend {
margin-top: 190px!important;
}

.user_login_form {
margin-top: 160px !important;
}
Coloque em seu CSS.

http://aden.rpgwars.net

Convidado

avatar
Convidado

Vou tentar Legolas, pois o JavaScript que o JS passou, da conflito com outros códigos do meu template..

@EDIT, Bem Legolas, aqui está uma print do problema que acontece, em vez de aumentar, ele cria um espaço gigantesco em branco
entre:
As estatísticas e
Novas mensagens Não há novas mensagens Não há novas mensagens Fórum Bloqueado Fórum Bloqueado
Segue uma print:
Spoiler:

Convidado

avatar
Convidado

Tente usar:
Código:
#board_statistics .stastistics {
width: 97% !important;
position: center;
}
substituindo o código passado por Legolas.

Até mais!

Convidado

avatar
Convidado

Obrigado a todos que tentaram me ajudar, mas, eu troquei de template, pois haviam muitos parecidos com aquele que eu estava usando.
MUITO OBRIGADO MESMO!!

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

JScript »  Forumeiros (Avançado) » Ajuda & Suporte » Modificar o espaço ocupado pelas Estatísticas

Permissões neste sub-fórum
Não podes responder a tópicos