Personalizar parte inferior do forum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 19/01/14, 05:03 pm

Qual é minha questão:
Queria deixar a parte inferior do meu fórum assim: 
http://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


Última edição por Nemo~ em 26/01/14, 02:54 pm, editado 1 vez(es)
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu
  • 0

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki em 19/01/14, 05:29 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 19/01/14, 05:35 pm

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

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki em 19/01/14, 05:37 pm

Pode mandar um print do resultado?
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 19/01/14, 06:01 pm

avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu
  • 0

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki em 19/01/14, 06:58 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 19/01/14, 07:08 pm

Ainda não funcionou, 
Veja: 
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki em 19/01/14, 07:10 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 19/01/14, 07:11 pm

Okay. Obrigado.
Aguardo outras respostas
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 21/01/14, 06:13 pm

Up!
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Alex Habilidade em 21/01/14, 07:04 pm

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!Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 21/01/14, 08:26 pm

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  Piscada
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript em 21/01/14, 11:07 pm

@Nemo~

Olá amigo, veja se o código abaixo resulta em seu fórum:
Spoiler:
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: 98%;
   height: 100px;
   margin-top: 25px !important;
}
DIV.centerer.footer-links {
   position: absolute;
   bottom: 10px;
   right: 20px;
}
#gfooter select {
   display: none; /*Hancki*/
}

Resultado:


Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 22/01/14, 12:24 am

Não resultou
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu
  • 0

Resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript em 22/01/14, 12:38 am

Nemo~ escreveu: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:
Código:

#gfooter a {
   font-family: helvetica;
   color: #EEE;
   font-size: 12px;
   text-shadow: 1px 1px 0 #5F5F5F;
   font-weight: 700;
}
#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: 10px !important;
  margin-top: 25px !important;
  position: absolute;
  width: 97%;
}
DIV.centerer.footer-links {
   position: absolute;
   bottom: 10px;
   right: 20px;
}
#gfooter select {
   display: none; /*Hancki*/
}
#logostrip {
  margin: 0 !important;
  width: auto !important;
}



JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 22/01/14, 02:51 am

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:
http://i.imgur.com/L634OXi.png

Parte inferior:
http://i.imgur.com/rkH7Xka.png
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript em 26/01/14, 10:21 am

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 26/01/14, 11:00 am

Sim Como no logo.
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu
  • 0

Resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript em 26/01/14, 12:12 pm

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 26/01/14, 02:03 pm

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

@Edit
Print Com o resultado:

avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu
  • 0

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Gaaratsu em 26/01/14, 02:34 pm

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! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ em 26/01/14, 02:52 pm

Muito obrigado.
Resolvido Pode Fechar!
avatar

Nosferatu~
Usuário avançado

Masculino
Inscrito dia : 02/09/2011
Mensagens : 366
Pontos Ativos : 550

Ver perfil do usuário http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu
  • 0

Resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript em 26/01/14, 03:18 pm

@Nemo~
Se você tivesse dado a devida atenção a esta postagem http://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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum