Tipos de variáveis

• Tipo string, é o tipo mais comum, que se trata de um conjunto de caracteres alfanuméricos. Para declarar uma string é simples, basta utilizar aspas simples ‘ ’ ou aspas dulas “ “, veja o exemplo:

<?php
$variavel = ‘Uma string com aspas simples’;
$Variavel = “Uma variavel com aspas duplas”;
?>

Se vocês repararem, eu declarei duas variáveis com o mesmo nome, mas de formas diferentes, lembra do case sensitive? Então, a primeira é variável com tudo minusculo e a segunda é variável com a primeira letra maiscula, sendo assim, uma diferença, é sempre bom manter a atenção nesses detalhes na hora de nomear as variáveis.

•  Tipo númerico, não tem muito o que explicar, o proprio nome já diz tudo, vamos ver alguns exemplos mais comuns:

<?php
//String de numero decimal
$decimal = “1234”;

//String de numero negativo
$negativo = ‘-1234’;

//String de ponto flutuante
$flutuante = 1.234;
?>

Existem outras formas de expressar uma string númerica, mas são poucas usadas, para quem encontrar alguma dúvida o site www.php.net pode ajudar. As outras formas são octal, hexadecimal e etc.

• Tipo array, é um mapa ordenado, ou seja, uma lista de valores que ficam armazenados na memoria, e que pode ser de todos os tipos (de variáveis), e podem ser acessados a qualquer momento, pois cada valor é relacionado com uma posição (ou chave). Você pode manipular o array adicionando novos valores, vamos ver isso em postagens futuras. Vamos ver um exemplo:

<?php
$array = array (“Primeiro”,”Segundo”,”Terceiro”,”Quarto”)

/*
No array, cada espaço é uma posição, então, no caso ali,
o “Primeiro” é o primeiro e por assim vai (...)
*/

echo $array[0] ;
?>

O que vai ser impresso na tela: Primeiro.

Vocês devem estar se perguntando, ele colocou $array[0]; e o resultado foi “Primeiro”. Mas, o que devemos ter em mente que a o array começa a contar do 0 [zero] e não do 1 [um].

• Tipo booleano, é uma váriavel que expressa um valor lógico, que pode ser verdadeiro ou falso. Para mostrar como funciona a variável booleano vamos usar um bloco de condição [nós vamos ver isso mais pra frente]. No exemplo que vou mostrar a seguir, precisamos declarar se ela é verdadeira (usamos true) ou falsa (usamos false). Então:

<?php
//Vamos dar valor a variável
$verdadeiro = TRUE;

//usar bloco de condição
if($verdadeiro)
{
 echo “Meu twitter é @renanmpimentel”;
}
?>

O que vai ser impresso na tela: Meu twitter é @renanmpimentel.

• Tipo constantes, como acontece na maioria das linguagens de programação, o PHP também permite o uso de constantes. Como o próprio nome diz, constantes são inicializadas uma vez e não podem ter seus valores alterados durante a execução do programa. Veja o exemplo:

<?php
//Para definir uma constante vamos usar a função define()
define(“constante”, 10);

echo constante;
?>

O que vai ser impresso na tela: 10.

• Tipo objeto, é uma entidade com um determinado comportamento definido por seus métodos (ações) e propriedades (dados). Para criar um objeto deve-se utilizar o operador new. Veja o exemplo:

<?php
class Carro
{
    var $velocidade;

    function medir()
    {
        echo “Velocidade do carro é {$this->velocidade}km/h”;
    }

}

$obj = new Carro;
$obj->velocidade=”90”;
$obj->medir();
?>

O que vai ser impresso na tela: Velocidade do carro é 90km/h.

• Tipo NULL, quando usamos o valor NULL significa que a variável não tem valor. E consequentemente, NULL é o único valor do tipo NULL

<?php
//Usando uma função
function funcao_callback() {
 echo 'Olá estou aprendendo PHP!';
}
call_user_func('funcao_callback');
?>

<?php
// Exemplo de método callback
class MinhaClass {
 static function CallbackMethod() {
 echo 'Olá estou aprendendo PHP!';
 }
}

//Chamada de método estático da classe
call_user_func(array('MinhaClass', 'CallbackMethod'));

echo "<br>";

//Chamada de método de objeto
$obj = new MinhaClass();
call_user_func(array($obj, 'CallbackMethod'));
?>

Como ver qual é o tipo da variável

<?php
echo gettype(102).'<br>';
echo gettype(true).'<br>';
echo gettype(' ').'<br>';
echo gettype(null).'<br>';
echo gettype(array()).'<br>';
echo gettype(new stdclass());
?>

Programando em PHP #2 – Tipo de Variáveis Este texto é uma cópia. Veja o original em: algoritmizando.com

Aprender isso, é fundamental para edição de imagem, pois quase sempre, trabalharemos utilizando esse recurso, principalmente quando estivermos selecionando a imagem para separação do fundo, retoques, tais como espinhas, rugas e cicatrizes e etc.

Enfim, esse recurso é a base para 90% das coisas feitas em edição de imagem.

Chega de blá, blá, blá e vamos para o vídeo =]

Gimp – Navegação Este texto é uma cópia. Veja o original em: algoritmizando.com

Pra quem não sabe, Chromium é um navegador de web, de código livre, relacionado ao The Chromium Projects; e liberado sob a licença BSD, com outras partes estarem sujeitas a uma variedade de diferentes licenças abertas.

Ele implementa o mesmos recursos do Google Chrome, mas tem um logótipo ligeiramente diferentes. É também multi-plataforma, isto é, há versões para Windows e MacOs. (Fonte: http://wiki.ubuntu-br.org/Chromium)

Clicando aqui, você pode ver o comparativo entre os dois navegadores, e perceberá que a falta do plugin para leitura de PDF é a única coisa que deixa o Chromium para trás.

Porém, o Chromium já vem nos repositórios oficiais do ubuntu, e se torna uma maneira muito mais fácil para se obter.

Pois bem, vamos ao tutorial, imaginando que você já tenha o Chromium instalado em sua máquina.

Mas caso não tenha, instale com o seguinte comando:

sudo add-apt-repository ppa:chromium-daily/stable -y && sudo apt-get update && sudo apt-get install chromium-browser  -y

Primeiramente, baixe o Google Chrome referente a seu sistema operacional, levando em conta a arquitetura do sistema e não do processador clicando aqui

Após terminar o download, aperte simultaneamente Alt+F2 e digite:

gksu nautilus

Agora vá até a pasta onde você salvou o arquivo, (geralmente em: /home/SEU_USUÁRIO/Downloads), e extraia ele clicando com o botão direito e depois em extrair aqui.

Feito isso, você verá que uma nova pasta apareceu com o mesmo nome do arquivo que você baixou.

Então, estando dentro dessa pasta, navegue ate a seguinte pasta:

~/opt/google/chrome

Você verá um arquivo com exatamente esse nome: libpdf.so

Copie ele, e agora vá para a seguinte localização:

/usr/lib/chromium-browser

E cole ele lá dentro.

Reinicie seu navegador e faça o teste abrindo um PDF online, ou se preferir, clique aqui.

Caso ainda não esteja funcionando, no campo de URL, digite:

about:plugins ou chrome://plugins

E ative o plugin clicando em Ativar, no item Chrome PDF Viewer e reinicie o navegador novamente.

Após terminar o processo, pode excluir a pasta e o arquivo que baixou do Google Chrome.

E se quiserem saber mais sobre o projeto Chromium, clique aqui.

Obs. Na versão 11.10 do ubuntu, a instalação do Google Chrome só é possível com a adição de algumas bibliotecas externas, além do risco de podr apresentar bugs.

Isso faz com que a instalação do Chromium seja mais fácil e estável. 

Chromium com Visualizador de PDF do Google Chrome no Ubuntu Este texto é uma cópia. Veja o original em: algoritmizando.com

Então resolvi começar a escrever uma série de tutoriais explicando melhor como começar no PHP. Porque assim como eu, muitos devem sentir a necessidade de um bom conteúdo [espero que isso seja um bom conteudo]. Vamos lá então:

Requisitos básicos

Bom, antes de começar a brincar com php, vamos precisar do apache configurado na máquina, se você já sabe trabalhar com isso, ou tem conhecimento, pode pular essa etapa.

Eu recomendo o uso do pacote XAMPP, que é open source e é fácil de trabalhar, já vem com o apache, mysql e phpmyadmin.

Para quem usa windows é fácil, só entrar no site: http://www.apachefriends.org/pt_br/xampp-windows.html e fazer o download que o resto é como tudo no windows, next, next e concluir.

E para quem usa o linux, acredito que em todas as versões/modelo/marca/ano venha já o apache e mysql, mas caso queira instalar também, no site da apachefriends tem a versão linux, é so clicar aqui: http://www.apachefriends.org/pt_br/xampp-linux.html e ali mesmo no site eles mostram como é facil configurar.

O que é PHP ?

Um breve resumo, porque essa parte é apenas uma simples curiosidade.

A linguagem de programação PHP, foi criada em outono de 1994, por Rasmus Lerdorf. No inicio era apenas alguns scripts usados para criação de páginas dinâmicas que Rasmus utilizava para monitorar os acessos em seu curriculo na internet. Mas a ferramenta foi crescendo em funcionalidades, então Rasmus escreveu uma implementação em C, que permitia as pessoas desenvolverem de forma muito mais simples suas aplicações web.

Depois disso, muita coisa aconteceu, e chegamos até hoje, e não sabemos onde vamos parar. Quem quiser saber mais sobre a história do PHP, pode estar pesquisando no www.google.com.br.

Conhecendo o PHP

Um arquivo em PHP, tem como extensão o .php, mas existem algumas outras extensões que podem ser usadas para facilitar a organização dos arquivos.

.php -> Arquivo em PHP.

.class.php -> Arquivo em PHP que contem uma classe.

.inc.php – > Arquivo em PHP a ser incluido, as vezes contem uma configuração.

Hoje em dia, trabalhamos mais com a extensão .php, mas se algum dia vocês se depararem com programas feito alguns anos atrás, não se espante se ver extensões como .php3 e .php4 que correspondem as versões mais antigas do nosso querido e amado PHP. E por ultimo, mas não menos importante, temos também a extensão .phtml que informa que o arquivo contem PHP e HTML.

Como começar um código ?

Bom, agora vamos realmente começar a fazer algo em php, primeiro, abra um editor de texto, se você usa windows, pode ser o notepad mesmo.

Bom, todo programa em php, deve começar com <?php e terminar com ?>.

<?php

//Seu Código

?>

Vocês devem ter reparado que eu usei “//”, isso é um comentário, então antes de continuar, vamos falar um pouco de como comentar o seu código.

<?php

//Comentário de uma linha só.

/*

Comentário de muitas e muitas linhas.

*/

?>

Tipos de comandos de saida (output)

Vou mostrar os comandos de saida, ou seja, o que vai ser “impresso” na sua tela.

Comando echo – Imprime uma ou mais variaveis.

<?php

echo “Olá mundo!”;

?>

O que vai ser impresso na tela: Olá mundo!

Comando print – Imprime uma string.

<?php

print (‘Olá Mundo!’)

?>

O que vai ser impresso na tela: Olá mundo!

Comando var_dump – Mostrará uma representação estruturada sobre uma ou mais expressões, incluindo o tipo e o valor. Arrays e objetos são explorados recursivamente com valores identados na estrutura mostrada.

<?php

$vetor = array(‘Primeiro’, ‘Segundo’, ‘Terceiro’, ‘Quarto’);
var_dump($vetor);

?>

O que vai ser impresso na tela:

array(4) {

[0]=> string(8) “Primeiro”

 [1]=> string(7) “Segundo”

[2]=> string(8) “Terceiro”

[3]=> string(6) “Quarto”

}

Comando print_r – Imprime informação sobre uma variável de forma legível.

<?php

$vetor = array(‘Primeiro’, ‘Segundo’, ‘Terceiro’, ‘Quarto’);
print_r($vetor);

?>

O que vai ser impresso na tela:

Array (

[0] => Primeiro

[1] => Segundo

[2] => Terceiro

[3] => Quarto

)

Trabalhando com variáveis

As variaveis são uma forma de representar um valor e são composta de memórias que armazenam informações. Estas informações podem variar ao logo de um programa em PHP.

Para criar uma váriavel em PHP, precisamos dar um nome de identificação, SEMPRE precedido pelo $. E o nome NUNCA pode começar com um numero $1variavel ou $123, para ser valida a função tem que começar com uma LETRA, o resto da váriavel pode conter números. Veja os exemplos a seguir:

<?php

$meutwitter = “@renanmpimentel”;
//Todo final de comando no PHP, tem que ser separado por ;

//Vamos imprimir o resultado na tela
echo “$meutwitter”;

?>

O que vai ser impresso na tela: @renanmpimentel

• Nunca utilize caracteres especiais;
• Evite criar nomes muitos grandes para variaveis por questão de clareza nos códigos;
• Crie nomes significativos, pois isso vai ajudar na manutenção futura.

O PHP é case sensitive, ou seja, é sensível a letras maiúscula e minúscula. Então é muito importante, sempre estar atento ao declarar váriaveis e nomes de funções, porque a váriavel $variavel é diferente da váriavel $Variavel.

Assim como em outras linguagens de programação é possivel passar o valor de uma váriavel para outra, sendo criada uma nova área de armazenamento na memória.

<?php

$valor01 = 10;
$valor02 = $valor01;

//Imprimindo os valores na tela
echo $valor02;

?>

O que vai ser impresso na tela: 10.

———————————————————— // ————————————————————

Vou encerrando por aqui o primeiro post, espero que para quem está começando, seja útil. E se encontrarem algum erro ou qualquer outra dúvida podem me perguntar no twitter, @renanmpimentel. Até o próximo post.

Programando em PHP #1 – Começando do Zero. Este texto é uma cópia. Veja o original em: algoritmizando.com

Então, vou mostrar para vocês, um plugin bem bacana, que já faz tudo isso. Sem delongas, é só implementar.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Reconhecimento Facial - jQuery</title>
	<link rel="stylesheet" type="text/css" href="css/styles.css"/>
	<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
	<script src="js/facedetection/ccv.js"></script>
	<script src="js/facedetection/face.js"></script>
	<script src="js/jquery.facedetection.js"></script>
	<script>
	$(function() {
		$('#try').click(function() {
			var $this = $(this);

			var coords = $('img').faceDetection({
				complete:function() {
					$this.text('FEITO!');
				},
				error:function(img, code, message) {
					$this.text('error!');
					alert('Error: '+message);
				}
			});
			for (var i = 0; i < coords.length; i++) {
				$('<div>', {
					'class':'face',
					'css': {
						'position':	'absolute',
						'left':		coords[i].positionX +'px',
						'top':		coords[i].positionY +'px',
						'width': 	coords[i].width		+'px',
						'height': 	coords[i].height	+'px'
					}
				})
				.appendTo('#content');
			}
		});
		return false;
	});
	</script>
	<style>
		.face {
			border:2px solid #FFF;
		}
	</style>
</head>

<body>
<div id="container">

	<div id="content">
		<a href="#" id="try">CLIQUE PARA RECONHECER FACE</a>
		<img src="img/faces.jpg" id="myPicture"/>
	</div>
</div>

</body>
</html>

Aqui foi mais uma apresentação, do que um tutorial.
Download | Demo

Reconhecimento facial com jQuery Este texto é uma cópia. Veja o original em: algoritmizando.com

Fala pessoal! Hoje o Algoritmizando vem apresentar, mais um colaborador para nossa seleta equipe, o Thiago Silva!

O Thiago é técnico mecânico industrial pelo SENAI, amante de software livre e usuário linux.

Em seus artigos, ele vai estar trazendo uma série de dicas para Linux e Vídeo Tutoriais sobre GIMP encontrados na web para compartilhar o melhor conteúdo com vocês!

Olá pessoal, essa é uma série de tutoriais sobre essa poderosa ferramenta de edição de imagem, multiplataforma chamada GIMP.

Segundo o Wikipédia, o GIMP (GNU Image Manipulation Program) é um programa gratuito, de código aberto voltado principalmente para criação e edição de imagens raster, e em menor escala também para desenho vetorial.

Com o GIMP é possível trabalhar imagens e obter resultados tão bons e as vezes até melhores que com o Photoshop!

Saiba mais clicando aqui.

Gostei! Onde faço download?

Para a versão Linux (ubuntu/debian/mint) utilize esse comando abaixo.

$ sudo apt-get install gimp -y

Caso você tenha Windows, MAC ou outro sistema operacional, você pode fazer o download na página oficial do GIMP.

E então? Gostaram do artigo? Comente abaixo e compartilhe sua opinião!

Gimp – Introdução Este texto é uma cópia. Veja o original em: algoritmizando.com

O mysql_connect, vai deixar de ser usado em versões futuras do PHP, então hoje vou mostrar um pouco sobre o MySQLi, que é uma extensão do PHP feita para aproveitar os recursos mais avançados do MySQL. E como no outro post eu fiz tudo orientado a objetos, vamos fazer o mesmo com o MySQLi.

*As funções do MySQLi só vai funcionar com PHP5 ou superiores e no MySQL 4.1.3, ou superiores. Antes de começar a testar, verifique a versão do seu PHP.

Para ver a versão do PHP e se o MySQLi está habilitado.

<?php
	phpinfo();
?>

Para ver a versão do MySQL

<?php
$link = mysql_connect('localhost', 'mysql_', 'mysql_password');
if (!$link) {
    die('Could not connect: ' . mysql_error());
}
printf("MySQL server version: %s\n", mysql_get_server_info());
?>

Fazendo do modo simples

Para realizar a conexão com o a base de dados, basta isto:

<?php
$MySQLi = new mysqli( 'servidor', 'usuario', 'senha', 'nome_da_db' );

if (mysqli_connect_errno()) {
    die(mysqli_connect_error());
    exit();
}

?>

Se tudo ocorrer bem, o $MySQLi será um objeto, que vai ser usado para consultas posteriores e outras ações com a base de dados.

Para realizar uma consulta simples, basta usar o método query() e percorrer com o fetch_assoc(), muito semelhante ao que a gente fazia usando o mysql:

<?php
$consulta = $MySQLi->query( 'select informacao from tabela' );

while ( $resultado = $consulta->fetch_assoc() )
{
    print_r( $resultado );
}
?>

Para mais informações, basta ver a documentação no php.net

E em um próximo tutorial eu vou mostrar como usar o PDO, que foi outro assunto que nosso leitor Pedro, comentou.

Até a próxima.

Conectando ao Banco de Dados usando MySQLi Este texto é uma cópia. Veja o original em: algoritmizando.com

Recentemente eu comprei um smartphone e na semana passada o Rodolfo Romez me deu uma ótima dica de app, o CamScanner. Ele é o bendito aplicativo para escanear fotos ou documentos pelo seu celular.

O mais legal é que tem CamScanner para Android e para iOS e ele é grátis.

O CamScanner tem vários recursos, veja abaixo alguns deles:

• Gerar PDF
• Recortar
• Rotacionar
• Adicionar anotações nos documentos
• Editar Documento ( ex: pode colocar frente e verso do documento num arquivo pdf)
• Opção de Compartilhar (ex: você já pode enviar para o seu computador ou responder um email)

Enfim, o programa é uma mão na roda. Você pega o documento, tira foto, seleciona a área, ele otimiza e pronto. Você ainda pode Gerar um PDF ou Imprimir, se sua impressora estiver conectada com o Smartphone.

Download do CamScanner

• CamScanner para Android
• CamScanner para iOS

Escaneie Documentos com o Android ou iOS Este texto é uma cópia. Veja o original em: algoritmizando.com

Para você que acabou de instalar o wordpress, o Akismet, já vem instalado, agora precisamos ativa-lo. E a vantagem de ativar, é que o plugin classifica os comentários recebidos e dá um controle sobre o que é realmente um comentário, excluindo já o que for considerado SPAM. Lembrando que o Akismet, não é um moderador automático, então ele não substitui a sua moderação manual, mas é muito eficiente em detectar o que é SPAM.

Como mencionado, o Akismet já vem instalado. Você só precisa ativar.

Depois de ativo, você verá uma mensagem no topo da página sugerindo que você ative a chave de API.

Depois que você clicar em “digitar sua chave API do Akismet”, vai aparecer essa tela:

1 – Clicando em “obter sua chave”, vamos ser direcionado para página do Akismet

Clique em “Get an Akismet API Key”

Os próximos passos vão parecer um pouco estranhos. Esse serviço tem opções pagas, mas vamos fazer uma configuração gratuita que funciona perfeitamente e sem limitações aparentes.

Escolha a “Personal”

Depois de clicar no botão “Sign Up” você será levado à página de cadastro para gerar sua API Key.

Você verá um cursos móvel com o preço sugerido para o serviço anual. Basta movê-lo para zero como na imagem abaixo:

As opções de pagamento sumirão (Mas você pode comprar e colaborar com o desenvolvimento do plugin) e você poderá fazer o seu cadastro normalmente. Preencha com dados válidos e clique em “Continue”.

Você vai receber um email, com a “API Key”:

Volte ao painel de controle do seu Blog no WordPress, entre no menu “Plugins” ~> “Configuração do Akismet” e coloque a API Key no local indicado. Depois é só clicar no botão “Atualizar aopções” para que tudo comece a funcionar perfeitamente em seu Blog.

Agora, a quantidade de SPAM vai diminuir bastante.

Como usar o plugin Akismet Este texto é uma cópia. Veja o original em: algoritmizando.com

Vamos fazer um exemplo de uma listagem de feed de noticias, ou seja, listar todas as noticias cadastrada no banco.

Criando a tabela:

CREATE TABLE IF NOT EXISTS `noticias` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `noticias` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

Vamos lá ..

Primeiro vamos criar o arquivo index.php

<!DOCTYPE HTML>
<?php
// Contem as informações para se conectar ao banco
include ('conectar_banco.php');

// Chamar a classe para conectar o banco
$sql = new conectar_banco();
// Conecta-se ao banco de dados usando os valores padrões
$sql->conecta();
?>
<html>
<head>
<meta charset="utf-8">

<title>Paginação com jQuery</title>
<link rel="stylesheet" type="text/css" media="screen" href="css.css">
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="paginacao.js"></script>
</head>

<body>
<?php
$por_pagina = 7; //	NUMERO DE VEZES QUE VAI APARECER ANTES DE CRIAR OUTRA PAGINA

// Define e executa uma query SQL
$busca = "SELECT * FROM noticias ";
$sql->consulta($busca);

$contar = $sql->contar();

$paginas = ceil($contar/$por_pagina)
?>
<div id="conteudo">
	<div>
		<label><img src="loader.gif" alt=""></label>
	</div>

	<div id="resultado"></div>
</div>

<div id="botao" align="center">
	<ul>
	 <?php
	  // Mostrar os links da paginação.
	  for($i=1; $i<=$paginas; $i++)
	  {
		echo '<li id="'.$i.'">'.$i.'</li>';
	  }
	 ?>
	</ul>
</div>
</body>
</html>

Agora precisamos do arquivo paginacao.js para fazer a mágica acontecer

$(document).ready(function(){
	function showLoader(){
		$('.fundo_pag').fadeIn(200);
	}
	function hideLoader(){
		$('.fundo_pag').fadeOut(200);
	};

	$("#botao li").click(function(){
		showLoader();

		$("#botao li").css({'background-color' : ''});
		$(this).css({'background-color' : '#D8543A'});

		$("#resultado").load("informacao-paginacao.php?page=" + this.id, hideLoader);

		return false;
	});

	$("#1").css({'background-color' : '#D8543A'});
	showLoader();
	$("#resultado").load("informacao-paginacao.php?page=1", hideLoader);
});

E para que seja feita novas consultas quando solicitado o arquivo paginacao.js, vamos precisar fazer uma nova consulta, com o arquivo informacao-paginacao.php

<?php
include ('conectar_banco.php');

// Chamar a classe para conectar o banco
$sql = new conectar_banco();
// Conecta-se ao banco de dados usando os valores padrões
$sql->conecta();

// Quantidade por paginda
$por_pagina = 3;

// Pegar qual é a numeração da pagina atual
$pagina = $_REQUEST['page'];

$inicio = ($pagina-1)*$por_pagina;
$buscar = "SELECT * FROM noticias ORDER BY id LIMIT $inicio,$por_pagina";
$sql->consulta($buscar);

while ($paginacao = $sql->resultado())
{
	?>	<div><?php echo $paginacao['noticias'];?></div><?php
}
?>

E para deixar tudo muito bonito, vamos usar um css.

*{
	margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif
	font-size:0.75em;
}
#conteudo {
	min-height:455px;
	padding:12px;
	margin:0 auto;
	text-decoration: none;
	width: 700px;
}

#conteudo .separacao{
	color:#000066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px 5px 12px 5px;
	border-bottom:solid #D8543A 3px;
	text-align:justify;
	margin-bottom:11px;
}

.fundo_pag{
	display: none;
	font-size: 13px;
	font-weight: bold;
	height:160px;
	position: absolute;
	padding-top:140px;
	text-align: center;
	opacity:0.5;filter: alpha(opacity=50) ;
	text-decoration: none;
	width: 700px;
}

.fundo_pag{
	color:#FFFFFF;
	text-shadow: #fff 0px 0px 20px;
}

.fundo_pag label{
	border:solid #66FF00 1px;
}

#botao ul{ width: 700px; padding:0px; margin:8px;}

#botao ul li {
	-moz-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: left;
    font-family: helvetica,arial,sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin: 0 2px 0px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
	list-style-type:none;
    width: 30px;cursor:pointer;
}

#botao ul li:hover{background:#D8543A;}
li:hover{ color: #CC0000; cursor: pointer; }

Bom, estou pegando o jeito com esse negocio de tutorial, mas com o tempo vou melhorando, se você quiser fazer o download desse exemplo é só clicar aqui

Paginação com jQuery Este texto é uma cópia. Veja o original em: algoritmizando.com