ScriptCase Forum

Desenvolvedores => Programação => Tópico iniciado por: Alexandre Lenger em Maio 28, 2008, 04:59:41 pm

Título: Imagem de Fundo na tela de Login
Enviado por: Alexandre Lenger em Maio 28, 2008, 04:59:41 pm
Boa tarde,

Gostaria de colocar uma imagem de fundo na minha tela de Login, gostaria de saber se alguém pode me ajudar...


Muito Obrigado
Título: Re: Imagem de Fundo na tela de Login
Enviado por: antloufer em Julho 10, 2008, 05:44:00 pm
Ola Alexandre, sou novato aqui também trabalho na prefeitura de Peruibe e desde começo de 2007 estamos desenvolvendo nosso serviços online com o scriptcase, acesse o link www.peruibe2.sp.gov.br/servonline acho que a tela de login é da forma que você quer, se for isso realmente o segredo esta no schema, você deve criar um schema próprio para a tela de login, se quiser te envio o nosso para você analisar.

Reeditei esta mensagem, por favor leiam o tópico do dia 15/07/2010 abaixo que lá possui o link para download da tela de login. O link acima eu corrigi.
Título: Re: Imagem de Fundo na tela de Login
Enviado por: George Carvalho em Julho 11, 2008, 12:13:08 pm
antloufer

Gostei da sua tela de login, gostaria de receber os schema para aprendizado.

Grato

George Carvalho

george@sinpol.com.br
Título: Re: Imagem de Fundo na tela de Login
Enviado por: sedese em Outubro 07, 2008, 04:52:17 pm
antloufer,

Poderia enviar para mim também?
Muito obrigado.

marcos.vieito@social.mg.gov.br
Título: Re: Imagem de Fundo na tela de Login
Enviado por: Container em Novembro 20, 2008, 10:15:50 am
antloufer,

  Muito legal ficou seu Login....

  Gostario muito de saber como vc fez, se puder me enviar tbm ..ficaria muito grato !

  email : ted@containersol.com.br

  Ted Craus Obermuller
  Container Solution
  (27) 3324-8835
  Msn : ted@containersol.com.br
Título: Re: Imagem de Fundo na tela de Login
Enviado por: wellington em Janeiro 07, 2009, 09:17:28 pm
Também gostaria de receber seu squema. Favor me enviar wellington@bag-shop.com.br

Obrigado.
Título: Re: Imagem de Fundo na tela de Login
Enviado por: jobsoncunha em Março 31, 2009, 09:50:06 am

antloufer,


Gostaria de receber tbm, se possível, para aprendizado.

Grato,


Jobson
jobsoncunha@msn.com
Título: Re: Imagem de Fundo na tela de Login
Enviado por: williamprog em Abril 01, 2009, 06:55:37 pm
Se puder, envie para mim, muito interessante.

williamactive@hotmail.com

Um abraço

Título: Re: Imagem de Fundo na tela de Login
Enviado por: monike em Abril 16, 2009, 12:49:40 am
Se puder enviar os esquemas para mim tb...
Monike_Kluge@yahoo.com.br

Obrigada
Título: Re: Imagem de Fundo na tela de Login
Enviado por: Kleyber em Abril 16, 2009, 09:19:33 pm
Junto-me ao pedido. Meu email: kleyber.ribeiro@grupoferraz.com.br

Abraços,

Kleyber
Título: Re: Imagem de Fundo na tela de Login
Enviado por: monike em Abril 21, 2009, 08:22:38 pm
Alguém recebeu o esquema e pode me passar?
Monike_Kluge@yahoo.com.br

Obrigada
Título: Re: Imagem de Fundo na tela de Login
Enviado por: possidonio em Maio 13, 2010, 11:47:10 am
Eu tentei acessar o link mas acho que já está fora do ar... Alguém tem o link novo? E o schema para me enviar?

possidoniooliveira@hotmail.com
Título: Re: Imagem de Fundo na tela de Login
Enviado por: ZooSP em Maio 17, 2010, 09:21:58 am
Olá, trabalho no Zoologico de São Paulo e estou migrando os sistemas para SC...


poderia enviar para mim tbm o schema?

Se for abaixo de 2MB

rlangella@sp.gov.br

Acima de 2MB


rodrigolangella@hotmail.com


muito obrigado
Título: Re: Imagem de Fundo na tela de Login
Enviado por: Marcio Akira Okamura em Maio 31, 2010, 09:17:48 pm
o ultimo a receber da lista ai, passa por favor para mim também.

marciookamura@uol.com.br

Obrigado.

Marcio
Título: Re: Imagem de Fundo na tela de Login
Enviado por: antloufer em Julho 15, 2010, 04:09:53 pm
Olá me desculpem pela demora nas respostas, como perceberam acertei o link acima para poderem ver a tela de login que agora esta na versão 5 do scriptcase. Exportei esta aplicação e vocês poderão baixa-lá em http://www.peruibe2.sp.gov.br/download, espero que seja util.
Título: Re: Imagem de Fundo na tela de Login
Enviado por: possidonio em Julho 16, 2010, 10:11:09 am
Acessei o link e está funcionando perfeitamente. A tela de login realmente está muito bonita. Parabéns.
Título: Re: Imagem de Fundo na tela de Login
Enviado por: wetsite em Agosto 18, 2010, 12:51:31 pm
Prezado antloufer,

Valeu pela ajuda, muito legal. Baixei também e vou aproveitar o máximo.

Welington Santos
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Sandra Mello em Julho 06, 2012, 09:44:37 am
Preciso colocar uma imagem no fundo, alguém poderia me ajudar. Gostaria de receber este código e o link acima não funciona mais.


Grata
Título: Re:Imagem de Fundo na tela de Login
Enviado por: George Carvalho em Julho 06, 2012, 10:11:06 am
Veja no post http://www.netmake.com.br/forum/index.php?topic=3416.msg21631#msg21631
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Adesoft em Julho 11, 2012, 04:09:42 pm
Antloufer

Não estou conseguindo baixar, esa fora do ar o link
http://www.peruibe2.sp.gov.br/download/sc_201007151501_export_samples.zip

Poderia me enviar via e-mail ou passar outro link?

Caso alguém tenha conseguido, e puder me enviar !

Adeilson de Oliveira
adeilson.oliveira@gmail.com
Título: Re:Imagem de Fundo na tela de Login
Enviado por: tunge em Julho 16, 2012, 01:36:04 pm
ou voce quer assim
http://sac.mfx.com.br
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Robert Berbert em Julho 16, 2012, 01:40:53 pm
Maneira essa tunge.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Adesoft em Julho 16, 2012, 01:42:22 pm
tunge,

Muito boa, poderia me ajudar e esclarecer como fazer?

Adeilson

Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 16, 2012, 02:16:44 pm
Tb gostaria desta informação
Título: Re: Imagem de Fundo na tela de Login
Enviado por: dmcsystem em Julho 16, 2012, 08:53:30 pm
Olá me desculpem pela demora nas respostas, como perceberam acertei o link acima para poderem ver a tela de login que agora esta na versão 5 do scriptcase. Exportei esta aplicação e vocês poderão baixa-lá em http://www.peruibe2.sp.gov.br/download, espero que seja util.

Olá AntLoufer, tentei baixar no link indicado, mas o link está com problema!

Teria possibilidade de você enviar para mim também:  daniel@dmc-system.com.br

Desde já agradeço!

Daniel
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Tiago Kirsten em Julho 17, 2012, 10:43:00 am
Olá me desculpem pela demora nas respostas, como perceberam acertei o link acima para poderem ver a tela de login que agora esta na versão 5 do scriptcase. Exportei esta aplicação e vocês poderão baixa-lá em http://www.peruibe2.sp.gov.br/download, espero que seja util.

Olá AntLoufer, tentei baixar no link indicado, mas o link está com problema!

Teria possibilidade de você enviar para mim também:  daniel@dmc-system.com.br

Desde já agradeço!

Daniel


Vou pedir pra ele postar novamente a aplicação.

Abraço.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: George Carvalho em Julho 17, 2012, 11:02:58 am
No post http://www.netmake.com.br/forum/index.php?topic=3416.msg21631#msg21631 tem como fazer.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: MikeC em Julho 19, 2012, 01:02:12 pm
Exemplo de tela de login com imagem de fundo

http://suporte.logiciel.pt/sc6/autoexecute
 (http://suporte.logiciel.pt/sc6/autoexecute)
Abraço
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 19, 2012, 02:43:41 pm
Uma dúvida pessoal, no meu caso já tenho o sistema de login todo pronto (o que foi gerado pelo sc), a minha pergunta é a seguinte, tem como alterar a imagem do fundo do login só com o código do George por exemplo ? ou como vc usa Mikec ?
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Robert Berbert em Julho 19, 2012, 04:31:08 pm
Tem sim mano, eu já tenho uma app criada pelo sc, com esse código funcionando.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 19, 2012, 04:33:06 pm
Mano me passa ai o caminho das pedras !!
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Robert Berbert em Julho 19, 2012, 04:48:09 pm
Simples, você vai nos temas, e copia um tema do scriptCase que não possui imagem de fundo: ScriptCase6_Silver

Você clica em salvar como e coloca o nome do tem que você quiser.

Depois disso você edita esse tema da forma que você quiser, e no onScriptInit você coloca o código:

Código: [Selecionar]
print ("
<style type='text/css'>
  body {
   background-position: top center;
   background-repeat: no-repeat;
   background-image: url(/scriptcase/devel/conf/grp/matrix/img/img/novofundo.jpg);
  }
  a:link,
  a:active,
  a:visited {
   color: #FFFFFF;
   text-decoration: none;
  }
  a:hover {
   color: #FFFFFF;
   text-decoration: underline;
  }
 </style>
");

Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 19, 2012, 05:04:19 pm
Blz mano daqui a uns 20m vou testar e te aviso se der algum erro
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 20, 2012, 12:02:16 pm
Vlw mano ta funcionando pefeitamente, o que não dava certo anteriormente é que não usava o tema certo (no caso vc indicou o 6_silver), bem agradeço tb ao Kleyber e ao George.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: MikeC em Julho 20, 2012, 12:43:26 pm
Valter Júnior penso que usando essa maneira se redimensionar o browser a imagem ou os campos de login podem ficar mal.

Eu usei a tecnica deste site

http://ringvemedia.com/ (http://ringvemedia.com/)

Abraço
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 20, 2012, 12:48:09 pm
E como é que se faz MikeC ?
Título: Re:Imagem de Fundo na tela de Login
Enviado por: MikeC em Julho 20, 2012, 01:00:00 pm
Valter usei isto onde o fundo.jpg é a imagem de fundo.

Código: [Selecionar]

<style>

* { margin: 0; padding: 0; }

html {
background: url(images/fundo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

</style>



Abraço
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 20, 2012, 01:14:20 pm
Coloco no OnScriptIni também ?
Título: Re:Imagem de Fundo na tela de Login
Enviado por: MikeC em Julho 20, 2012, 01:22:21 pm
Valter eu coloquei no event OnLoad fechando o tag do php   e no fim abrir .

Código: [Selecionar]

?>

<style>

..........

</style>


<?php

Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Julho 20, 2012, 01:41:38 pm
Vlw mano vou testar, qqr coisa eu aviso
Título: Re:Imagem de Fundo na tela de Login
Enviado por: weber em Julho 21, 2012, 12:46:33 am
estou tendo um certo problema em mudar o fundo usando o print ... no SC6

Quando coloco no onscript .. ao processar o formulario ou algum tipo de evento ajax o qual o SC apresenta uma tela saida como se eu estivesse dado um echo no processamento do ajax..
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Kleyber em Julho 21, 2012, 08:57:06 am
Valter eu coloquei no event OnLoad fechando o tag do php   e no fim abrir .

Código: [Selecionar]

?>

<style>

..........

</style>


<?php


Mike, fiquei curioso em uma coisa aqui: pelo que indicaste a imagem é redimensionada de acordo com a resolução de tela, certo? e como tu fazes então para posicionar a digitação do login e senha no SC?
Título: Re:Imagem de Fundo na tela de Login
Enviado por: MikeC em Julho 23, 2012, 08:17:15 am
Kleyber não percebi a sua pergunta.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Kleyber em Julho 23, 2012, 01:02:57 pm
O Login e a senha estão posicionados com valores fixos não? Ou eles variam com a resolução da tela?
Título: Re:Imagem de Fundo na tela de Login
Enviado por: MikeC em Julho 23, 2012, 01:24:55 pm
Kleyber se for ver o codigo fonte entre a linha 2903 a 2932 está ai o CSS usado

Abraço
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Kleyber em Julho 25, 2012, 07:30:54 pm
Entendi, Mike. Valeu.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: MikeC em Julho 26, 2012, 06:30:22 am
Obrigado.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Kleyber em Julho 28, 2012, 10:03:07 am
ou voce quer assim
http://sac.mfx.com.br

Tunge bom dia,

Como você fez para que os campos de LOGIN e SENHA ficassem com fundo tarnsparente? Ficou muito interessante mesmo e queria aplicar isto aqui.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: pessanha em Julho 31, 2012, 10:14:53 am
eu consegui fazer desta maneira:


http://rpprojetos.com/slb


A transparencia e' feita na linha: opacity:0.8;


print ("

 <style type='text/css'>

  body {
    width:100%;
    height:100%;   
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    z-index:0;
    opacity:0.8;   
    background-repeat: no-repeat;
   background-image: url(../_lib/img/slb_teste2.png);
    -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;
  }
 
 </style>

");


Qualquer coisa, envia um email: betopessanha@gmail.com
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Kleyber em Agosto 01, 2012, 09:37:18 pm
Pessanha,

Fantástico!!! É justamente o que precisava. Vou testar aqui.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Agosto 02, 2012, 01:03:32 pm
Kleyber/Pessanha,

Vcs inseriram no mesmo evento  OnScriptInit ? Meu código ta assim :

Código: [Selecionar]
sc_reset_apl_status();
sc_reset_global ([usr_login], [usr_email]);
print ("
 <style type='text/css'>

  body {
    width:100%;
    height:100%;   
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    z-index:0;
    opacity:0.8;   
    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;
  }
 
 </style>
");
");

E deu o erro abaixo:

Código: [Selecionar]
Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING in C:\Arquivos de programas\NetMake\v6\wwwroot\scriptcase\app\Vendas\app_Login\app_Login_apl.php on line 789
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Valter Júnior em Agosto 02, 2012, 01:06:37 pm
Esqueçam foi BO, achei o erro, tinha um a mais ");, vlw galera
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Kleyber em Agosto 04, 2012, 11:12:06 am
Pessanha,

Fantástico!!! É justamente o que precisava. Vou testar aqui.

Pessanha bom dia,

Funcionou 1000%!!! Valeu mesmo.

Abraços,
Título: Re:Imagem de Fundo na tela de Login
Enviado por: jefersonol em Setembro 17, 2012, 03:21:29 pm
Boa Tarde,
Estou tentando alterar a imagem com o Script passado, mais nao tenho sucesso
Alguem poderia estar me ajudando?
segue meu código:

Código: [Selecionar]
print ("
 <style type='text/css'>

  body {
    width:100%;
    height:100%;   
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    z-index:0;
    opacity:2.8;   
    background-repeat: no-repeat;
   background-image: url(C:\Documents and Settings\jolacerda\Meus documentos\Minhas imagens\j.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;
  }
 
 </style>
");

Desde já agradeço.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Haroldo em Setembro 17, 2012, 04:31:13 pm
primeiro a url tem que ser relativa ao raiz do seu website:

C:\Documents and Settings\jolacerda\Meus documentos\Minhas imagens\j.jpg <- verifique essa linha.

Segundo você deve mexer  no esquema retirando a imagem de fundo.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: jefersonol em Setembro 18, 2012, 09:46:28 am
Obrigado Haroldo consegui resolver o problema.
Fiz a alteração e esta rodando perfeitamente

Obrigado Abrs
Título: Re:Imagem de Fundo na tela de Login
Enviado por: sistemaafl em Novembro 22, 2013, 09:10:48 pm
Meu caro estou começando agora e gostaria muito de receber também.

alex@aflhabitacional.com.br.

Grato.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: claudioRB em Janeiro 09, 2014, 05:09:12 pm
Boa tarde vc poderia me enviar tambem.

claudio.barto@gmail.com obrigado
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Jean Matos em Janeiro 13, 2014, 11:17:14 am
assim   http://www.youtube.com/watch?v=seMpzwNL0u4
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Davison em Janeiro 21, 2014, 10:44:30 am
Amigo, não consigo baixar... queria poder fazer uns testes com imagem de fundo na tela de login.
Teria como vc me dar uma ajuda nisso?
obrigado, Davison
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Davison em Janeiro 24, 2014, 11:26:29 am
Esse formato pode ser feito tbem no sc7?
Título: Re:Imagem de Fundo na tela de Login
Enviado por: FredKeyster em Janeiro 24, 2014, 12:23:22 pm
Citar
Esse formato pode ser feito tbem no sc7?

Sim!
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Davison em Janeiro 27, 2014, 11:36:36 am
Como poderia fazer?
Título: Re:Imagem de Fundo na tela de Login
Enviado por: FredKeyster em Janeiro 27, 2014, 11:52:44 am
Davison, neste mesmo tópico tem explicando como fazer... Onde esta a sua dúvida?
Ali é só copiar e colar praticamente. E mudar o nome da imagem de fundo para o nome de sua imagem.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: Jean Matos em Janeiro 27, 2014, 11:55:15 am
Davison, neste mesmo tópico tem explicando como fazer... Onde esta a sua dúvida?
Ali é só copiar e colar praticamente. E mudar o nome da imagem de fundo para o nome de sua imagem.
Tem também o vídeo que postei...não tem erro, é só seguir.
Título: Re:Imagem de Fundo na tela de Login
Enviado por: mrcgomes em Fevereiro 01, 2014, 09:22:19 am
Excelente!
Se ainda der tempo, por enviar pra mim também?

info@motoexpress.eti.br

Abraços