Centralizando uma div horizontalmente e verticalmente.

January 27th, 2010 Hugo Henrique No comments

Olá a todos, mais uma dica bastante útil e que muitas pessoas encontram dificuldades. Centralizar uma div horizontal e vertical

Para centralizar é necessário definir 7 propriedades no css sendo elas:  width, height, margin-left, margin-top, top, left, position. Vamos imaginar que nossa div terá uma largura de 400px e uma altura de 300px.

Feito isso vamos encontrar o valor  do margin-left você divide a largura por 2 seguindo o exemplo acima ficaria 400/2=200 agora precisamos encontrar o margin-right que divide a altura por 2, ficando 300/2=150.

Pronto já encontramos os margins:

margin-left: 200px;
margin-top: 150px;

agora vamos definir a div como

postion:absolute
top: 50px;
left: 50px;

Feito isso teremos algo assim:

#window { width:400px; height:300px; margin-left:200px; margin-top:150px;
          position:absolute; top:50% left:50%; }

Espero que tenham gostado, até mais!

Categories: php Tags:

FlashCampBrasil

January 18th, 2010 Hugo Henrique No comments

O 1º flashcampbrasil aconteçeu dia 15 e 16 de janeiro no Maceió Mar Hotel reuniu alguns dos melhores profissionais de RIA do mundo apresentando, discutindo novas tendências, tivemos os seguintes palestrantes:

  • JOSHUA HIRSCH – Big Spaceship
  • LEE BRIMELOW – Adobe
  • CÁSSIO SOUZA – Gringo
  • DEMIAN BORBA – Efm
  • DANIEL DURA – Adobe
  • TIAGO VENEGAS – Vorttice
  • SAMUEL RIVELLO – Rmc
  • IGOR COSTA – RIACycle
  • DANIEL MORENA – 32 Bits
  • FILIPE CUNHA – Globo.com
  • NETO LEAL – Urbana

Algumas fotos minhas no evento.

Categories: flex Tags: ,

Impressão no Flex, batalha final!

October 17th, 2009 Hugo Henrique No comments

Fala pessoal, tempão sem postar nada….
Vamos lá.. desta vez irei falar sobre uma grande batalha que os desenvolvedores em flex passam que a impressão de relatórios. Visitando o blog do italo matos encontrei um breve post sobre o componente FlexPrintJob no qual nos dá uma ajuda muito grande.

Pequeno exemplo:

import mx.printing.FlexPrintJob;

var print:FlexPrintJob = new FlexPrintJob();

public function printReport():void {
 if (print.start()) {
   print.addObject(componente);
   print.send();
  }
}

Vamos a breve explicação, foi criado a instancia do objeto que referência o componente FlexPrintJob. No momento em que print.start() startado o componente onde mesmo assim o código continua em execução depois é instanciado o print.addObject(componente) nesse momento adicionamos o objeto desejado nesse caso chamamos de componente mas você pode usar qualquer objeto que implemente a interface IUIComponent.
Então no momento que for acionado a funcão printReport() será iniciado a impressão do componente.

Para quem quiser estuda-lo mais a fundo Class reference

Categories: flex Tags:

Operador ternário

August 2nd, 2009 Hugo Henrique No comments

Olá pessoal,

Irei explicar sobre operador ternário onde também é conhecido como atribuição condicional eu prefiro chamá-lo de operador ternário, mais o importante é entender seu funcionamento para aplicá-lo no dia-a-dia.

Podendo resumir, sua função nada mais é que colocar uma condição if dentro de uma variável.  Vamos primeiro passar rápidamente a condição if.

$abc = true;
if($abc == true){
  echo “Correto”;
}else{
  echo “Errado”;
}

Então seria: se a variável abc for verdadeira ele irá exibir Correto se tiver qualquer outro resultado será exibido Errado.

Depois de passarmos pela condição if vamos de fato para o operador ternário.

$abc = true;
$variavel = ($abc == true) ? ("Correto") : ("Errado");

Outro exemplo:

$idade = 18;
$variavel =($idade > 18)?("Maior de idade"):("Menor de idade");

Como vocês podem observar ele são separados por “delimitadores” sendo ?(interregoção) :( dois pontos)  que na explicação se encaixam como:

$variavel = (condição) if (Exibe resultado verdadeiro) senão (apresenta resultado falso)

ou

(condição) ? (verdadeiro) : (falso)

Categories: php Tags: