Tiago Celestino .blog - Distribuindo o que vier à cabeça

gif falsa pra o IECA6

Assine RSS

Acompanhe as atualizações do blog assinando o feed.

Pesquise

Faça uma pesquisa e encontre tudo que já foi publicado no blog

Faça sua busca

Eu Apoio

  • Diga não ao Projeto do Senador Azeredo!

Flickr Fotos

  • Triste realidade
  • Minha área de trabalho
  • Malabaristas da Cidade
  • Meninos Malabaristas
  • Malabarista da Cidade
  • Menino Malabarista

Twitter

Publicado em: 28 fevereiro 2008

qFilme.com - seus comentários sobre filmes

Quem disse que o Twitter não serve pra nada? Por lá estou conhecendo muito sites interessantes indicado pela a galera que acompanho, o Twitter também está me servindo para divulgar matérias, imagens, vídeos etc… que encontro pela Internet afora. Está sendo interessante utilizar o serviço, mesmo alguns dizendo que não sirva para muita coisa.

Mas entrando no verdadeiro assunto….

Alguma dia desse estava acompanhando o Twitter de alguém (desculpa, mas esqueci quem indicou) que mandou o link do site qFilme.com, um serviço idealizado pelo o Thadeu Morgado dedicado exclusivamente a comentários sobre filmes[bb] que já assistimos na tv[bb], em dvd[bb], no cinema ou via download.

qFilme.com
Tela principal do qFilme.com

Leia abaixo para entender melhor:

O que é o qFilme?

É um ambiente de troca de opiniões rápidas sobre filmes que assistimos em cinema, tv, dvd e por download.
A idéia é se transformar numa referência rápida para quando quisermos decidir por algum filme, saber o que as pessoas estão vendo ou até mesmo manter um histórico dos filmes que assistimos.
Quem faz o projeto?

A idéia é simples, porém bastante eficiente e objetiva, já que lá podemos encontrar críticas e elogios dos outros participantes.

Para participar, basta se cadastrar e já sair deixando suas críticas, elogios e sua nota para os filmes que estiver afim de comentat. Lembrando que o serviço ainda é beta, então pode ocorrer alguns problemas (comigo até agora não aconteceu nenhum).

Categorias: Sem categoria | Tags:

Publicado em: 24 fevereiro 2008

Feed - Fome Assassina

Feed - Fome Assassina

Assitir o filme “Feed - Fome Assassina[bb]“, um filme que mostra um psicopata que possui uma tara por mulheres obesas.

Contando um pouco o filme

Michael Carter (Alex O’Loughlin) é opsicopata que tem tara por mulheres que são acima do peso. Devido a sua infância alimentando a sua mãe obesa, ele passou a ter tara por mulheres obesa[bb]. O cara é totalmente louco.

Além alimentar suas vítimas, ele se mastuba enquanto oferece de hamburger, a suco de gorduras (das outras gordinhas) com leite etc.. a suas vítimas. Michael mantêm o site chamado “Feeder”, aonde mostra ao vivo a evolução do peso e os batimentos cardíacos de suas vítimas. O site é totalmente “underground”, aonde fiquei impressionado com a forma que o cara conseguiu disfarçar o acesso para o site (só assistindo para saber).

Feed - Fome Assassina
Michael colocando a sua tara a mostra

Corra que a polícia vem ai!!

O policial australiano Phillip Jackson (Patrick Thompson), especialista em investigar crimes através da Internet é o responsavél pela a descoberta do site, aonde tentando impedir que mais pessoas sejam mortas, parte para os EUA em busca do tarado das obesas.

Feed - Fome Assassina
Policial Phillip falando ao celular e dormindo ao mesmo tempo.

O restante do filme é uma busca rápida, aonde não leva nem um dia para o policial encontrar pessoalmente o tarado, que por sinal é muito mais esperto do que o polícial, que apesar de ser forte, no filme foi nada menos que um fraco, apanhando de um “quase” magrelo.

Minhas recomendações

Se você não tem estômago de aço, ou não pode ver muita nojeira, eu não recomendo assistir esse filme.

Mas se você não tem nada pra fazer em um domingo a tarde, não quer assistir futebol, muito menos Faustão (obeso?), é uma boa pedida. E minha nota para o filme é: 4:D

Bom começo de semana para todos!

Categorias: Sem categoria | Tags:

Publicado em: 21 fevereiro 2008

Encontre papéis de parede de graça

Dando uma fuçada pelo o del.icio.us, encontrei um site para aqueles que curtem trocar diaramente o papel de parede do seu PC[bb] e Mac[bb], o Social Wallpapering.

O Social Wallpapering, é um serviço totalmente gratuito, aonde é possível encontrar milhares de papéis de parede de diferentes tamanhos e temas. Os papéis de parede estão organizado em categorias como: Abstrato, Criaturas, Pessoas etc.. Também existe a possibilidasde de se encontrar papéis de parede selecionado o tipo do monitor[bb], como “standard”, “widescreen”, “dual monitor” etc…

Social Wallpapering

O site também permite você enviar papéis de parede para o banco de dados do site, que ainda está beta e que não está permitindo o cadastro de novos usuários, mas nada que impeça de fazer o upload de seus papéis de parede.

Encontrando papéis através do Flickr

Para aqueles que preferem encontrar os papéis de parede utilizando o Flickr, o Marco Gomes desenvolveu há algum tempo atrás o Wallpapr, um serviço que busca dentro do Flickr imagens que podem servir de papel de parede.

Wallpapr

O Wallpapr utiliza das tags colocadas nas imagens dos usuários do Flickr, para fazer a busca mais precisa, uma solução rápida e que pode ajudar a mudar um pouco a sua área de trabalho. Você também pode indicar a quantidade de resultados que quer para a determinada busca.

Existem milhares de sites que oferecem papéis de parede de graça e interessantes, mas nunca custa deixar mais algumas sugestões.:D

Categorias: Sem categoria | Tags:

Publicado em: 19 fevereiro 2008

Efeito accordion usando o jQuery

Ultimamente venho estudando um pouco mais o framework js jQuery. Com linhas de código simples, dar para criar muita coisa interessante. O exemplo abaixo é uns desses código simples de se fazer com o jQuery, mas que pode ser utilizado em várias situações. Sem falar que existem milhares de plugins para adaptar o jQuery no seu projeto.

Vamos lá!!

Para começar, precisaremos criar uma pasta aonde os arquivos serão salvos. Depois de criar a pasta, faça o donwload do jQuery.js. Nesse caso eu modifiquei o nome, mas é a msm versão.

Lembrando que esse exemplo é baseado no exemplo do blog Learning jQuery (em inglês), que recomendo para todos aqueles que querem aprender a usar o jQuery de forma rápida e sem frescuras.

Então vamos lá…

exemplo.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Efeito Accordion com jQuery</title>
<link href="estilo.css" media="screen" rel="stylesheet" />
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<h1>Accordion com jQuery</h1>
<div id="subCategorias">
  <h3>Opção 1</h3>
  <ul>
    <li><a href="#"> Link 1</a></li>
    <li><a href="#"> Link 2</a></li>
  </ul>
  <h3>Opção 2</h3>
  <ul>
    <li><a href="#"> Link 1</a></li>
    <li><a href="#"> Link 2</a></li>
  </ul>
  <h3>Opção 2</h3>
  <ul>
    <li><a href="#"> Link 1</a></li>
    <li><a href="#"> Link 2</a></li>
  </ul>
</div>
</body>
</html>

Copie e cole o código acima no editor de sua preferência, salvando o arquivo como exemplo.html (pode ser outro nome também). Depois de feito isso, você pode formatar a página da forma que quiser, utilizando o CSS. Fiz um exemplo simples para esse tutorial.

estilo.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
body {
	margin:0px;
	padding:0px;
	font:12px Arial, Helvetica, sans-serif;
}
h1 {
	font:18px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:10px;
}
#subCategorias {
	width:200px;
	padding:10px;
}
#subCategorias h3 {
	font-size:14px;
	color:#fff;
	background: #CC0000;
	padding:10px;}
#subCategorias ul {
	margin:0px;
	padding:0px;
}
#subCategorias ul li {
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#subCategorias ul li a {
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}

Feita a formatação, vamos inserir o código abaixo dentro do nosso arquivo exemplo.html. Esse é o script que fará o efeito accordion que estamos querendo e note que o código é simples e não tem muita frescura.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
      $(document).ready(function() {
    $('#subCategorias> ul').hide();
        $('#subCategorias> h3').click(function() {
 
          var $proxUl = $(this).next();
 
          var $visibleSiblings = $proxUl.siblings('ul:visible');
 
    if ($visibleSiblings.length ) {
            $visibleSiblings.slideUp('fast', function() {
              $proxUl.slideToggle('fast');
            });
          } else {
             $proxUl.slideToggle('fast');
          }
        });
      });
 
</script>

exemplo.html (completo)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Efeito Accordion com jQuery</title>
<link href="estilo.css" media="screen" rel="stylesheet" />
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<h1>Accordion com jQuery</h1>
<div id="subCategorias">
  <h3>Opção 1</h3>
  <ul>
    <li><a href="#"> Link 1</a></li>
    <li><a href="#"> Link 2</a></li>
  </ul>
  <h3>Opção 2</h3>
  <ul>
    <li><a href="#"> Link 1</a></li>
    <li><a href="#"> Link 2</a></li>
  </ul>
  <h3>Opção 2</h3>
  <ul>
    <li><a href="#"> Link 1</a></li>
    <li><a href="#"> Link 2</a></li>
  </ul>
</div>
<script>
      $(document).ready(function() {
    $('#subCategorias> ul').hide();
        $('#subCategorias> h3').click(function() {
 
          var $proxUl = $(this).next();
 
          var $visibleSiblings = $proxUl.siblings('ul:visible');
 
    if ($visibleSiblings.length ) {
            $visibleSiblings.slideUp('fast', function() {
              $proxUl.slideToggle('fast');
            });
          } else {
             $proxUl.slideToggle('fast');
          }
        });
      });
 
</script>
</body>
</html>

Agora é só testar no navegador e pronto! Você vai ter um efeito accordion que pode ser adaptado para menu entre outras coisas.

Para aqueles que preferem estudar direto, sem precisar copiar e colar, basta baixar os arquivos no link e bons estudos.

Categorias: Sem categoria | Tags:

gif falsa pra o IECA6

XHTML e CSS com autoria de Tiago Celestino - Usando o WordPress 2.6

Esta obra está licenciada sob uma Licença Creative Commons.

Creative Commons License