Wallace Martins

bem simples

passo 1 - download

passo 2 - incluir a lib em seu html

<script type="text/javascript" src="niftycube.js"></script>

passo 3 - utilização

script:
<script type="text/javascript">

window.onload=function(){

Nifty("div#box","big");

}

</script>

html:

<div id="box" style="background:#CCC"></div>

mais exemplos, clique aqui

Olá pessoal!

Encontrei no site http://www.videotutoriais.net/
o video tutorial sobre Smarty, um framework PHP que auxilia a separar o codigo PHP da página, além de otimizar o acesso à sua pagina php!

seguem os links:

parte 1 - instalação, uso básico - http://www.videotutoriais.net/videos/smarty/smarty.html
parte 2 - conexão com mysql, loop, zebrar tabela - http://www.videotutoriais.net/videos/smarty2/smarty2.html
parte 3 - trabalhando com cache no smarty - http://www.videotutoriais.net/videos/smarty3/smarty3.html

créditos ao Rodrigo! excelente tutorial!

até mais!

hahahaha
depois de tanta discursão no orkut,
encontrei a melhor soluçao para postar sintaxe de codigo - fonte em sites



download - http://syntaxhighlighter.googlecode.com/files/SyntaxHighlighter_1.5.1.rar

passo 1 - declarar a lib (de acordo com o diretorio da LIB, e também declare de acordo com a liguagem a ser usada )

<link type="text/css" rel="stylesheet" href="css/SyntaxHighlighter.css"></link>
<script language="javascript" src="js/shCore.js"></script>
<script language="javascript" src="js/shBrushCSharp.js"></script>
<script language="javascript" src="js/shBrushXml.js"></script>

<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

passo 2 - inclua na tag o atributo "class" e especifique a sintaxe de codigo que deseja sobressaltar

<pre><pre name="code" class="c-sharp">

... codigo aqui ...

</pre></pre>

pode também colocar o codigo em um textarea

<textarea name="code" class="c#" cols="60" rows="10">

... codigo aqui ...

</textarea>

linguagens suportadas:

C++ - cpp, c, c++
C# - c#, c-sharp, csharp
CSS - css
Delphi - delphi, pascal
Java - java
Java Script - js, jscript, javascript
PHP - php
Python - py, python
Ruby - rb, ruby, rails, ror
Sql - sql
VB - vb, vb.net
XML/HTML - xml, html, xhtml, xslt

mais informações , clique aqui

Tutorial JQuery

Download JQuery

$() - seletor jquery - equivale ao document.getElementByID()


//aqui vem todo o js ,
//que será executado só quando o DOM estiver pronto
$(document).ready(function(){

//aqui dentro o seu codigo js ou funcoes do jquery

});


//atualiza uma div com "hahahahahaah"
//html - equivale ao innerHtml
$("#main").html("hahahahahaah");


//selecionando nós filho do nó pai
//em todas as divs dentro da minha div #main aplicarei esse css
$("#main > *").css("border", "3px double red");


//div pai em div filho
$("#pai > #filho").css("border", "3px double red");


//esconde uma div
$("#main").hide();

//efeito fade na div
$("#main").FadeIn("fast");
$("#main").FadeOut("slow");


//chama um efeito para uma div e realiza uma funcao no callback
$("#main").show( "slow", function(){ alert("deslizou!")} )


//efeito de slide
$("#main").slideDown("slow")
$("#main").slideUp("fast")

//carrego em uma div determinado conteudo de outra pagina
$("#links").load("/Main_Page #p-Getting-Started li");

//nesse caso, seleciono todas as "li" na div 'p-Getting-Started' na pagina /Main_Page

REQUISIÇÃO AJAX
//isso pode ficar dentro de uma funcao

$.ajax({
type: "POST",//tipo
url: "some.php",//arquivo a passar os parametros
data: { nome: "wallace", idade: "22" },//aqui vc pode usar alguma funçao que retorne os dados dos campos de um form, por exemplo
success: function(retorno_do_php){
alert( "Dados retornados: " + retorno_do_php);
}
});

some.php

if(isset($_POST['nome']) && isset($_POST['idade'])){
print "{$_POST['nome']} - {$_POST['idade']}";
}



outras coisinhas do site http://simplesideias.com.br/usando-jquery-na-pratica/

Exemplos práticos

Agora você conhece os seletores do jQuery, veja alguns exemplos mostrando como usar este framework.

• Executando códigos no após o carregamento da página (onload) - ready.html
• Zebrar uma tabela, adicionando uma classe de CSS - zebra-table.html
• Adicionar um evento onmouseover nas linhas de uma tabela, alterando a cor de fundo - table-row.html
• Iterar em uma lista de elementos retornados - iteration.html
• Mover itens de uma lista para outra - list-items.html
• Carregar HTML em um elemento - html-content.html
• Carregar dados em formato JSON - json-content.html
• Exibir/Esconder elementos - show-hide.html

o que é sandbox - http://www.orkut.com.br/CommMsgs.aspx?cmm=13142697&tid=5205853739878237527&start=1

como ter um sandbox - http://www.orkut.com.br/CommMsgs.aspx?cmm=13142697&tid=5205849689724077399

imagem do sandbox - http://i229.photobucket.com/albums/ee192/googlediscovery/orkutsandbox2.jpg

resumindo: você pode criar qualquer aplicaçao com javascript e colocar no orkut

REQUISITOS:

- conhecer javascript, html, css (o basico)


- ter um servidor web para disponibilizar a app (pra quem tem conta no gmail, pode usar o http://code.google.com/p/)


COMO FAZER:

disponibilizei todos os arquivos que criei aqui!
http://code.google.com/p/google-adsense-test/downloads/list

1-abra o bloco de notas


2-copie esse código


<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="titulo do gadget " height="300" width="470" description="descricao do gadget " author="seu nome "
author_email="seuemail@seuemail.com"
thumbnail="url de qualquer imagem ">
<Require feature="opensocial-0.7"/>
<Require feature="dynamic-height"/>
<Locale lang="pt" country="BR"/>
</ModulePrefs>
<Content type="html">

<![CDATA[

3-Aqui dentro vem todo o seu conteudo html , javascript, css, como se fosse uma pagina web

]]>
</Content>
</Module>

EXPLICANDO UM POUCO:

As aplicações para o orkut ,ou "gadgets", como são chamadas, possuem esta estrutura como base. Aonde está o item 3 é o container HTML, onde você deve colocar suas tags ,, seus javascripts , css, etc. Essas aplicações , mesmo feitas corretamente, não poderão ser visualizadas da maneira esperada pelo seu browser, pois o seu IE ou o seu FIREFOX irão interpretar o conteúdo como um XML (o que realmente um gadget é, um XML ). Para que você possa visualizar o que você está desenvolvendo, DISPONIBILIZEI ABAIXO DO ITEM 5, O LINK ONDE TEM O EDITOR PARA CRIACAO DE GADGETS. Esse editor não precisa instalar, ele abre no próprio browser, é só clicar no link.


CONTINUANDO:


4-salve com um nome qualquer e com extensao .xml ( NÃO É PARA SALVAR ESSE CODIGO COMO SE FOSSE UMA PAGINA HTML , É SÓ COLAR EM UM BLOCO DE NOTAS O CODIGO ACIMA, E AO SALVAR, DIGITE O NOME DO ARQUIVO ACRESCENTANDO ".XML" (SEM ASPAS) )

5-coloque no seu servidor web

para ajuda, nesse link tem um editor online, vc coloca o codigo, se tiver erros ele te informa -http://code.google.com/apis/gadgets/docs/legacy/gs.html#GGE

pra colocar a aplicaçao no seu orkut, abra seu sandbox(como mostra a imagem do sandbox), e indique a url do arquivo que a gente acabou de salvar. (indique a url dele no servidor!, nao é upload!)


criei 3 : SONIC, PACMAN e APPLE-SHOOTER

ja existem, só reduzi o tamanho dos swf

SONIC - http://sandbox.orkut.com/Application.aspx?uid=13025834033692722086&appId=226469926380

PACMAN - http://sandbox.orkut.com/Application.aspx?uid=13025834033692722086&appId=699043711111

APPLE-SHOOTER - http://sandbox.orkut.com.br/Application.aspx?uid=13025834033692722086&appId=195952709520