De modo geral, como mudar a propriedade CSS de alguma tag dependendo do acesso do usuário ao sistema?
Abaixo está a imagem do cabeçalho (rascunho) antes do usuário acessar ao sistema:
E abaixo o mesmo cabeçalho, mas com as divs dos botões desalinhadas (desconsidere o tamanho exagerado do nome do usuário):
E abaixo estão os códigos dos dois:
<div class="header">
<h1 style="margin-left: 300px; margin-top: 0px;"><a href="index.php">TI_sem_dúvidas</a></h1>
<div class="btn_login" style="margin-left: 1000px; margin-top: 50px;">
<a href="#abrir-modal">Login</a>
</div>
Acima foi o header antes do login.
Abaixo é o de depois.
<div class="header">
<h1 style="margin-left: 300px; margin-top: 0px;"><a href="index.php">TI_sem_dúvidas</a></h1>
<div class="btn_login" style="margin-left: 800px; margin-top: 50px; background-color: steelblue; width: 300px;">
Nome de Usuário
</div>
<div class="btn_login" style="margin-left: 1000px; margin-top: 50px;">
<a href="#abrir-modal">Sair</a>
</div>
</div>
Abaixo está o css do HTML e do body
html{
position: relative;
min-height: 100%;
background-color: lightblue;
}
body{
font-family: verdana;
margin: 0 0 400px; /* bottom = footer height */
}
Os cabeçalhos têm a extensão html.php
.
if( ... ) else
?echo
do conteúdo HTML) que tenha um script JavaScript para alterar o estilo dos elementos necessários resolverá seu problema. E se for autenticação com Ajax, mais fácil ainda! Basta inserir mais linha de código JavaScript na chamada de função! :)