#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:

iconos sociales en dialogo modal

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

Categorizado en: