Personalizar parte inferior do forum

5 participantes

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

Tópico resolvido Personalizar parte inferior do forum

Mensagem por Nosferatu~ 19.01.14 19:03

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


Última edição por Nemo~ em 26.01.14 16:54, editado 1 vez(es)
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki 19.01.14 19:29

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 19.01.14 19:35

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

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki 19.01.14 19:37

Pode mandar um print do resultado?
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 19.01.14 20:01

Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki 19.01.14 20:58

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 19.01.14 21:08

Ainda não funcionou, 
Veja: 
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Hancki 19.01.14 21:10

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 19.01.14 21:11

Okay. Obrigado.
Aguardo outras respostas
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 21.01.14 20:13

Up!
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Alex Habilidade 21.01.14 21:04

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
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 21.01.14 22:26

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
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript 22.01.14 1:07

@Nemo~

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

Resultado:
Personalizar parte inferior do forum TG7ACxn

Abraços,

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 22.01.14 2:24

Não resultou
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript 22.01.14 2:38

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:



JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 22.01.14 4:51

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
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript 26.01.14 12:21

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
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 26.01.14 13:00

Sim Como no logo.
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript 26.01.14 14:12

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:
Personalizar parte inferior do forum 7hYMegb

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 26.01.14 16:03

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

@Edit
Print Com o resultado:

Personalizar parte inferior do forum 3tM3BMr
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Konai 26.01.14 16:34

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por Nosferatu~ 26.01.14 16:52

Muito obrigado.
Resolvido Pode Fechar!
Nosferatu~

Nosferatu~
****

Membro desde : 02/09/2011
Mensagens : 366
Pontos : 550

http://styleart.forumeiros.com/ https://www.facebook.com/AlanNemu

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar parte inferior do forum

Mensagem por JScript 26.01.14 17:18

@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
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos