quinta-feira, 28 de janeiro de 2010

Barra de ferramentas do Facebook com novos idiomas.

Não importa onde você esteja na web, você pode permanecer na estreita e compartilhando com seus amigos através da barra de ferramentas do Facebook. Lançado originalmente em inglês para o navegador Firefox, agora o Facebook lançou uma versão original para o Internet Explorer da barra de ferramentas e disponibilizadas em um total de 16 idiomas para ambas as versões.





Você pode usar a barra de ferramentas para visitar facilmente as seções e os aplicativos mais comuns no Facebook, incluindo a sua home page, o perfil e a sua caixa de entrada. Você também pode ver quantos pedidos de amigos, receber convites de mensagem para eventos e grupos que estará em forma de ícones perto da parte superior do seu browser (navegador) e, em seguida, clique em para exibi-los.

Quando você encontrar uma notícia interessante, divertido vídeo ou outros conteúdos que você gosta na internet, clique no botão "Compartilhar" na barra de ferramentas para compartilhá-lo com seus amigos no seu Facebook. A barra de ferramentas até você proporciona uma maneira rápida para carregar fotos para seu perfil.

As línguas são agora suportadas em árabe, chinês (simplificado e tradicional), dinamarquês, holandês, alemão, espanhol (Espanha e internacionais), francês, hebraico, indonésio, Italiano, Japonês, Português (Brasil), sueco e turco. Você pode baixar a última versão do Facebook Toolbar para Firefox ou Internet Explorer aqui.

Leia a postagem completa

sexta-feira, 22 de janeiro de 2010

Mozilla finalmente libera versão final do Firefox 3.6


Prometido e cumprido. A Mozilla oficializou hoje mais cedo a versão final do tão aguardado Firefox 3.6.

O nova versão do navegador da raposa é 20% mais veloz que o 3.5 segundo a Mozilla, está mais rápida do que nunca e dispensa a necessidade de reiniciar o navegador para a instalação de temas, já que usa a nova tecnologia Personas.

Além de trazer suporte para as novas tecnologias de CSS, DOM e HTML5, a versão 3.6 já incorpora notificações para alertar o usuário sobre plugins desatualizados, melhorias na performance do JavaScript e vídeos em tela cheia.

O Firefox 3.6 é compatível com as três plataformas mais usadas Mac OS, Windows e Linux, estando disponível para download em varios idomas. Clique aqui para baixá-lo diretamente do site da Mozilla.

Leia a postagem completa

sexta-feira, 8 de janeiro de 2010

Dicas e macetes GTA Vice City, mas para PC

MIAMITRAFFIC Motoristas agressivos.
NUTTERTOOLS Ganha armas pesadas
THUGSTOOLS Ganha armas leves
PROFESSIONALTOOLS Ganha armas de porte médio
IWANTITPAINTEDBLACK Todos os carros ficam pretos
AHAIRDRESSERSCAR Todos os carros ficam rosa
GREENLIGHT Todos o trafico tem luz verde
BIGBANG Explode os carros pertos
SEAWAYS Carros andam na água
COMEFLYWITHME Carros podem voar
STILLLIKEDRESSINGUP Muda as roupas
ICANTTAKEITANYMORE Come suicídio
LEAVEMEALONE Diminui o nível de procurado
ABITDRIEG Nuvens densas
AIRSHIP Os navios voam por pouco tempo
CANTSEEATHING Aparece Neblina
PRECIOUSPROTECTION Armadura Completa
ASPIRINE Vida Completa
CHICKSWITHGUNS Garotas ganham armas
PROGRAMMER Tommy ganha pernas/braços de menina
FANNYMAGNET Ganha guarda costas gostosas
APLEASANTDAY Nuvens leves
ONSPEED Faz tudo ficar rápido
BOOOOOORING Faz tudo ficar lerdo
DEEPFRIEDMARSBARS Tommy acelera
CERTAINDEATH Faz você fumar
WHEELSAREALLINEED Somente as rodas do carro fica visível
OURGODGIVENRIGHTTOBEARARMS Pedestres ganham armas
NOBODYLIKESME Pedestre te odeiam
FIGHTFIGHTFIGHT Os pedestre se odeiam
GRIPISEVERYTHING Curva perfeita
ILOOKLIKEHILARY Jogue com Hilary King
MYSONISALAWYER Jogue com Ken Rosenberg
LOOKLIKELANCE Jogue com Lance Vance
WELOVEOURDICK Jogue com Love First character (Dick)
ROCKANDROLLMAN Jogue com Love Fist character (Jezz Torent)
FOXYLITTLETHING Jogue com Mercedes
ONEARMEDBANDIT Jogue com Phil Cassidy
CHEATSHAVEBEENCRACKED Jogue com Ricardo Diaz
IDONTHAVETHEMONEYSONNY Jogue com Sonny Forelli
YOUWONTTAKEMEALIVE Aumenta o nível de procurado
CHASESTAT Mostra algo
TRAVELINSTYLE Cria um Bloodring Banger
GETTHEREQUICKLY Cria um Bloodring Banger #2
BETTERTHANWALKING Cria um Caddie
GETTHEREVERYFASTINDEED Cria um Hotring Racer
GETTHEREAMAZINGLYFAST Cria um Hotring Racer #2
PANZER Cria um tanque
THELASTRIDE Cria um Romero’s Hearse
GETTHEREFAST Cria um Sabre Turbo
RUBBISHCAR Cria um caminhão de lixo
ROCKANDROLLCAR Cria um Love Fist’s Limo
LIFEISPASSINGMEBY Aumenta a velocidade do relógio do jogo
CATSANDDOGS Tempestade.
ALOVELYDAY Ensolarado

Leia a postagem completa

segunda-feira, 20 de abril de 2009

Como criar um RSS Feed simples é outro em PHP

O que é um feed RSS? Na página da Wikipedia
sobre RSS
podemos ler:

RSS (Really Simple Syndication) é uma família de formatos de feeds web usados para publicar conteúdo actualizado regularmente incluindo, mas não limitado a, entradas de blogs, notícias e podcasts.

É então um formato de ficheiro para publicar conteúdos. É útil porque as pessoas podem facilmente subscrever a esses feeds e receber conteúdo actualizado da sua preferência, quando e como querem, de várias fontes e de forma organizada. Como exemplo de um feed RSS podem ver o feed deste site: feed RSS do Broculos.net.
O software usado para ler feeds RSS é chamado de leitor RSS e pode correr no browser ou no desktop. XML é usado para especificar o formato RSS.

Um link para um feed RSS é normalmente acompanhado com um ícone RSS. Falaremos disto mais à frente.

Exemplo de um ficheiro RSS

O formato RSS é bastante simples. Neste tutorial vamos usar a versão 2.0 da especificação RSS. Vamos apenas usar algumas das suas etiquetas. Devem ver a especificação para saber se precisam ou querem utilizar mais.

Um feed RSS é composto por um canal e por uma colecção de itens. Tomem conhecimento de que existe um número máximo de itens que podem ter num feed RSS. Por exemplo, na versão 0.91 da especificação RSS, o número máximo de itens é 15. Os leitores podem impor os seus próprios limites.

Aqui fica um exemplo simples de um feed RSS.

<?xml version="1.0" encoding="ISO-8859-1"?>

<rss version="2.0">

<channel>

<title>Example RSS feed</title>

<description>Example of a RSS feed, part of a programming tutorial on
making a feed in PHP.</description>

<link>http://www.broculos.net</link>

<copyright>Copyright (C) 2008 Broculos.net</copyright>

<item>

<title>Example 1</title>

<description>This is the description of the first example.</description>

<link>http://www.example.com/example1.html</link>

<pubDate>Mon, 29 Dec 2008 22:10:00 -0600</pubDate>

</item>

<item>

<title>Example 2</title>

<description>This is the description of the second example.</description>

<link>http://www.example.com/example2.html</link>

<pubDate>Thu, 03 Jan 2008 14:27:15 -0600</pubDate>

</item>

</channel>

</rss>


Exemplo de um ficheiro RSS

O formato RSS é bastante simples. Neste tutorial vamos usar a versão 2.0 da especificação RSS. Vamos apenas usar algumas das suas etiquetas. Devem ver a especificação para saber se precisam ou querem utilizar mais.

Um feed RSS é composto por um canal e por uma colecção de itens. Tomem conhecimento de que existe um número máximo de itens que podem ter num feed RSS. Por exemplo, na versão 0.91 da especificação RSS, o número máximo de itens é 15. Os leitores podem impor os seus próprios limites.

Aqui fica um exemplo simples de um feed RSS.



Como criar um feed RSS dinâmico
em PHP


Como podem ver no exemplo, é um formato bastante simples. No entanto, vocês não vão querer fazer um novo ficheiro RSS manualmente sempre que algo muda no vosso site.



Temos, portanto, 2 opções: fazer um script para produzir o ficheiro RSS ou fazer um script que é o ficheiro RSS. Prefiro a última hipótese, porque é mais simples e a primeira solução requer que chamemos o script sempre que quisermos actualizar o feed RSS.



Vamos então fazer o nosso feed RSS sempre actualizado. Só precisamos de produzir as etiquetas apropriadas com o conteúdo. Como isto é apenas uma demonstração, os dados encontram-se definidos no próprio ficheiro. Numa situação realística o conteúdo seria carregado de uma base de dados.


<?php
 
/**
* For demonstration purposes, the data is defined here.
* In a real scenario it should be loaded from a database.
*/
$channel = array("title"        => "Example RSS feed",
"description"  => "Example of a RSS feed, part of a programming tutorial on making a feed in PHP.",
"link"         => "http://www.broculos.net",
"copyright"    => "Copyright (C) 2008 Broculos.net");
 
$items = array(
array("title"       => "Example 1",
"description" => "This is the description of the first example.",
"link"        => "http://www.example.com/example1.html",
"pubDate"     => date("D, d M Y H:i:s O", mktime(22, 10, 0, 12, 29, 2008)))
, array("title"       => "Example 2",
"description" => "This is the description of the second example.",
"link"        => "http://www.example.com/example2.html",
"pubDate"     => date("D, d M Y H:i:s O", mktime(14, 27, 15, 1, 3, 2008)))
);
 
$output = '<?xml version="1.0" encoding="ISO-8859-1"?>';
$output .= '<rss version="2.0">';
$output .= "<channel>";
$output .= "<title>" . $channel["title"] . "</title>";
$output .= "<description>" . $channel["description"] . "</description>";
$output .= "<link>" . $channel["link"] . "</link>";
$output .= "<copyright>" . $channel["copyright"] . "</copyright>";
 
foreach ($items as $item) {
$output .= "<item>";
$output .= "<title>" . $item["title"] . "</title>";
$output .= "<description>" . $item["description"] . "</description>";
$output .= "<link>" . $item["link"] . "</link>";
$output .= "<pubDate>" . $item["pubDate"] . "</pubDate>";
$output .= "</item>";
}
$output .= "</channel>";
$output .= "</rss>";
 
header("Content-Type: application/rss+xml; charset=ISO-8859-1");
echo $output;
 
?>

A segunda parte do script constitui a construção do feed RSS. Requer que estejam definidas a variáveis $channel e $items com os valores respectivos a corresponder às chaves necessárias.



Depois de construirmos o XML e guardá-lo na variável $outputprecisamos de o mostrar. Antes de o fazermos enviamos um cabeçalho indicando o tipo de conteúdo do ficheiro. Neste caso dizemos que é um ficheiro XML RSS. Finalmente, mostramos o resultado final. Podem ver este exemplo de feed RSS.


Como fazer com que os browsers reconhecam o feed RSS


Agora devem preocurpar-se em tornar o feed RSS disponível para toda a gente que está interessada em subscrever-se a ele. Além de colocarem uma ligação no vosso site para o feed RSS, também devem fazer mais um passo adicional.



Existe uma etiqueta HTML que serve para indicar que a página tem um feed RSS. Devem colocá-la entre a etiqueta head.


<link rel="alternate" type="application/rss+xml" title="Title of the feed (RSS 2.0)" href="rss.php" />

Devem especificar o título do vosso feed RSS assim como a sua localização.



Para browsers que reconheçam RSS, isto garante uma forma simples de fazer com que o feed RSS seja detectado. Os browsers normalmente indicam que um feed RSS foi detectado ao mostrarem um ícone RSS na barra de localização.


Conclusão


Não se esqueçam - apenas falamos das etiquetas mais básicas.
Devem ver a especificação completa para melhor perceberem
o que devem incluir e o que devem deixar de fora.



O código que produzimos não é muito reutilizável.
Podem optar por construir um escritor de RSS com algumas classes ou
então definir uma função.



O que é que há mais ainda a fazer? Devem usar o ícone
standard RSS
, certificarem-se que o vosso RSS é válido
através da validação
do vosso feed RSS
e para
funcionalidades mais avançadas para o vosso feed
RSS, como estatísticas de visitantes, podem usar o FeedBurner.

Leia a postagem completa

segunda-feira, 30 de março de 2009

Adicionar uma coluna no template

Você tem um template que adora e não está nem um poucoafim de trocar ele só para conseguir uma coluna extra...Ok, seusproblemas acabaram! Vou explicar passo-a-passo como adicionar uma nova colunano template.

Vamos nos familiarizar com o seguinte trecho do CSS do seu template (pode
haver pequenas variações mas o básico é isso):



/* Outer-Wrapper

----------------------------------------------- */

#outer-wrapper {

width: 900px;

margin:0 auto;

padding:0px;

text-align:left;

font: $bodyfont;

background-color: #bgcolor;

}


#main-wrapper {

margin-left: 3px;

width: 468px;

float: left; (ou $startSide)

word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */

}


#sidebar-wrapper {

margin-right: 0px;

width: 210px;

float: right; (ou $endSide)

word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */

}



Onde Outer-Wrapper contém tudo o que está
no template, main-wrapper é a coluna do post e
sidebar-wrapper é a coluna lateral (perfil).

O que vamos fazer é adicionar outra coluna colando logo abaixo
de sidebar, este código:

#newsidebar-wrapper {

margin-left: 0px;

width: 210px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */

}


Atenção para as medidas: a soma da largura do post mais
as duas colunas laterais tem que ser menor do que o valor width
de Outer-Wrapper. Não esqueça de somar
bordas e o espaçamento que talvez você deseje que tenha entre
as colunas.

Agora desça a página até encontrar esta parte do
código (HTML):


<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

</b:section>

</div>

e cole imediatamente ANTES este:

<div id='newsidebar-wrapper'>

<b:section class='sidebar' id='newsidebar' preferred='yes'>

</b:section>

</div>


Importante: No HTML os elementos (DIVs) precisam ser dispostos na ordem
estabelecida no CSS. Ou seja, se Newsidebar tem float:
left; (flutuação à esquerda) deve
ser colocado no HTML antes da DIV Main-Wrapper, ficando assim:

<div id='newsidebar-wrapper'>

<b:section class='sidebar' id='newsidebar' preferred='yes'>

</b:section>

</div>




<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

</b:section>

</div>




<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

</b:section>

</div>



Ou seja, Newsidebar flutua à esquerda, Main-Wrapper
flutua à direita e Sidebar-Wrapper flutua à
direita e esta disposição é obedecida no HTML

 

:: Voltar
 

Leia a postagem completa

sobre o atualizando

Atualizando é um blog comobjetivo de ajuda pessoas com problemas em HTML na blogfera do .blogspot.com 

Leia a postagem completa