Centralização de login

Controle28
#1

PessoALL,

Mais uma vez tocando neste assuno de login. Se eu crio uma aplicação Controle e crio o login sem definição de coordenadas, ele centraliza horizontalmente, mas coloca os campos na parte de cima da tela. Tem como fazer com que esses campos (login) fiquem realmente centralizados, tanto na altura quanto na largura, independentemente de resolução?

#2

Pelo visto não deve ter mesmo…

#3

Kleyber vc recebeu um e-mail meu ?

#4

Kleyber,

Consegui centralizar utilizando uma rotina disponibilizada em um post do qual vc participou.

header(“Pragma: no-cache”);
header(“Cache: no-cache”);
header(“Cache-Control: no-cache, must-revalidate”);
header(“Expires: Mon, 26 Jul 1997 05:00:00 GMT”);

$dir = opendir($this->Ini->path_aplicacao . “…”);

while ($file = readdir($dir))
{
if ($file != ‘.’ && $file != ‘…’ && $file != ‘_lib’)
{
sc_apl_status($file, ‘off’);
}
}

closedir($dir);

// FUNDO DA TELA DE LOGIN
print ("

body { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; margin:0; z-index:0; opacity:0.6; background-repeat: no-repeat; background-image: url(../_lib/img/fundo.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } a:link, a:active, a:visited { color: #FFFFFF; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: underline; }

");

#5

@Valter,

Não, não recebi. Mande email para kleyber.ribeiro@gmail.com

@George,

Para a tela de fundo tudo bem. O problema é a própria tela de login do SC (campos LOGIN e SENHA) que se você deixar por padrão, ele centraliza horizontalmente, mas coloca os campos lá em cima, e eu preciso que ele detecte automaticamente o centro da tela pra ficar bem dentro do que defini como fundo. Pra vc ter uma idéia do meu problema, acesse: http://www.tkinformidia.net/clinicas.

Grande abraço,

#6

Entendi, muito boa sua tela. Parabéns.

#7

crie uma pagina com seu fundo e um iframe centralizado chamando o login e no login vc carrega o menu no parent

#8

Kleyber você também poderia verificar a resolução e fazer uma matemática:

function colocaNoCentro() {

var meio = screen.height / 2;
meio = parseInt(meio);
document.getElementById('main_table_form').style.margin.top =  meio;

}

Obs.: Eu criei isso agora nunca testei e achei esse screen.height na internet nunca havia usado.

Deve ser algo desse tipo ai.

#9

@Haroldo,

Boa tua idéia, só achei um pouco trabalhosa, não? Mas vou tentar…

@George,

Valeu pela dica. Vou experimentar. Ainda estou pesquisando também, mas bem queu o SC poderia fazer isto já automaticamente, já que ele faz a centralização horizontal, deveria fazer logo a centralização vertical.