Condições no css

3 participantes

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

Tópico resolvido Condições no css

Mensagem por ZombieW 07.04.14 1:55

Qual é minha questão:
Pessoal, 

Estou com um problema no código CSS que insere minha FooterBar.

Quando eu estou logado no fórum, a FooterBar fica posicionada de forma correta, aparecendo os links Forumeiros corretamente:

Condições no css 00111

Quando eu não estou logado, a FooterBar cobre os links Forumeiros:

Condições no css 00211

Portanto, tenho como colocar alguma condição (IF) ou fazer com que sempre ele fique posicionada de forma correta (na altura da 1º foto)?

Segue o código dela no CSS:

Código:
/* Footer Bar */
#footerSw {
margin-top: -75px;
width: 100%;
background: #1E1E1E url('http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg') 50% 0 no-repeat;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center !important;
display: table;
border-top:3px solid #111;
}
#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center !important;
margin: 0 auto;
width: 200px; /* 320 */
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
p.copy {
  margin-top:-15px;
  text-align: center !important;
  color:#FFFFFF;
  position: relative;
}


Endereço do meu fórum:
http://www.tutorialdopw.com

Versão do fórum:
PHPBB3


Última edição por ZombieW em 18.04.14 9:15, editado 1 vez(es)
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Condições no css

Mensagem por Hancki 07.04.14 12:21

Olá!

Tente este CSS:
Código:
#footerSw {
   margin-top: 10px !important;
}
Resultado: http://prntscr.com/37sb1n

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: Condições no css

Mensagem por ZombieW 07.04.14 19:47

Ainda não foi, em ambos os casos (logado e deslogado) a FooterBar fica em posições diferentes.

Condições no css 00310

Condições no css 00410

E eu não preciso que apareça:

"Painel de Controle

© 2010 - 2012 Tutorial do PW - Todos os direitos reservados"
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 07.04.14 19:55

Por favor remova o código CSS que lhe forneci para que eu possa reformular um novo.
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

Principal Contribuidor

Tópico resolvido Re: Condições no css

Mensagem por Shek 08.04.14 0:28

Olá!

Zombie, conectado os links estão por cima tanto logado quanto não logado:
Condições no css Result44
O problema ainda persiste?

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Condições no css

Mensagem por ZombieW 08.04.14 3:54

Sim Shek, ainda persiste.

O fato não é mostrar ou não os links, o problema é que a barra está "mudando a posição" quando logado ou não.

Queria que isso parasse.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 08.04.14 12:55

Olá!

Fiz os meus testes, logado e deslogado, e este deu bem:
Código:
#page-footer {
    padding-bottom: 40px;
}
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: Condições no css

Mensagem por ZombieW 08.04.14 18:35

Mas mantenho o que já existe ou substituo o "top" pelo "bottom"?
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 08.04.14 18:38

Use apenas este que lhe dei, deve resultar.
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: Condições no css

Mensagem por ZombieW 10.04.14 8:39

Desculpe a demora Hancki,

Mantive o:

Código:
margin-top: -75px !important;

E adicionei:

Código:
#page-footer {
    padding-bottom: 40px;
}

A footerbar ainda fica diferente logado e deslogado.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 10.04.14 10:38

Use apenas este:
Código:
#page-footer {
    padding-bottom: 40px;
}
Tem que funcionar :/
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: Condições no css

Mensagem por ZombieW 11.04.14 1:44

Não funcionou.

Volto a perguntar, tenho como fazer um "if" em css?
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 11.04.14 9:57

If statement não está disponível em CSS.

Veja com Javascript:
Código:
if (_userdata.session_logged_in = 1) {
// Acontece algo caso esteja logado
} else {
// Acontece algo para deslogados
}
Será desse género?
Mas preciso que me diga o CSS que quer usar para cada situação, assim lhe estruturo o código.
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: Condições no css

Mensagem por ZombieW 11.04.14 20:25

Exemplo (eu ajusto na marra mesmo):

if cara logado

margin-top: -75px !important;

else

margin-top: -55px !important;
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 11.04.14 20:56

Certo.
Então use este código numa página Javascript, investida em todas as páginas:
Código:
$(function() {
    if (_userdata.session_logged_in = 1) {
        $('head').append('<style>#footerSw { margin-top: -75px !important; }</style>');
    } else {
        $('head').append('<style>#footerSw { margin-top: -55px !important; }</style>');
    }
});
Espero que seja isso.

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: Condições no css

Mensagem por ZombieW 12.04.14 20:29

Acabou não dando certo. =/

Deixei:

Código:
$(function() {
    if (_userdata.session_logged_in = 1) {
        $('head').append('<style>#footerSw { margin-top: -75px !important; }</style>');
    } else {
        $('head').append('<style>#footerSw { margin-top: -5px !important; }</style>');
    }
});

Como teste, aumentei bem quando estiver deslogado, mas não afetou em nada.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 12.04.14 20:34

Eu não acho que este processo seja necessário.
Somente com CSS isso é conseguido e aquele código que eu dei funcionava, porque eu teste logado e deslogado.
É assim, comecemos "de novo".
Nos explique com mais detalhes como está e como quer que fique.. Agora fiquei confuso, acredite :/
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: Condições no css

Mensagem por ZombieW 17.04.14 5:29

Bom,

Preciso alinhar a minha FooterBar de um jeito que apareça SOMENTE os links da Forumeiros (sem o 'Painel de Controle').

O problema não é ajustar isso. O problema é que meu ajuste funciona somente quando estou logado no fórum. Deslogado a FooterBar parece que sobe mais do que estava configurado.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 17.04.14 9:56

Quando você está logado, o link do painel de controle está lá. Quando desloga, já não. Então o quadro fica bem!
Isso não acontece com todos, apenas com admin's com acesso ao painel. Entende?
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: Condições no css

Mensagem por ZombieW 17.04.14 13:50

Entendi, então, é só eu ajustar de forma que eu veja corretamente logado que está tudo certo?
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Condições no css

Mensagem por Hancki 17.04.14 18:35

Sim, acho que é isso. Mas trabalhe apenas com o link de painel de controle, ou pode desajustar para todos.
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: Condições no css

Mensagem por ZombieW 18.04.14 9:14

Ok então, obrigado.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

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