BRASIL TUTORIAIS - Tudo sobre tutoriais » JQUERY http://brasiltutoriais.com.br Apostilas, CSS, PHP, jogos, JAVA, Wordpress Thu, 13 May 2010 19:48:30 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Aprenda a fazer lightBox com Jquery http://brasiltutoriais.com.br/aprenda-a-fazer-lightbox-com-jquery/ http://brasiltutoriais.com.br/aprenda-a-fazer-lightbox-com-jquery/#comments Mon, 22 Feb 2010 14:16:33 +0000 admin http://brasiltutoriais.com.br/?p=464 Aprenda a fazer lightBox com Jquery is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. Aprenda fazer cantos arredondados com jQuery Corner
  2. Sistema de Avaliação de posts com Jquery
  3. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)
]]>

Utilize o Plufin JQuery LightBox em seu site

lightBox plugin jQuery É simples, elegante, discreto, sem necessidade de marcação extra e é usado para sobrepor imagens na página atual com o poder ea flexibilidade do seletor do jQuery.

lightBox é um plugin para jQuery. Foi inspirado no Lightbox JS por Lokesh Dhakar.

Clique aqui para baixar o Plugin

Aprenda a fazer lightBox com Jquery is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. Aprenda fazer cantos arredondados com jQuery Corner
  2. Sistema de Avaliação de posts com Jquery
  3. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)

]]> http://brasiltutoriais.com.br/aprenda-a-fazer-lightbox-com-jquery/feed/ 0 Sistema de Avaliação de posts com Jquery http://brasiltutoriais.com.br/sistema-de-avaliacao-de-posts-com-jquery/ http://brasiltutoriais.com.br/sistema-de-avaliacao-de-posts-com-jquery/#comments Mon, 22 Feb 2010 14:07:09 +0000 admin http://brasiltutoriais.com.br/?p=459 Sistema de Avaliação de posts com Jquery is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. Aprenda a fazer lightBox com Jquery
  2. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)
  3. Aprenda fazer cantos arredondados com jQuery Corner
]]>

Apresento a vocês um ótimo sistema de avaliação de  noticias em jquery. De maneira muito simples você consegue inserir este script em seu web site.

Este é um plugin jQuery para os sistemas de avaliação com estrelas.

O sistema foi modificado para torná-lo mais simples para o usuário a desenvolver um sistema de classificação. Verifique a demo abaixo um exemplo e faça o download.

Sistema de Avaliação de posts com Jquery is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. Aprenda a fazer lightBox com Jquery
  2. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)
  3. Aprenda fazer cantos arredondados com jQuery Corner

]]> http://brasiltutoriais.com.br/sistema-de-avaliacao-de-posts-com-jquery/feed/ 0 Aprenda fazer cantos arredondados com jQuery Corner http://brasiltutoriais.com.br/aprenda-fazer-cantos-arredondados-com-jquery-corner/ http://brasiltutoriais.com.br/aprenda-fazer-cantos-arredondados-com-jquery-corner/#comments Thu, 22 Oct 2009 23:58:57 +0000 admin http://brasiltutoriais.com.br/?p=267 Aprenda fazer cantos arredondados com jQuery Corner is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)
  2. Aprenda a fazer lightBox com Jquery
  3. Sistema de Avaliação de posts com Jquery
]]>

Quem nunca quis colocar um elemento com cantos arredondados em um site?

Existem dezenas de formas de fazer isso, a maioria delas implica no uso de imagens (o que não é errado), mas muitas vezes queremos algo mais rápido, mais dinâmico e se possível, mais leve… E é aí que entra o nosso grande – e poderoso – amigo jQuery!

Existe um plugin do jQuery chamado jQuery Corner que faz o trabalho de arredondar os cantos de um elemento pra você… Se o seu navegador suporta regras de CSS pra isso, ele vai usá-las, se o navegador não suportar (IE6 por exemplo) ele dá o jeito dele e você obtem o mesmo resultado sem precisar criar nenhuma imagem ou hack de CSS.

Exemplo de uso

Veja um exemplo do HTML completo da página de exemplo, aqui:

<html>

<head>
	<title>Exemplo - jQuery Corner</title>
	<!-- jQuery e jQuery Corner -->
	<script language="JavaScript" src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
	<script language="JavaScript" src="http://www.malsup.com/jquery/corner/jquery.corner.js" type="text/javascript"></script>

	<script language="JavaScript" type="text/javascript">
	$(function() {
		$('.canto1').corner("rounded 10px");
		$('.canto2').corner('bevel 10px');
		$('.canto3').corner('notch 5px');
		$('.canto4').corner('bite 10px');
	});
	</script>

	<!-- CSS -->
    <style type="text/css">
	div.canto1 { background: red; height: 100px; width: 400px; float: left; margin: 10px }
	div.canto2 { background: blue; height: 200px; width: 300px; float: left; margin: 10px }
	div.canto3 { background: green; height: 300px; width: 200px; float: left; margin: 10px }
	div.canto4 { background: purple; height: 400px; width: 200px; float: left; margin: 10px }
    </style>
</head>

<body>

<div>
	<p>Conteúdo</p>
	<p>Conteúdo novo</p>
</div>

<div>
	<p>Conteúdo</p>
	<p>Conteúdo novo</p>
</div>

<div>
	<p>Conteúdo!</p>
</div>

<div>
	<p>Conteúdo</p>
	<p>Conteúdo novo</p>
</div>

</body>

</html>
A mágica toda acontece ali, entre a linha 11 e 14
Com informaçoes de ThiagoBelem

Aprenda fazer cantos arredondados com jQuery Corner is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)
  2. Aprenda a fazer lightBox com Jquery
  3. Sistema de Avaliação de posts com Jquery

]]> http://brasiltutoriais.com.br/aprenda-fazer-cantos-arredondados-com-jquery-corner/feed/ 1 PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix) http://brasiltutoriais.com.br/png%e2%80%99s-transparentes-no-internet-explorer-com-jquery-ie-pngfix/ http://brasiltutoriais.com.br/png%e2%80%99s-transparentes-no-internet-explorer-com-jquery-ie-pngfix/#comments Thu, 17 Sep 2009 22:57:12 +0000 admin http://brasiltutoriais.com.br/?p=243 PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix) is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. Aprenda fazer cantos arredondados com jQuery Corner
  2. Aprenda a fazer lightBox com Jquery
  3. Javascript: exibe data e uma mensagem de acordo com a hora
]]>

Exibição de PNGs transparentes no Internet Explorer 6 ou inferior

Existe um plugin de jQuery chamado jQuery PNG Fix, pra quem quiser ver/testar um exemplo dele, é só ir no site do plugin.

A vantagem de usar esse script é que ele funciona com IE 5.5, 6 e 7, não atrapalha o uso de outros scripts (unobtrusive) e funciona com imagens linkadas, fundos em CSS e mantém todos os atributos e propriedades (alt, title, class, style e etc.) das imagens.

Para usá-lo no seu site, é muito simples… Primeiro insira o script do pngFix dentro do <head> do seu site:

<head>
  <title>Meu Site</title>
  <script language="JavaScript" src="jquery.js" type="text/javascript"></script>
  <script language="JavaScript" src="jquery.pngFix.js" type="text/javascript"></script>
</head>

 

E depois é só inserir um bloco de jQuery que fará a correção em todos os elementos do seu site:

<head>
  <title>Meu Site</title>
  <script language="JavaScript" src="jquery.js" type="text/javascript"></script>
  <script language="JavaScript" src="jquery.pngFix.js" type="text/javascript"></script>

  <script language="JavaScript" type="text/javascript">
	$(document).ready(function(){
		$(document).pngFix(); // "Executa" o pngFix em todos os elementos do site
	});
  </script>
</head>

Fonte: ThiagoBelem

PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix) is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. Aprenda fazer cantos arredondados com jQuery Corner
  2. Aprenda a fazer lightBox com Jquery
  3. Javascript: exibe data e uma mensagem de acordo com a hora

]]> http://brasiltutoriais.com.br/png%e2%80%99s-transparentes-no-internet-explorer-com-jquery-ie-pngfix/feed/ 0