HTML

<a href="javascript:;" class="boton">Boton</a>

jQuery

$('.boton').css3button();

Métodos

<!-- Cambiar color del boton
Los colores pueden ser:
orange
red
blue
green
default: gray
-->
$('.boton').css3button({color : 'red'});

<!-- Desactivar boton (state disabled) -->

$('.boton').css3button("disabled");

<!-- Activar boton (state enabled) -->

$('.boton').css3button("enabled");

<!-- Método Destroy -->

$('.boton').css3button("destroy");

Ejemplo

<!-- JavaScript --->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="jquery.css3-buttons.js" type="text/javascript"> </script>

<!-- HTML -->
<a class="boton" href="#" rel="orange">Abrir 0</a>
<a class="boton" href="#" rel="red">Abrir 1</a>
<a class="boton" href="#" rel="blue">Abrir 2</a>
<a class="boton" href="#" rel="green">Abrir 3</a>
<a class="boton" href="#" rel="gray">Abrir 3</a>

<!-- jQuery -->
<script type="text/javascript">
$(document).ready(function(){

	$.each($('a.boton'), function() {
		color = $(this).attr('rel');
		$(this).css3button({color : color});

	});
	$('.boton').click(function( ) {
		$(this).css3button("disabled");
	});

});
</script>

Demo

Demo jQuery Plugin CSS3 Buttons

Download

• Download jQuery Plugin CSS3 Buttons

Recientemente Mootools liberó su version 1.2, que según su blog es totalmente nueva, y por lo tanto, las APIS de la versión 1.11 (aclaro que 1.2 es un número de versión mayor a 1.11) NO son compatibles con la versión 1.2. Sin embargo nos ofrecen unos layers para hacer los scripts compatibles de manerá más fácil:

• Core Compatibility File
• Plugin Compatibility File

Simultáneamente le dieron un nuevo look al website de Mootools.

Mootools es un framework que empecé a usar por su sencillo manejo y su pequeño tamaño, incluso de menor tamaño que jQuery.

Descarga: Mootools

Si bien es cierto con el botón Sharethis podemos ahorrar algo de espacio y poner un poco más limpio el contenido de nuestro posts, siempre habrán botones que nuestros visitantes nunca utilicen.

SocialHistory es un código en javascript que ayuda a detectar las redes sociales de tus visitantes, esto ayuda a mostrar solo las redes que a tu visitante le interesan.