O + http://blog.opositivo.com Frogão Web Tue, 30 Jun 2009 16:58:15 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 Tabela Tipográfica http://blog.opositivo.com/2009/04/07/tabela-tipografica/ http://blog.opositivo.com/2009/04/07/tabela-tipografica/#comments Tue, 07 Apr 2009 16:00:47 +0000 aline http://blog.opositivo.com/?p=106

Até mesmo as matérias do colégio mais desanimadoras e complexas, podem servir de fonte de inspiração.
Pelo menos, foi o que fez um designer, e transformou a velha e conhecida Tabela Períodica, numa criativa Tabela Tipográfica.

Para isso, ele escolheu as 100 tipografias mais conhecidas, e dividiu por nome, família, ano em que foi criada e um símbolo para identificá-la na tabela.

Quem quiser conferir um pouco mais sobre ela é só clicar aqui.

Até mais,

Aline Vetillo

]]> http://blog.opositivo.com/2009/04/07/tabela-tipografica/feed/ Design de logos 2009 http://blog.opositivo.com/2009/03/25/design-de-logos-2009/ http://blog.opositivo.com/2009/03/25/design-de-logos-2009/#comments Wed, 25 Mar 2009 22:37:06 +0000 aline http://blog.opositivo.com/?p=98 Para quem gosta de manter-se atualizado, o site Logoorange anualmente publica as tendências para logos.

Eles acreditam que, paixão e forte visibilidade serão o tema didático de 2009, e enfatizam dizendo que “More will be the new less” (Mais será o novo menos), ou seja, logos mais elaborados, repleto de detalhes minimalistas, serão a aposta deste ano.

Confira abaixo todas as tendências:

Psychedelic Pop Backgrounds

Origami

Tactile

Arabesque

Classic Modernism

Pictograms

80’s Geometry

Typographic Logos

Street Art

Puzzle Patterns

Até mais,

Aline Vetillo

]]> http://blog.opositivo.com/2009/03/25/design-de-logos-2009/feed/ Função para Paginação PHP http://blog.opositivo.com/2008/11/19/funcao-para-paginacao-php/ http://blog.opositivo.com/2008/11/19/funcao-para-paginacao-php/#comments Wed, 19 Nov 2008 16:03:32 +0000 admin http://blog.opositivo.com/?p=90 Agência O Positivo - www.opositivo.com

Hoje vou mostrar como montar uma paginação

PLAIN TEXT
PHP:
  1. function paginacao($items, $items_pagina, &$pagina_atual, &$pagina_total, &$pagina_anterior, &$pagina_proxima, &$indice_primeiro, &$indice_ultimo, &$items_total) {
  2.         if ((!$items) || (!is_array($items)))
  3.             return array();
  4.         $items_total = sizeof($items);
  5.         $pagina_total = ceil($items_total / $items_pagina);
  6.         if ((!$pagina_atual) || ($pagina_atual <1) || ($pagina_atual> $pagina_total)) {
  7.             $pagina_atual = 1;
  8.         }
  9.         $pagina_anterior = ($pagina_atual == 1 ? 0 : ($pagina_atual-1));
  10.         $pagina_proxima  = ($pagina_atual == $pagina_total ? 0 : ($pagina_atual+1));
  11.         $indice_primeiro = ((($pagina_atual - 1) * $items_pagina) + 1);
  12.         $indice_ultimo   = (($indice_primeiro + $items_pagina - 1)> $items_total ? $items_total : ($indice_primeiro + $items_pagina - 1));
  13.         return array_slice($items, $indice_primeiro - 1, $items_pagina, TRUE);
  14.     }

Para fazer esta function funcionar, basta ter os dados em uma array ex:

PLAIN TEXT
PHP:
  1. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  2. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  3. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  4. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  5. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  6. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  7. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  8. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  9. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  10. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');
  11. $conteudo[]=array('Nome' => 'O Positivo', 'site'=>'www.opositivo.com');

Agora vamos chamar a função paginacao

PLAIN TEXT
PHP:
  1. $items_pagina   =5;
  2. $pagina_atual   =addslashes($_REQUEST['p']);
  3. if(!$pagina_atual)
  4.     $pagina_atual = 1;
  5.  
  6. $resultado=paginacao($conteudo, $items_pagina, &$pagina_atual, &$pagina_total, &$pagina_anterior, &$pagina_proxima, &$indice_primeiro, &$indice_ultimo, &$items_total);

Pronto a função vai retornar a array e os dados da paginação

PLAIN TEXT
PHP:
  1. // imprimindo tudo que a função retorna, para você mostrar na tela
  2. echo "<li> Pagina Atual = ".$pagina_atual;
  3. echo "</li><li> Pagina Total = ".$pagina_total;
  4. echo "</li><li> Pagina Anterior = ".$pagina_anterior;
  5. echo "</li><li> Proxima Pagina = ".$pagina_proxima;
  6. echo "</li><li> Primeira Chave = ".$indice_primeiro;
  7. echo "</li><li> Ultima Chave= ".$indice_ultimo;
  8. echo "</li><li> Total de dados = ".$items_total;
  9. echo "<pre>";
  10.  
  11. // montar anteriores e proximas paginas
  12. if($items_total> 1){
  13.     $paginas .="PAGINAS:";
  14.     if($pagina_atual> 5) {
  15.         $inicio_paginacao=$pagina_atual-3;
  16.         $pagina_final=$pagina_atual+4;
  17.         if($pagina_final> $pagina_total)
  18.             $pagina_final=$pagina_total;
  19.         $paginas .=" ... | ";
  20.  
  21.     }else {
  22.         $inicio_paginacao=1;
  23.         $pagina_final=($pagina_total> 13 ? 13 : $pagina_total);
  24.     }
  25.    
  26.     for($i=$inicio_paginacao; $i <= $pagina_final; $i++){
  27.         if($pagina_atual==$i)
  28.             $paginas .="<a href='?p=$i'><font color=red><b>$i</b></font> | ";
  29.         else
  30.             $paginas .="<a href='?p=$i'>$i</a> | ";
  31.     }   
  32.     if($pagina_final <$pagina_total)
  33.         $paginas .=" ... ";
  34.     }
  35.  
  36. // mostrando o resultado agora basta você saber trabalhar eles
  37. echo $paginas;
  38. echo "<pre>";
  39. print_r($resultado);

Ta feito a brincadeira.
Agora é só colocar o layout e saber trabalhar a array

Link para testar: http://opositivo.selfip.com:9080/blog/paginacao.php

Ducca - Agência O Positivo | www.opositivo.com ]]> http://blog.opositivo.com/2008/11/19/funcao-para-paginacao-php/feed/ Color Blender http://blog.opositivo.com/2008/09/12/color-blender/ http://blog.opositivo.com/2008/09/12/color-blender/#comments Fri, 12 Sep 2008 23:02:08 +0000 aline http://blog.opositivo.com/?p=87 A escolha de cores em um site, muitas vezes pode causar terríveis dores de cabeça.
Tanto para quem esta criando este site, quanto para quem acessa essa mistureba colorida virtual (caso a escolha não tenha sido bem feita).

E como é possível fazer uma boa escolha?

Muitas vezes acabamos seguindo nosso "feeling", misturado com toooodo aquele vaasto conhecimento que aprendemos na faculdade sobre o assunto. Enfim, talvez por isso, o resultado nem sempre é dos melhores.
Existe toda uma teoria por detrás de cada cor, e saber sobre isso ajuda e muito na hora de definir quais delas serão usadas nos seus trabalhos.

Bom, como estou aqui para dar dicas de sites, apresento à vocês o site Color Blender

Para quem não conhece o site, ele é um dos muitos que ajudam vocês dando algumas opções de cores que harmonizam com aquela definida como principal.
Esse misturador de cores, trabalha nas escalas RGB e HSV, e apresenta 5 opções diferentes para você que não sabe por onde começar.

Fica a dica!

Abraços,

Aline Vetillo

]]> http://blog.opositivo.com/2008/09/12/color-blender/feed/ Pulseira USB http://blog.opositivo.com/2008/09/08/pulseira-usb/ http://blog.opositivo.com/2008/09/08/pulseira-usb/#comments Mon, 08 Sep 2008 23:43:15 +0000 fernando http://blog.opositivo.com/?p=84 Fala Galera, tudo certo?
A Imation está trazendo de volta aquelas famosas pulseiras de silicone, que a um tempo eram a maior febre e agora sumiram, porém com uma "leve" diferença essas novas pulseiras são também pen drives de 32MB a 1GB!! Elas terão diversas opções de cores e as empresas porerão colocar suas marcas para utilizar como venda ou brinde.

As pulseiras serão vendidas a partir do dia 21 de Setembro no Japão.

Abraço
Fernando Jimenez

]]> http://blog.opositivo.com/2008/09/08/pulseira-usb/feed/ Cadernos Tipográficos http://blog.opositivo.com/2008/08/19/cadernos-tipograficos/ http://blog.opositivo.com/2008/08/19/cadernos-tipograficos/#comments Tue, 19 Aug 2008 22:45:27 +0000 aline http://blog.opositivo.com/?p=80 Bom, como fazia tempo que eu não postava resolvi dar uma dica que vale por 9, principalmente para quem quer se aprofundar no assunto tipográfico.

O site Tipografos.net, disponibiliza cadernos tipográficos que podem ser baixadas no próprio site. O arquivo em PDF é super completo, e já está na 9º edição.

Os cadernos abordam temas relacionados com a Tipografia, o typeface design, o design gráfico, a análise social e cultural dos fenómenos relacionados com a edição, publicação e reprodução de textos e imagens.

Com certeza vale a pena conferir!

Abraços,

Aline Vetillo

]]> http://blog.opositivo.com/2008/08/19/cadernos-tipograficos/feed/ COLOURlovers http://blog.opositivo.com/2008/08/06/colourlovers/ http://blog.opositivo.com/2008/08/06/colourlovers/#comments Wed, 06 Aug 2008 23:32:37 +0000 denise http://blog.opositivo.com/?p=78 Olá galera,
sou Denise Mello, estudo design digital e atualmente trabalho em uma editora na área de criação de banners p/ artistas que desejam divulgar suas músicas. Estou passando por aqui pela primeira vez. Resolvi deixar um site sobre cores: combinações de cores, textuas, entre outras coisas referentes. Espero que de algum jeito isto ajude você. É um site bem legal e nele você poderá achar coisas muito interessantes. Algumas pessoas já devem conhecer, mas para quem ainda não conhece o site é:

Espero que aproveitem a dica... e quem sabe voltarei em breve.

Até a próxima!
Denise Mello

]]> http://blog.opositivo.com/2008/08/06/colourlovers/feed/ Animamundi 2008 http://blog.opositivo.com/2008/07/22/animamundi-2008/ http://blog.opositivo.com/2008/07/22/animamundi-2008/#comments Tue, 22 Jul 2008 20:48:23 +0000 aline http://blog.opositivo.com/?p=75

Começa nesta quarta 22/07, na cidade de São Paulo, a 16º edição do festival anual de animação conhecido como Anima Mundi. O festival que vai até 27/07, ocorre sempre no mês de julho, nas cidades de São Paulo e Rio de Janeiro, e este ano conta com 441 animações de 42 países, divididos nas categorias: Curta-Metragem, Longa-Metragem, Curta Infantil, Animação Brasileira e Filme de Estudante.

Dentre os 74 brasileiros que assinam a mostra, o curta “Pajerama” dirigido por Leonardo Cadaval, foi destaque no Rio de Janeiro, onde a mostra ocorreu do dia 11/07 até 20/07.

O Anima Mundi, acontece no Memorial da América Latina e no Centro Cultural Banco do Brasil, foi iniciado em 1992. É considerado um dos maiores festivais de animação do mundo, e com certeza o maior da América Latina, onde animadores dos quatro cantos do mundo podem mostrar seu trabalho e concorrer a prêmios que chegam a até R$10.000,00.

Resolvi postar aqui um dos meus vídeos preferidos, não sei exatamente de que ano é, pois assisti durante uma aula da faculdade.

Father and Daughter

As sessões ocorrem o dia todo, possuem um valor simbólico, por isso, para garantir seu lugar vale a pena comprar antecipado.

No site do Anima Mundi você encontra mais informações sobre a mostra e ainda confere a vinheta de 2008.

Programação:
Baixe aqui a programação completa do Festival Anima Mundi 2008 em PDF.
Baixe aqui a grade de exibição do Festival Anima Mundi 2008 em PDF.

Até a próxima,

Aline Vetillo

]]> http://blog.opositivo.com/2008/07/22/animamundi-2008/feed/ Forma e Fonte http://blog.opositivo.com/2008/07/17/tipografia/ http://blog.opositivo.com/2008/07/17/tipografia/#comments Thu, 17 Jul 2008 21:03:42 +0000 aline http://blog.opositivo.com/?p=74 Sei que você publicitário deve saber o quanto uma boa tipografia faz a diferença em um anúncio. Muitas vezes é ela quem salva uma propaganda ruim. Por isso, a tipografia tem tanto peso quanto a imagem ou o texto, até por que, cada fonte transmite uma idéia, e ela deve estar de acordo com a mensagem que você está querendo transmitir.

Dessa forma, toda aquela sopa de letrinhas deve ser muito bem pensada antes de ser simplesmente despejada no papel. E não pense você, que todas as fontes que estão no seu computador são consideradas boas pelo fato de estarem instaladas nos programas. Existem diversos sites onde você pode baixar fontes gratuitamente, como por exemplo:

dafont
netfontes
abstractfonts
1001fonts
fontspace

É claro que existem muitos outrtos, como citei em um dos post o site Blue Vertigo, possui uma lista com vários sites de fontes.

Depois disso, faça testes com todas aquelas fontes que você selecionou como mais adequadas, e preste atenção na “mancha” que ela deixa no papel (ou no seu monitor, enfim).

Bom, este é um assunto que eu particularmente me interesso bastante, e se você quiser saber um pouquinho mais, este vídeo em inglês bem produzido, explica rapidamente o que vêm a ser tipografia.

O que é tipografia?

Abraços e até a próxima,

Aline Vetillo

]]> http://blog.opositivo.com/2008/07/17/tipografia/feed/ Alinhando um Div ao centro com css http://blog.opositivo.com/2008/07/10/alinhando-um-div-ao-centro-com-css/ http://blog.opositivo.com/2008/07/10/alinhando-um-div-ao-centro-com-css/#comments Fri, 11 Jul 2008 01:14:17 +0000 admin http://blog.opositivo.com/?p=72 O Positivo desenvolve seus web sites em tableless.

Para centralizar um div basta fazer assim:

PLAIN TEXT
HTML:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <head>
  5.       <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.       <title>Aula div com css O Positivo </title>
  7.         <style type="text/css" media="screen">
  8.         #div_centro {
  9.                 width: 300px;
  10.                 margin: 0 auto;
  11.                 border:1px solid red;
  12.                        
  13.                 }
  14.  
  15.         </style>
  16.     </head>
  17.     <body>
  18.         <div id="div_centro"></div>
  19.     </body>
  20. </html>

muito simples e fácil. Até a próxima dica.

Ducca - O Positivo

]]> http://blog.opositivo.com/2008/07/10/alinhando-um-div-ao-centro-com-css/feed/