Condições no css

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

Resolvido Condições no css

Mensagem por ZombieW em 06/04/14, 09:55 pm

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:



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



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, 05:15 am, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org
  • 0

Resolvido Re: Condições no css

Mensagem por Hancki em 07/04/14, 08:21 am

Olá!

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

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

Mensagem por ZombieW em 07/04/14, 03:47 pm

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





E eu não preciso que apareça:

"Painel de Controle

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 07/04/14, 03:55 pm

Por favor remova o código CSS que lhe forneci para que eu possa reformular um novo.
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: Condições no css

Mensagem por Shek em 07/04/14, 08:28 pm

Olá!

Zombie, conectado os links estão por cima tanto logado quanto não logado:
O problema ainda persiste?

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Condições no css

Mensagem por ZombieW em 07/04/14, 11:54 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 08/04/14, 08:55 am

Olá!

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

Mensagem por ZombieW em 08/04/14, 02:35 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 08/04/14, 02:38 pm

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

Mensagem por ZombieW em 10/04/14, 04:39 am

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 10/04/14, 06:38 am

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

Mensagem por ZombieW em 10/04/14, 09:44 pm

Não funcionou.

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 11/04/14, 05:57 am

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

Mensagem por ZombieW em 11/04/14, 04:25 pm

Exemplo (eu ajusto na marra mesmo):

if cara logado

margin-top: -75px !important;

else

margin-top: -55px !important;
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 11/04/14, 04:56 pm

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

Mensagem por ZombieW em 12/04/14, 04:29 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 12/04/14, 04:34 pm

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

Mensagem por ZombieW em 17/04/14, 01:29 am

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 17/04/14, 05:56 am

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

Mensagem por ZombieW em 17/04/14, 09:50 am

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Condições no css

Mensagem por Hancki em 17/04/14, 02:35 pm

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

Mensagem por ZombieW em 18/04/14, 05:14 am

Ok então, obrigado.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1265
Pontos Ativos : 1786

Ver perfil do usuário http://www.perfectteam.org

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