terça-feira, 20 de março de 2012
HOT CURITIBA
Pessoal, pra quem quiser experimentar uma experiência nova em Curitiba, acesse: www.hotcuritiba.com.br e confira belas gatas da capital paranaense!!!
segunda-feira, 4 de julho de 2011
Como colocar um web site no ar. How to upload a web site.
Este resumo não está disponível.
Clique aqui para ver a postagem.
sábado, 2 de julho de 2011
Como usar o EasySlider. How to use EasySlider.
Olá pessoal, hoje mostrarei como usar o EasySlider, ferramenta criada utilizando JQuery e que serve para criar albuns de imagens dinâmicos.
O primeiro passo é ter uma página web qualquer, pode ser uma .html mesmo.
Na sua página, importe o arquivo javascript + o css do easy slider que vc facilmente encontrará na net + o arquivo do jquery da seguinte forma.
<link rel="stylesheet" type="text/css" media="all" href="css/screen.css"/>
<script type="text/javascript" src="js/lib/easySlider1.7.js"/>
<script type="text/javascript" src="js/lib/jquery2.js"/>
O endereço no atributo 'src' fica a seu critério.
Agora temos que invocar o EasySlider, da seguinte form:
(Faça isso dentro da sua sessão '< head/>')
Todos os atributos que podem ser configurados estão listados nesta página:
http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
Por fim, mas não menos importante, precisamos incluir o código HTML onde o EasySlider irá "aterrisar".
Segue:
Pontos importantes:
1º Os id's das div's devem ser exatamente os que estão acima.
2º Vc pode querer chamar alguma função javascript ao clicar na imagem, para isso, no lugar de "link para algun lugar" use: "javascript:void(suaFuncao())" .
3º Vc pode facilmente alterar o tamanho da imagem que quer mostrar ou até mesmo o formato do botões para escolher a imagem no arquivo css do EasySlider, que no caso é o screen.css.
4º Neste exemplo eu utilizei três imagens, mas vc pode usar quantas quiser, ou mesmo utilizar php para trazer do Banco de Dados uma lista de imagens com seus respectivos endereços nas pastas de imagens que vc venha a criar. Assim vc não precisa se preocupar em como salvar sua imagem no BD, e sim apenas salvar o caminho até ela.
Espero ter ajudado, qualquer dúvida vcs podem deixar um comentário ou até mesmo me adicionarem no FACEBOOK: http://www.facebook.com/profile.php?id=100000760795003
Até a próxima, tchau!!!
O primeiro passo é ter uma página web qualquer, pode ser uma .html mesmo.
Na sua página, importe o arquivo javascript + o css do easy slider que vc facilmente encontrará na net + o arquivo do jquery da seguinte forma.
<link rel="stylesheet" type="text/css" media="all" href="css/screen.css"/>
<script type="text/javascript" src="js/lib/easySlider1.7.js"/>
<script type="text/javascript" src="js/lib/jquery2.js"/>
O endereço no atributo 'src' fica a seu critério.
Agora temos que invocar o EasySlider, da seguinte form:
(Faça isso dentro da sua sessão '< head/>'
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
</script>
Todos os atributos que podem ser configurados estão listados nesta página:
http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
Por fim, mas não menos importante, precisamos incluir o código HTML onde o EasySlider irá "aterrisar".
Segue:
<div id="container">
<div id="content">
<div id="slider">
<ul>
<li>
<a href="link para algum lugar">
<img src="endereco da sua imagem" alt="" />
</a>
</li>
<li>
<a href="link para algum lugar">
<img src="endereco da sua imagem" alt="" />
</a>
</li>
<li>
<a href="link para algum lugar">
<img src="endereco da sua imagem" alt="" />
</a>
</li>
</ul>
</div>
</div>
</div>
Pontos importantes:
1º Os id's das div's devem ser exatamente os que estão acima.
2º Vc pode querer chamar alguma função javascript ao clicar na imagem, para isso, no lugar de "link para algun lugar" use: "javascript:void(suaFuncao())" .
3º Vc pode facilmente alterar o tamanho da imagem que quer mostrar ou até mesmo o formato do botões para escolher a imagem no arquivo css do EasySlider, que no caso é o screen.css.
4º Neste exemplo eu utilizei três imagens, mas vc pode usar quantas quiser, ou mesmo utilizar php para trazer do Banco de Dados uma lista de imagens com seus respectivos endereços nas pastas de imagens que vc venha a criar. Assim vc não precisa se preocupar em como salvar sua imagem no BD, e sim apenas salvar o caminho até ela.
Espero ter ajudado, qualquer dúvida vcs podem deixar um comentário ou até mesmo me adicionarem no FACEBOOK: http://www.facebook.com/profile.php?id=100000760795003
Até a próxima, tchau!!!
sábado, 14 de maio de 2011
terça-feira, 9 de fevereiro de 2010
Criando um banco de dados para usar com flexgrid JQUERY
Se você gosta de mostrar que tem personalidade própria e quer mostrar que é uma pessoa de atitude visite a WWW.KAMISETANDO.COM.BR , aqui você encontra camisetas com estampas personalizadas por apenas R$32,00. Aproveitem!!!
Olá a todos.
Este post explica como criar um banco de dados de exemplo para a construção de um grid (tabela) utilizando o framework JQUERY. Este post explicará somente como fazer o banco e quais ferramentas utilizar, o resto do tutorial para construção da flexgrid poderá ser vista no blog do Afro no seguinte endereço: http://afronetto.blogspot.com/
Então vamos lá, as ferramentas para prosseguir com o tutorial são:
Wamp Server - consiste em: My Sql 5.0, sevidor para PHP Apache, PHP em si e o W significa que é para Windows XP. Não testei em outros Windows.
Você poderá baixá-lo aqui: http://www.wampserver.com/en/
Instalá-lo é muito fácil, simplesmente execute o arquivo que baixou e siga as instruções do instalador.
Após instalado execute o wamp server, note que o ícone do mesmo aparecerá na bandeja do sistema (perto do relógio). Espere alguns segundos para o wamp inicializar os servidores.
Clique com o botão esquerdo sobre o ícone do wamp na bandeja e depois clique em phpMyAdmin. O phpMyAdmin é uma ferramente que ajuda e muito na administração dos bancos de dados criados no my sql.
Agora dentro da página do phpMyAdmin, você verá na primeira página um campo chamado: 'criar novo banco de dados', então neste campo digite: 'faculdade' e depois clique em OK. Pronto o banco que usaremos para o exemplo do tutorial está criado. Agora iremos criar a tabela.
Após ter criado o banco o phpMyAdmin perguntará o nome da tabela que vc deseja criar e quantos campos (arquivos) vc deseja que ela tenha.
O nome da nossa tabela será: 'tblAlunos' sem acentos e a quantidade de campos será 5.
Clique em 'Executar'.
Devemos configurar os campos da seguinte maneira: temos 5 campos nesta tabela, os nomes dos campos serão respectivamente: idAluno, nome, sobrenome, matricula, curso .
Os tipos: int, varchar (50), varchar (50), varchar (11) e varchar (50) respectivamente.
Em 'atributos 'selecione 'unsigned' para o campo idAluno, isto fará que vc tenha praticamente o dobro de tamanho neste campo, pois o sistema irá desconsiderar os números negativos, sendo assim o bit mais significativo está livre para os números positivos.
Em 'índice' selecione 'PRIMARY' para o campo idAluno, pois este campo será a chave primária da tabela.
Clique em 'Salvar' e parabéns, sua tabela está criada.
Agora iremos popular nossa tabela, popular significa criar alguns registros dentro da mesma.
No alto da página tem uma aba chamada 'Inserir', clique nela.
Você verá os 5 campos que criou e então preencherá os valores para estes campos, PORÉM, vc n preencherá nenhum valor para o campo idAluno, pois este campo é auto incrementado automaticamente pelo banco, ou seja, apenas deixe em branco.
Clique em 'Executar' e apenas ignore os campos de baixo. Não precisa clicar em 'Executar' novamente na próxima página, apenas clique em 'Inserir' novamente.
Insira quantos registros desejar, uns 12 seria o ideal.
Clicando sobre o nome da tabela no canto esquerdo da página vc poderá ver todos os registros que foram adicionados à tabela.
Este tutorial é realmente muito simples pelo fato de o que veem á frente pode ser um pouco complexo.
Acessem o blog do Afro Neto, no endereço http://afronetto.blogspot.com/ para ver como criar uma flexgrid do JQUERY, utilizando a linguagem do JQUERY (que por sua vez é feita em cima de javascript) , XML e SQL.
Estarei aberto a perguntas.
Até mais!!!
Olá a todos.
Este post explica como criar um banco de dados de exemplo para a construção de um grid (tabela) utilizando o framework JQUERY. Este post explicará somente como fazer o banco e quais ferramentas utilizar, o resto do tutorial para construção da flexgrid poderá ser vista no blog do Afro no seguinte endereço: http://afronetto.blogspot.com/
Então vamos lá, as ferramentas para prosseguir com o tutorial são:
Wamp Server - consiste em: My Sql 5.0, sevidor para PHP Apache, PHP em si e o W significa que é para Windows XP. Não testei em outros Windows.
Você poderá baixá-lo aqui: http://www.wampserver.com/en/
Instalá-lo é muito fácil, simplesmente execute o arquivo que baixou e siga as instruções do instalador.
Após instalado execute o wamp server, note que o ícone do mesmo aparecerá na bandeja do sistema (perto do relógio). Espere alguns segundos para o wamp inicializar os servidores.
Clique com o botão esquerdo sobre o ícone do wamp na bandeja e depois clique em phpMyAdmin. O phpMyAdmin é uma ferramente que ajuda e muito na administração dos bancos de dados criados no my sql.
Agora dentro da página do phpMyAdmin, você verá na primeira página um campo chamado: 'criar novo banco de dados', então neste campo digite: 'faculdade' e depois clique em OK. Pronto o banco que usaremos para o exemplo do tutorial está criado. Agora iremos criar a tabela.
Após ter criado o banco o phpMyAdmin perguntará o nome da tabela que vc deseja criar e quantos campos (arquivos) vc deseja que ela tenha.
O nome da nossa tabela será: 'tblAlunos' sem acentos e a quantidade de campos será 5.
Clique em 'Executar'.
Devemos configurar os campos da seguinte maneira: temos 5 campos nesta tabela, os nomes dos campos serão respectivamente: idAluno, nome, sobrenome, matricula, curso .
Os tipos: int, varchar (50), varchar (50), varchar (11) e varchar (50) respectivamente.
Em 'atributos 'selecione 'unsigned' para o campo idAluno, isto fará que vc tenha praticamente o dobro de tamanho neste campo, pois o sistema irá desconsiderar os números negativos, sendo assim o bit mais significativo está livre para os números positivos.
Em 'índice' selecione 'PRIMARY' para o campo idAluno, pois este campo será a chave primária da tabela.
Clique em 'Salvar' e parabéns, sua tabela está criada.
Agora iremos popular nossa tabela, popular significa criar alguns registros dentro da mesma.
No alto da página tem uma aba chamada 'Inserir', clique nela.
Você verá os 5 campos que criou e então preencherá os valores para estes campos, PORÉM, vc n preencherá nenhum valor para o campo idAluno, pois este campo é auto incrementado automaticamente pelo banco, ou seja, apenas deixe em branco.
Clique em 'Executar' e apenas ignore os campos de baixo. Não precisa clicar em 'Executar' novamente na próxima página, apenas clique em 'Inserir' novamente.
Insira quantos registros desejar, uns 12 seria o ideal.
Clicando sobre o nome da tabela no canto esquerdo da página vc poderá ver todos os registros que foram adicionados à tabela.
Este tutorial é realmente muito simples pelo fato de o que veem á frente pode ser um pouco complexo.
Acessem o blog do Afro Neto, no endereço http://afronetto.blogspot.com/ para ver como criar uma flexgrid do JQUERY, utilizando a linguagem do JQUERY (que por sua vez é feita em cima de javascript) , XML e SQL.
Estarei aberto a perguntas.
Até mais!!!
Assinar:
Postagens (Atom)