Alterar estrutura apenas da página "/forum"

[juleic1123]

Detalhes da questão

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

Descrição

Olá novamente! rsrs
Eu queria colocar o meu  fórum em iframe e sei como o fazer. Porém existe um enorme problema. 
O meu site tem a largura de 76%, como podem visualizar nesta imagem:



Contudo, eu queria saber se existia alguma maneira de deixar o site inteiro com essa largura, e quando chegasse ao link /forum ele ficasse com a largura de 99%, apenas no link do fórum e os tópicos e categorias em si.

Eu queria que o resultado final fosse algo assim, porém só é possível com o fórum a 99%:

[Sennior]

Saudações!

Poderia por gentileza retirar seu fórum que esta em manutenção?
Infelizmente com ele bloqueado não é possível eu ver o "/forum".

Até mais.
Sennior

[juleic1123]

Já está feito. Ficou em manutenção por menos de 5 minutos, estava apenas colocando uma nova página online. Foi um azar!

[Sennior]

Mas que azar em?
Pois bem, criaremos um novo código Javascript:
Cpainel ->> Modulos ->> HTML & Javascript ->> Gestão dos códigos JavaScript
Clique sobre o ícone :

Código:

$(function () {
   var ttt = window.location.pathname;  var subt = ttt.substring(0,6); if(subt === "/forum"){
   $("#wrap").css("width", "100%");
   
   }
});

Investimento coloque em todas as páginas.
Deu certo?
Até mais.
Sennior

[juleic1123]

Resultou sim, porém os tópicos e as categorias/sub-fóruns ficam normais.
E eu queria também, se possivel, que o logo e o menu desaparecessem nesta única página, se possível claro

[Sennior]

Boas!

Sim é possível.
Mas seu fórum esta bloqueado novamente... Poderia libera-lo por gentileza?
Abraços!

[juleic1123]

Ok... :s Não queria que os membros vissem até estar pronto x)

[Sennior]

Certo, então vamos fazer assim, retire o código para que eu faça as modificações sem os membros verem.
Até mais.

[juleic1123]

Feito.

[Sennior]

Seu fórum é bem organizado, meus parabéns!
Troque o código por este:

Código:

$(function () {
   var ttt = window.location.pathname;  var subt = ttt.substring(0,6); if(subt === "/forum"){
   $("#wrap").css("width", "99%");
   $("#page-header").css("display","none");
   $("#main-content").css({"position":"relative","top":"-5pc"});
 }
});

$(function () {
   var ttt = window.location.pathname;  var subt = ttt.substring(0,2); if(subt === "/f"){
   $("#wrap").css("width", "99%");
 }
});
$(function () {
   var ttt = window.location.pathname;  var subt = ttt.substring(0,2); if(subt === "/t"){
   $("#wrap").css("width", "99%");
 }
});

Até mais.
Sennior

[juleic1123]

Muito obrigado! Isso significa muito para mim.  
Infelizmente, devido a alguns outros códigos que eu implementei, apareceram uns errozinhos xD
O resultado foi este: 


Acho que sei uma maneira de corrigir: Talvez arranjando a possíbilidade de trocar o fundo por um branco apenas no fórum, remover as dobras apenas nessa mesma página e a risca cinzenta. 

Lamento imenso pela trabalheira e peço desculpa se for complicado. :s

[Sennior]

Boas!

Assim ficaria bom para a senhorita:
http://prntscr.com/bghsbh

O que acha?
O que quer retirar?
Até mais.

[juleic1123]

Sim por favor, gostaria de tirar o logo com o menu também, se possível.  

P.S. Sou um rapaz, apenas digamos que de quando era pequenino gostava muito de um site que foi fechado e estou a recriá-lo.  

[Sennior]

Ah sim, me desculpe.
Bem, troque o código por este:

Código:

$(function () {
   var ttt = window.location.pathname;  var subt = ttt.substring(0,6); if(subt === "/forum"){
   $("#wrap").css({"width":"99%","border":"1px solid #ffffff!important"});
   $("#page-header").css("display","none");
   $("#main-content").css({"position":"relative","top":"-5pc"});
   $("body").css("background","white");
 }
});

$(function () {
   var ttt = window.location.pathname;  var subt = ttt.substring(0,2); if(subt === "/f"){
   $("#wrap").css("width", "99%");
   $("#page-header").css("display", "none");
   $("#main").css({"top":"-51px","position":"relative"});
   $("body").css("background","white");
 }
});
$(function () {
   var ttt = window.location.pathname;  var subt = ttt.substring(0,2); if(subt === "/t"){
   $("#wrap").css("width", "99%");
   $("#page-header").css("display", "none");
   $("#main").css({"top":"-51px","position":"relative"});
   $("body").css("background","white");
 }
});

Ficara uma borda na estrutura, para retira-la, o senhor vai no teu CSS e procurar por este código:

Código:

#wrap {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #8C8C8C!important;
}

Quando encontrar apague.
Até mais.

[juleic1123]

Feito, está tudo bem... tudo funciona na perfeição menos no inicio

[Sennior]

Saudações!

Seria a borda?
Se sim, coloque este código em teu CSS:

Código:

#wrap {
    border: 1px solid white!important;
}

Até mais.

[while]

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema. Tópico marcado como Resolvido e movido para Questões resolvidas.