Comentários sobre: jQuery tabs - abas simples e leve http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/ web standards, design, programação, e mais um monte de coisa que acho interessante! Tue, 06 Jan 2009 22:40:56 +0000 http://wordpress.org/?v=2.3.1 By: Mário http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-3256 Mário Fri, 21 Nov 2008 20:01:31 +0000 http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-3256 OLá Haveria alguma maneira de não rolar a página ao clicar. OLá
Haveria alguma maneira de não rolar a página ao clicar.

]]> By: Prototype tabs - abas simples e leves « Michael Granados http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2317 Prototype tabs - abas simples e leves « Michael Granados Thu, 07 Feb 2008 02:03:11 +0000 http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2317 [...] tabs - abas simples e leves O Tulio Faria postou uma forma simples de criar um sisteminha simples de abas usando o jQuery. Como eu estou me [...] […] tabs - abas simples e leves O Tulio Faria postou uma forma simples de criar um sisteminha simples de abas usando o jQuery. Como eu estou me […]

]]> By: Tulio Faria http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2245 Tulio Faria Tue, 08 Jan 2008 21:13:02 +0000 http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2245 Olá Ferdinando, o CSS ficaria por conta de quem pegar o script :) Na verdade, eu não quis inchá-lo com CSS, deixando livre para quem for usar fazer o seu... aqui segue uma implementação que fiz: [css] #abas{ margin: -10px; padding: 0; width: 100%; } #abas li{ display: inline; } #abas li a{ display: block; width: auto; padding: 3px 8px; margin: 0 1px 0 0; width: 200px; float: left; background: url(images/bullet.gif) no-repeat left center; color: #797979; text-decoration: none; text-indent: 5px; } #abas li a.selected{ background: url(images/bullet.gif) no-repeat left center; cursor: default; font-weight: bold; text-decoration: underline; } .contaba{ clear: both; } [/css] Abraços, Olá Ferdinando,

o CSS ficaria por conta de quem pegar o script :)

Na verdade, eu não quis inchá-lo com CSS, deixando livre para quem for usar fazer o seu...

aqui segue uma implementação que fiz:

TEXTO PURO
CSS:
  1. #abas{
  2.   margin: -10px;
  3.   padding: 0;
  4.   width: 100%;
  5. }
  6.  
  7. #abas li{
  8.   display: inline;
  9. }
  10. #abas li a{
  11.   display: block;
  12.   width: auto;
  13.   padding: 3px 8px;
  14.   margin: 0 1px 0 0;
  15.   width: 200px;
  16.   float: left;
  17.   background: url(images/bullet.gif) no-repeat left center;
  18.   color: #797979;
  19.   text-decoration: none;
  20.   text-indent: 5px;
  21. }
  22. #abas li a.selected{
  23.   background: url(images/bullet.gif) no-repeat left center;
  24.   cursor: default;
  25.   font-weight: bold;
  26.   text-decoration: underline;
  27. }
  28.  
  29.  
  30. .contaba{
  31.   clear: both;
  32. }

Abraços,

]]> By: ferdinando http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2244 ferdinando Tue, 08 Jan 2008 19:26:04 +0000 http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2244 Meu amigo, parabens pela dica.. Mais desculpa minha ignorancia, o seu exemplo era somente pra mostrar que voce conseguiu eliminar a necessidade do plugin? se foi isso , não pode ser utilizado por outra pessoa? Digo isso, porque o codigo mostrado depende de pelo menos um arquivo css, que não se encontra aqui, e para analisar o que você fez, ta meio dificil. Mais parabens pela iniciativa.. Abraços Ferdinando Meu amigo, parabens pela dica..
Mais desculpa minha ignorancia, o seu exemplo era somente pra mostrar que voce conseguiu eliminar a necessidade do plugin? se foi isso , não pode ser utilizado por outra pessoa? Digo isso, porque o codigo mostrado depende de pelo menos um arquivo css, que não se encontra aqui, e para analisar o que você fez, ta meio dificil.
Mais parabens pela iniciativa..
Abraços
Ferdinando

]]> By: ferdinando http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2243 ferdinando Tue, 08 Jan 2008 19:25:35 +0000 http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2243 Meu amigo, parabens pela dica.. Mais desculpa minha ignorancia, o seu exemplo eso pra mostrar que voce conseguiu eliminar a necessidade do plugin? se foi isso , não pode ser utilizado por outra pessoa? Digo isso, porque o codigo mostrado depende de pelo menos um arquivo css, que não se encontra aqui, e para analisar o que você fez, ta meio dificil. Mais parabens pela iniciativa.. Abraços Ferdinando Meu amigo, parabens pela dica..
Mais desculpa minha ignorancia, o seu exemplo eso pra mostrar que voce conseguiu eliminar a necessidade do plugin? se foi isso , não pode ser utilizado por outra pessoa? Digo isso, porque o codigo mostrado depende de pelo menos um arquivo css, que não se encontra aqui, e para analisar o que você fez, ta meio dificil.
Mais parabens pela iniciativa..
Abraços
Ferdinando

]]> By: Prototype tabs - abas simples e leves « DGmike http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2192 Prototype tabs - abas simples e leves « DGmike Mon, 03 Dec 2007 14:54:14 +0000 http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2192 [...] 3, 2007 · Arquivado em JavaScript, Programação O Tulio Faria postou uma forma simples de criar um sisteminha simples de abas usando o jQuery. Como eu estou me [...] [...] 3, 2007 · Arquivado em JavaScript, Programação O Tulio Faria postou uma forma simples de criar um sisteminha simples de abas usando o jQuery. Como eu estou me [...]

]]> By: Felipe Diesel http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2185 Felipe Diesel Sat, 01 Dec 2007 18:53:41 +0000 http://www.tuliofaria.net/jquery-tabs-abas-simples-e-leve/#comment-2185 Eu tô virando especialista em desconstruir plugins. Pego um plugin e vou ceifando ele até ter só o que eu quero! :D Eu tô virando especialista em desconstruir plugins.

Pego um plugin e vou ceifando ele até ter só o que eu quero! :D

]]>