Problema nas páginas devido aos anúncios

Detalhes da questão

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

Descrição

Boa noite. 
Há uns meses atrás, o usuário Sennior me ajudou a colocar os anúncios no cabeçalho e até agora tudo funcionou corretamente. 
Porém, eu hoje comecei a fazer uma renovação no site e coloquei um cabeçalho totalmente novo. O antigo tinha um espaço destinado aos anúncios, mas neste não. Constatei então que... quando eu tentei subir os anúncios, todos os widgets acompanharam. O fórum, as páginas, tudo subiu! 



Eu quero colocar os anúncios em cima de modo a destacá-los, contudo dando um agrado ao site, algo que os usuários não tenham problemas em olhar e dizer "mas até que fica bonito com os anúncios". Não queria mesmo ter de pagar para os remover porque com os designs que eu faço, eles ficam bem e integram-se totalmente no site, deixando os membros até deslumbrados. 

Queria então saber se é possivel fazerem um código para os manter na página, para que eu possa colocar os anúncios em cima sem que tudo siga atrás. 

Os códigos que o Sennior me deu estavam corretos e estou-lhe muito agradecido, ninguém previu este bug. Link do tópico, para o caso de ser preciso: https://ajuda.forumeiros.com/t105541-ads-no-cabecalho-do-forum

Aguardo ansiosamente!

P.S. Costumo salvar os temas todos, então não sei se precisam que o site fique desordenado. Caso precisem que o site fique novamente como está na foto deste problema, peçam. Irei colocar o design antigo para os membros não ficarem a ver o bug até me resolverem este problema. 

Olá e bom dia!

Você poderia me dizer se o código do tópico na qual Sennior lhe ajudou ainda está aplicado? Se não, tentou aplicá-lo? Se já está, tentou removê-lo?

Até!

Shek escreveu:Olá e bom dia!

Você poderia me dizer se o código do tópico na qual Sennior lhe ajudou ainda está aplicado? Se não, tentou aplicá-lo? Se já está, tentou removê-lo?

Até!

Está aplicado, sim. E não tenho intenção de removê-lo, uma vez que não quero as publicidades embaixo novamente, mas sim em cima do cabeçalho. 
O problema é que os widgets acompanham. 

Isso acontece apenas para quem está logado no fórum?
Se sim tem alguma conta de teste?
Pois para mim é exibido dessa forma:

Boa tarde.

Salve o seu CSS em um bloco de notas, e tente com este novo:

Código:

div#main-content div:nth-child(1) {position: relative !important; top: -170px !important;}

Cepheus escreveu:Isso acontece apenas para quem está logado no fórum?
Se sim tem alguma conta de teste?
Pois para mim é exibido dessa forma:

Que estranho, eu vejo publicidade até nos computadores da escola, todos vêm. 

EDIT: Shek, desculpe só vi a sua mensagem agora, achei que apenas Cepheus tinha respondido. O código funcionar... funciona, mas eu queria as publicidades em cima do cabeçalho, no topo do fórum mesmo, no espaço rosa do plano de fundo que coloquei mesmo destinado para isso, e seu código as coloca no lugar pré-definido da forumeiros.

up

up

Saudações!

Onde eu posso ver este tema pre-definido do senhor autor?
Eu digo este:

Até mais.
Sennior

Tive de remover, ficou assim por 4 dias mas como estava tão bugado removi. 
Quer que coloque de novo?

Calma-te... Deixe-me ver, na minha edição ele ficou por cima, exatamente como quis. Você consegue me indicar uma imagem com marcações de onde quer que fique e como está, por favor?

Obrigado e me desculpe pela demora.

Assim:


Infelizmente não resultou Shek :s

Boa noite.

Mas, eu acessei o fórum e vejo isso:

Não é isso que deseja?

Esse é o design antigo! No novo, a publicidade desce juntamente com o cabeçalho e quando tento colocar para cima, todos os widgets sobem.

Olá autor (a),

poderia implantar seu design novo por gentileza? assim que implantar me avise, para eu ver o que posso fazer para inverter essa situação.

Cumprimentos,
While.

Feito!

Primeiramente retire o css que foi adicionado na sua folha de estilo,
Depois crie um novo js com investimento em todas as paginas:

Código:

    $(document).ready(function() {
        var cepheusCode = String.fromCharCode(104, 116, 109, 108, 62, 98, 111, 100, 121, 62, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 109, 105, 110, 119, 105, 100, 116, 104, 95, 73, 69, 62, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 108, 97, 121, 111, 117, 116, 95, 73, 69, 62, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 99, 111, 110, 116, 97, 105, 110, 101, 114, 95, 73, 69, 62, 35, 119, 114, 97, 112, 62, 35, 112, 97, 103, 101, 45, 98, 111, 100, 121, 62, 35, 101, 109, 112, 116, 121, 105, 100, 99, 99, 62, 35, 111, 117, 116, 101, 114, 45, 119, 114, 97, 112, 112, 101, 114, 62, 35, 119, 114, 97, 112, 112, 101, 114, 62, 35, 99, 111, 110, 116, 97, 105, 110, 101, 114, 62, 35, 99, 111, 110, 116, 101, 110, 116, 62, 35, 109, 97, 105, 110, 62, 35, 109, 97, 105, 110, 45, 99, 111, 110, 116, 101, 110, 116, 62, 100, 105, 118, 32);
        $('.conteneur_minwidth_IE').after(
            '<style type="text/css">' +
            cepheusCode + ' {' +
            'margin-top: -285px!important;' +
            'position: relative !important;' +
            '}' +
            '</style>'
        )
    });

Quase lá!
Os widgets ainda ficaram um pouco para cima e a publicidade no lado direito, e não centrada xs

Achei que era desse jeito que você queria segundo a imagem na sua primeira postagem:
Vamos por parte, eu deixei o código mais visível, troque o código que passei anteriormente por esse:

Código:

$(document).ready(function() {
    var cepheusCode = String.fromCharCode(104, 116, 109, 108, 62, 98, 111, 100, 121, 62, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 109, 105, 110, 119, 105, 100, 116, 104, 95, 73, 69, 62, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 108, 97, 121, 111, 117, 116, 95, 73, 69, 62, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 99, 111, 110, 116, 97, 105, 110, 101, 114, 95, 73, 69, 62, 35, 119, 114, 97, 112, 62, 35, 112, 97, 103, 101, 45, 98, 111, 100, 121, 62, 35, 101, 109, 112, 116, 121, 105, 100, 99, 99, 62, 35, 111, 117, 116, 101, 114, 45, 119, 114, 97, 112, 112, 101, 114, 62, 35, 119, 114, 97, 112, 112, 101, 114, 62, 35, 99, 111, 110, 116, 97, 105, 110, 101, 114, 62, 35, 99, 111, 110, 116, 101, 110, 116, 62, 35, 109, 97, 105, 110, 62, 35, 109, 97, 105, 110, 45, 99, 111, 110, 116, 101, 110, 116, 62, 100, 105, 118, 32);
    $('.conteneur_minwidth_IE').after(
        '<style type="text/css">' +
        cepheusCode + ' {' +
        'margin-top: -285px!important;' +
        'position: relative !important;' +
        '}' +
        '</style>'
    )
});

Agora preciso que tire um print de como os widgets estão aparecendo para você,
Veja como é exibido pra mim:

https://i.imgur.com/H7wcmTU.png

Até mais.

Claro! 
Agora somente os widgets são o problema! rsrsrs


EDIT: Eu reparei em algo que acontece em todas  as páginas (se elas forem "grandes"), sobretudo no fórum

troque o js novamente:

Código:

$(document).ready(function() {
        var cepheusCode = String.fromCharCode(104, 116, 109, 108, 32, 62, 32, 98, 111, 100, 121, 32, 62, 32, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 109, 105, 110, 119, 105, 100, 116, 104, 95, 73, 69, 32, 62, 32, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 108, 97, 121, 111, 117, 116, 95, 73, 69, 32, 62, 32, 46, 99, 111, 110, 116, 101, 110, 101, 117, 114, 95, 99, 111, 110, 116, 97, 105, 110, 101, 114, 95, 73, 69, 32, 62, 32, 35, 119, 114, 97, 112, 32, 62, 32, 35, 112, 97, 103, 101, 45, 98, 111, 100, 121, 32, 62, 32, 35, 101, 109, 112, 116, 121, 105, 100, 99, 99, 32, 62, 32, 35, 111, 117, 116, 101, 114, 45, 119, 114, 97, 112, 112, 101, 114, 32, 62, 32, 35, 119, 114, 97, 112, 112, 101, 114, 32, 62, 32, 35, 99, 111, 110, 116, 97, 105, 110, 101, 114, 32, 62, 32, 35, 99, 111, 110, 116, 101, 110, 116, 32, 62, 32, 35, 109, 97, 105, 110, 32, 62, 32, 35, 109, 97, 105, 110, 45, 99, 111, 110, 116, 101, 110, 116, 32, 62, 32, 100, 105, 118, 58, 110, 116, 104, 45, 99, 104, 105, 108, 100, 40, 49, 41);
        $('.conteneur_minwidth_IE').after(
            '<style type="text/css">' +
            cepheusCode + ' {' +
            'top: -165px!important;' +
            'position: relative !important;' +
            '}' +
       '#emptyidleft + #main #main-content {'+
            'margin-top: -120px;'+
    '</style>'
        )
    });

Resultou, muito obrigado!

Obrigado Cepheus por sempre estar dando uma força no seu tempo livre!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".