Condições no css

Item: Condições no css
Rating: 1

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

por Hancki 07.04.14 12:21

Olá!

Tente este CSS:

Código:: #footerSw { margin-top: 10px !important; }

Resultado: http://prntscr.com/37sb1n

Hancki

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

E eu não preciso que apareça:

"Painel de Controle

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

por Hancki 07.04.14 19:55

Por favor remova o código CSS que lhe forneci para que eu possa reformular um novo.

por Shek 08.04.14 0:28

Olá!

Zombie, conectado os links estão por cima tanto logado quanto não logado:

O problema ainda persiste?

Até mais!

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.

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

por ZombieW 08.04.14 18:35

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

por Hancki 08.04.14 18:38

Use apenas este que lhe dei, deve resultar.

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.

por Hancki 10.04.14 10:38

Use apenas este:

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

Tem que funcionar :/

por ZombieW 11.04.14 1:44

Não funcionou.

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

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.

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;

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

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.

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 :/

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.

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?

por ZombieW 17.04.14 13:50

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

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.

por ZombieW 18.04.14 9:14

Ok então, obrigado.

Condições no css

Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css

Re: Condições no css