Publicidade em cima do cabeçalho

Detalhes da questão

Endereço do fórum: http://www.online-winxclub.com/
Versão do fórum: PhpBB3

Descrição

Olá novamente,
Há um tempo atrás, antes de iniciar uma viagem, eu abri aqui um tópico e como queria que tudo fosse resolvido antes de eu ir, nem conferi se existia bugs, vi o melhor código, um que funcionasse, e decidi aceitar e colocar, código esse para colocar publicidade no cabeçalho.

No design antigo, contei com a ajuda do grande usuário Sennior, sendo que o último código e que eu tenho agora mesmo é o do "grande usuário" Cepheus.
(Tópicos: Clique aqui e aqui!)

Reparei que, ao contrário do código do Sennior, que carrega super rápido, o do Cepheus, por outro lado, demora um ou dois segundos, fazendo com que um enorme espaço branco (as vezes as publicidades até chegam a aparecer) surge, antes de ir para cima do cabeçalho.

Eu sei que é algo complicado, mas será que podiam rever o código e tentar, se alguma forma, colocar o código a rodar mais rápido, ou criar um novo, tal como o do Sennior?
Muito obrigado desde já!

Olá novamente.

É simples entender isso. O código do @Sennior é CSS puro, e consequentemente carrega praticamente junto com todos os elementos da página por ser algo naturalmente natural.

O Javascript, precisa (em outras palavras) esperar pela execução completa do HTML na página para se auto executar. Ou seja, é o mesmo que você jogar um quilo de pedra no chão, e um quilo de pena de ganço... Qual delas vai cair primeiro? Apesar de ser um quilo igualmente, pode ser que a pena demore mais a cair. (que comparação mais best/\ :s ).

Isso é normal e depende da internet do usuário. Se o fórum for carregado em questões de milésimos, o script também é carregado em menos de um segundo.

Até mais!

Haveria alguma possibilidade de passarem o código para CSS, neste caso? Inicialmente o mesmo estava assim mesmo.

É que se torna um pouco "irritante" para mim e para outros estar a preparar-se para carregar num botão, como o novo tópico, e de repente a publicidade sobe e tudo sobe e acabamos por clicar e abrir um tópico qualquer.

E não queria de todo que a única opção fosse esquecer o código e colocar as publicidades embaixo como elas originalmente são, uma vez que eu até gosto de as ver, penso que naquele local fica interessante e atractivo.

Não tem como fazer isso. Entenda que:

CSS é nada mais nada menos que á personalização ou design de um elemento HTML. Ou seja, é a roupa de uma mulher, por exemplo. Ele é o responsável por embelezar o corpo.

Javascript: é nada mais nada menos que acessório para o elemento HTML. Ou seja, jóias, relógios, sapatos, pulseiras, anéis, tiara, bolsas e etc...

São coisas completamente diferentes.

Eu só não entendo porque não funcionaria. Perdoe a minha insistência, contudo inicialmente, o primeiro código que eu pedi e foi feito pelo usuário Sennior, foi feito em CSS, e foi para fazer exactamente a mesma coisa que eu pretendo agora. Quando eu coloquei um espaçamento no cabeçalho, os widgets subiram porque o site "DESCEU", o codigo CSS estava ligado aos widgets, apenas isso. O Cepheus acabou dando um Javascript que resolveu o assunto e eu deixei ficar e o resto você já provavelmente sabe.

Todavia, é o que eu lhe disse acima, não entendo porque não poderia outro código CSS ser feito ou melhorado, uma vez que eu pretendo o mesmo da primeira vez.

Haveria alguma possibilidade de passarem o código para CSS, neste caso?

não entendo porque não poderia outro código CSS

Você se contraditou ao dizer isso. Eu não entendi, e ao mesmo tempo entendi sua dúvida. Você queria que convertêssemos o código javascript em CSS, e isso sim não é possível...

Agora, o que preciso saber de fato, é Qual é o problema que deseja resolver? Quer subir as publicidades? Descer? Puxar?

Eu vou tentar explicar direito rsrs
Eu sou português de portugal, então para mim isso não foi contraditório... err... como explicar direito... :s
O meu problema é simples: Cepheus utilizou um código JS para me colocar as publicidades em cima. Eu não quero um código JS, quero um CSS.

Espero que entenda, não sei como melhor me expressar, desculpe

Ele usou script porque com CSS não foi possível ser feito. Entenda, juleic1123, que o script por mais que demore alguns segundos para ser executado, nós sempre optamos pelo CSS para praticamente tudo aqui no FdF. Quando um pedido não pode ser feito com CSS, usamos o jquery (que foi usado no seu caso).

O CSS é apenas uma forma de personalizar, ele não é capaz de mudar uma estrutura radicalmente. Pode ser que alguns ajustes dê para se fazer, mas, não ficará exatamente como o código script que foi lhe passado.

Eu estou realmente determinado a tentar primeiro com o CSS, mesmo que não fique igual como você disse. Mas desejo realmente tentar. Se eu vir que realmente não há solução e não fica como eu quero, eu utilizarei o JS... (que remédio né rsrs).

Certo. Em que local da página quer colocar a publicidade?

Todas.

Em que local da página? Ela está por cima do fórum. Quer colocá-la abaixo do menu? Abaixo do fórum?

Eu queria que a mesma ficasse no mesmo local, se possível.

Olá!

Você já tem um CSS para posicionamento das publicidades:

Código:

html > body > .conteneur_minwidth_IE > .conteneur_layout_IE > .conteneur_container_IE > #wrap > #page-body > #emptyidcc > #outer-wrapper > #wrapper > #container > #content > #main > #main-content > div:nth-child(1) {
    top: -165px!important;
    position: relative !important;
}

Provavelmente deva estar nos templates. Desative o código script por favor, e faça as alterações neste CSS que passei que já se encontra no seu fórum, e salve.

Muito obrigado! Porém, se antigamente o meu problema era o facto dos widgets subirem com as publicidades, o meu problema agora é justamente o contrário. Os widgets ficaram todos embaixo:



O mais dificil já foi feito. Tem algum código CSS para subir os widgets? Eu tinha um (o primeiro código que me deram das publicidades, dado pelo Sennior), mas o código não funcionou.

Você fala daquele espaço em branco entre o menu e as tabelas, certo? Se sim, você poderá acessar o portal correspondente à http://www.online-winxclub.com/ e depois, adicionar em algum widget este código:

Código:

<style type="text/css" id="ShekCrowley_mainTOP">div#main-content {margin-top: -80px !important;}</style>

O problema é que eu queria para o site inteiro, uma vez que o espaço aparece em todas as páginas (inclusive o fórum). Tem algum código CSS para isso?

É só adicionar este CSS:

Código:

div#main-content {margin-top: -80px !important;}

Na sua folha de estilos CSS.

Não aconteceu nada >-< (eu inclusive tentei mudar os números em margin-top, mas nada aconteceu)

Troca o div#main-content por:

Código:

#main-content

Nada também. :s

Você está colocando este código na sua folha de estilos CSS?

Sim rsrs

EDIT: AFINAL JÁ FUNCIONOU! Eu tinha um segundo código que impedia que os widgets fossem tocados, já o apaguei e o seu código funcionou perfeitamente!
Muito obrigado!