JScript

Programação & Desenvolvimento


pun-intro modificado e em movimento

avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty pun-intro modificado e em movimento

Mensagem por Convidado em Ter 19 Nov 2013, 1:34 pm

Descrição: bom estou fazendo um tema novo e especial para meu fórum ( http://rpgadventure.umforum.net/ ), como não queria ter de deixar o fórum em manutenção e fazer surpresa na hora de mudar o tema( mudarei tudo de vez depois que tiver pronto ).Acontece que o antigo tema contem um efeito bem legal de movimento da imagem que fica atrás do logo, tentei fazer o mesmo no novo tema por conta própria e não consegui de forma alguma, gostaria de fazer com que a imagem de trás se mova como antes.Também não estou conseguindo estender a largura desta area ao seu máximo( ver o link acima pra enteder ), só ficará perfeito se esta largura for máxima.O logo e a imagem de fundo estão um pouco escondidos pelo toolbar então queria ter de abaixa-los um pouco.

aqui está o código que uso para o efeito em movimento:
Código:
jQuery(document).ready(function($){
var backgroundpos = 0;
  var offset = 1;
  function scrollbackground() {
      offset = (offset < 1) ? offset + (backgroundpos - 1) : offset - 1;
        $('#pun-intro').css("background-position",  + offset + "px 0");
        setTimeout(function() {
        scrollbackground();
        }, 100
      );
    }
    scrollbackground();

});
Fórum de criação do tema: http://ryokorpg.forumeiros.com/
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Ter 19 Nov 2013, 6:18 pm

Ao seu máximo tipo aqui no PUNBB? Só que se mexendo?
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Ter 19 Nov 2013, 6:44 pm

digo largura maxima, tipo cobrindo uma area inteira sem limitações, e Sim tipo aqui o punbb só que se mexendo como antes

#Edit

parece que algum Javascript tava chocando com o efeito de movimento e eu consegui concerta isto agora, só falta aumentar a largura ao máximo. Quando a problema da altura já descobri o que é, é que a altura do fundo do logo é maior que a altura do logo, então tenho que decer o logo de forma que fique exatamente no meio do fundo do logo
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Legolas em Qua 20 Nov 2013, 9:36 am

Aqui está se movendo normalmente



pun-intro modificado e em movimento Url11
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qua 20 Nov 2013, 12:21 pm

exato, era um java script que tava chocando contra o do movimento mais eu já o retirei, agora só quero que a largura do pun-intro seja máxima
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Legolas em Qua 20 Nov 2013, 1:08 pm

O que quer dizer com largura máxima? Pois isso depende da resolução da pessoa. O que você pode fazer é adicionar um min-width para torná-la padrão



pun-intro modificado e em movimento Url11
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qua 20 Nov 2013, 4:32 pm

bom deixa eu tentar explicar com prints:

pun-intro modificado e em movimento SxY4wSR

como nos prints a largura do meu fórum oficial é "infinita", não é definida, cobre sempre a pagina toda, quanto a que eu estou tentando mudar é definida e não muda, quero que fique "infinita" como a outra.
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qua 20 Nov 2013, 7:51 pm

Amigo! Fiz uma base aqui sem fórum de testes e sem nada, formatei o PC a poucas horas e to sem as senhas dos meus fóruns acredita? ¬¬
Crie um novo JScript:
Código:
$(function(){
var pegarintro = $('#pun-intro').html();
$('.pun #pun-intro').hide();
$('.pun').before(pegarintro);
$('head').prepend('<style>#pun-intro {margin-right: 0px !important;margin-left: 0px !important;}</style>');
});
Resulta?
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qua 20 Nov 2013, 8:14 pm

não, a imagem de fundo some e o logo vai para o lado esquerdo( literalmente gruda no lado extremo esquerdo) da pagina
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qua 20 Nov 2013, 8:21 pm

Olá,

Troque por esse:
Código:
$(function(){
var pegarintro = $('#pun-intro').html();
$('.pun > #pun-intro').hide();
$('.pun').before(pegarintro);
$('head').prepend('<style>#pun-intro {margin-right: 0px !important;margin-left: 0px !important;}</style>');
});
É deixe ativo, preciso identificar o erro..
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qua 20 Nov 2013, 10:09 pm

pronto ja deixei ativo, ainda não resultou e apresenta o mesmo erro
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qui 21 Nov 2013, 8:40 am

Olá! Troque por:
Código:
$(function(){
var pegarintro = $('#pun-intro').html();
$('.pun > #pun-intro').hide();
$('#fa_toolbar').before(pegarintro);
$('head').prepend('<style>.pun{width: 90% !important;}</style>');
});
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qui 21 Nov 2013, 9:05 am

novamente sem resultados, agora sumiu tudo do pun-intro
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qui 21 Nov 2013, 4:16 pm

Desculpe então amigo, sem fórum de testes e horrível. Vamos esperar o JScript lhe ajudar, perdão.
avatar
Convidado
Convidado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Convidado em Qui 21 Nov 2013, 4:35 pm

certo, sem problemas
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Legolas em Sex 22 Nov 2013, 10:29 am

Olá,

Faça esse último teste. Adicione em seu css:

Código:
#content, #pun-head {
    top: 260px!important;
    position: relative;
}
div#pun-intro {
    min-width: 110%!important;
    position: absolute;
    left: 0px!important;
}



pun-intro modificado e em movimento Url11

Conteúdo patrocinado

pun-intro modificado e em movimento Empty Re: pun-intro modificado e em movimento

Mensagem por Conteúdo patrocinado


    Data/hora atual: Qui 14 Nov 2019, 3:08 pm