Personalizar parte inferior do forum

[Nosferatu~]

Qual é minha questão:
Queria deixar a parte inferior do meu fórum assim: 
https://i.imgur.com/p4eTpl5.jpg

Fórum em que vi isso: 
http://www.foxdesigner.biz/forum

Endereço do meu fórum:
http://styleart.forumeiros.com

Versão do fórum:
INVISION

[Hancki]

Olá!

Use este CSS:

Código:

#gfooter a {
font-family: helvetica;
color: #EEE;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
font-weight: 700;
}
#gfooter {
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
background-image: url('http://imageshack.com/a/img9/4286/q58j.png');
position: absolute;
width: 95%;
height: 100px;
}
DIV.centerer.footer-links {
position: absolute;
bottom: 10px;
right: 20px;
}
#gfooter select {
display: none;
}

Depois, troca o link da imagem de fundo para o que desejar.

Hancki

[Nosferatu~]

Ola, Funcionou mas ainda não preenche a parte toda...
E Cobre o botão do painel de controle...

[Hancki]

Pode mandar um print do resultado?

[Nosferatu~]

Aqui esta: 

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

[Hancki]

Remova o que lhe forneci e substitua por este:

Código:

#gfooter a {
font-family: helvetica;
color: #EEE;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
font-weight: 700;
}
#gfooter {
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
background-image: url('http://imageshack.com/a/img9/4286/q58j.png');
position: absolute;
width: 99%;
height: 100px;
z-index:-1;
}
DIV.centerer.footer-links {
position: absolute;
bottom: 10px;
right: 20px;
}
#gfooter select {
display: none; /*Hancki*/
}

Hancki

[Nosferatu~]

Ainda não funcionou, 

Veja: 

https://i.imgur.com/7X4jGdy.png

[Hancki]

Não sei o que possa ser porque pus a largura a 99% (em máximo de 100%). Se puser a 100%, ou mesmo a 99%, a barra de scrollbar vai aparecer, o que não é desejável.
Não sei outra solução :s

[Nosferatu~]

Okay. Obrigado.
Aguardo outras respostas

[Nosferatu~]

Up!

[Alex Habilidade]

Olá,

Estou fazendo minha tentativa, veja se resulta:

Código:



#gfooter {
    background-image: url("http://imageshack.com/a/img9/4286/q58j.png");
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
    height: 100px;
    margin-left: -26px;
    max-width: 100% !important;
    min-width: 100% !important;
    position: absolute;
    width: 99%;
    z-index: -1;
}


Cordiais Saudações;
Alex!

[Nosferatu~]

Ainda não funcionou muito bem ficou bom uma borda em baixo
E ultrapassou o tamanho da pagina no lado direito. 


Ainda assim obrigado pela tentativa  

[JScript]

@Nemo~

Olá amigo, veja se o código abaixo resulta em seu fórum:

Spoiler:

Resultado:


Abraços,

JS

[Nosferatu~]

Não resultou

[JScript]

Não resultou

Sempre que poder, adicione uma imagem relativa ao problema pois apenas uma frase não explica muito...

Editado 2x:

---

Você tem certeza de que removeu o código anterior e adicionou apenas o que postei? acho que não, veja a imagem abaixo:

Spoiler:

Perceba a marcação que fiz, essa propriedade não faz parte do meu código!!!

Agora verifique o seu fórum sem o código:

Spoiler:

E com o meu código adicionado:

Spoiler:

Percebi um erro no seletor #logostrip em seu html, para corrigir este problema e deixar o código adequado e de acordo com a imagem acima, troque o código anterior e remova quaisquer vestígios de outros por este abaixo:

Spoiler:

---

JS

[Nosferatu~]

Ola , Ainda não resultou 
Quanto ao código que citou se refere a parte superior do fórum , quando adicionei o código agora o menu desceu e ficou dentro das "bordas" do fórum , quanto a parte de baixo ainda possui as "bordas" nas laterais ;

Parte superior:
https://i.imgur.com/L634OXi.png

Parte inferior:
https://i.imgur.com/rkH7Xka.png

[JScript]

Olá!
A parte do menu dá pra resolver rápido, mas quais bordas são essas da parte inferior? Deseja que a "faixa" fique colada nas laterais do fórum?

JS

[Nosferatu~]

Sim Como no logo.

[JScript]

Troque o bloco correspondente no código por este abaixo;

Código:


#gfooter {
  background-image: url("http://imageshack.com/a/img9/4286/q58j.png");
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
  height: 100px;
  left: 0 !important;
  position: absolute;
  right: 0 !important;
  width: auto !important;
}


Resultado:


JS

[Nosferatu~]

Ola, Funcionou dos lados
Porem ainda Ficou com uma borda branca em baixo

@Edit
Print Com o resultado:

[Konai]

Saudações!

Substitua o código fornecido pelo nosso Ajudeiro JScript por este:

Código:

#gfooter {
background-image: url(http://imageshack.com/a/img9/4286/q58j.png);
box-shadow: 0 2px 4px rgba(0,0,0,0.2) inset;
height: 100px;
left: 0!important;
position: absolute;
right: 0!important;
width: auto!important;
z-index: -1;
margin: 15px 0;
}

Caso não fique ao seu gosto, procure no código acima pela linha:

margin: 15px 0;

Modifique o valor "15" até ficar ao teu gosto e salve!

Até mais!

[Nosferatu~]

Muito obrigado.
Resolvido Pode Fechar!

[JScript]

@Nemo~
Se você tivesse dado a devida atenção a esta postagem https://ajuda.forumeiros.com/t88634-personalizar-parte-inferior-do-forum#601412 teria visto que o link do painel de controle já estava fora da faixa!

JS