#50C1AL: Plugin social en dialogo modal y con efecto blur sobre el fondo

#50C1AL es un sencillo plugin desarrollado con jQuery para la creación de diálogos modales, en el mismo están todos los botones necesarios para compartir en las redes sociales un proyecto.

A diferencia de otros plugins sociales, este plugin recrea perfectamente el conocido efecto blur, dicho detalle afecta solamente al fondo del cuadro de dialogo. Este detalle, ademas de bonito, cumple otra función, y es la de ayudar a concentrar la atención de los usuarios en los botones de compartir.

Así se visualiza el cuadro de dialogo que se inicia con este plugin:

Ejemplo de uso:

Agregamos a nuestro proyecto los estilos necesarios:

<link rel="stylesheet" href="assets/stylesheets/arthref.css">

Enlazamos la biblioteca:

<script src="assets/javascripts/socialProfiles.js"></script>

Inicializamos el plugin:

$('.selectorClass').socialProfiles({
    email: 'example@example.com',
    behance: 'gokhun'
    facebook: 'tolgaergin',
    twitter: 'tolgaergin',
    pinterest: 'tolga',
    dribbble: 'bbb',
    scoutzie: 'gokhun-guneyhan'
});

Las herramientas sociales que vienen listas para utilizar son: Blogger, Delicious, Digg, Facebook, Friendfeed, Google, Linkedin, Myspace, Pinterest, Reddit, Stumbleupon, Tumblr, Twitter, Windows y Yahoo.

El plugin se puede adaptar perfectamente mediante el uso de las opciones correspondientes, por ejemplo podemos modificar la velocidad de la animación, el tipo de blur, el titulo del dialogo modal, etc.

Luego de configurar el plugin el resto es muy simple 😀

Web: #50C1AL

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas