Biblioteca ligera de JS para Tweetable Text-texttweet. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: justmarkup
Views Total: 1,278
Sitio oficial: Ir a la web
Actualizado: December 29, 2014
Licencia: MIT

Vista prévia

Biblioteca ligera de JS para Tweetable Text-texttweet. js

Descripción

texttweet. js es una librería JavaScript súper pequeña que permite twittear un texto seleccionado/resaltado por el usuario. Para empezar, simplemente seleccione el texto que desea twittear. Actualmente funciona en las últimas versiones de IE, opera, Firefox y Chrome.

Funcionamiento

Cargue el script texttweet. js en la parte inferior del documento.

<script defer src="texttweet.js"></script>

Crea un botón de Tweet.

<a class="share-button" href="https://www.twitter.com/share?text=texttweet.js Demo @wikicss&url=http://google.com">Tweet</a>

El CSS requerido para el estilo del botón Tweet & texto seleccionado/resaltado.

.share-button {

transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

background: #4099FF;

color: #fff;

text-decoration: none;

padding: 10px;
}

.share-button-active {

position: fixed;

margin: -40px 0;

padding: 10px;
}

::selection {

display: inline;

background: black;

background: rgba(0,0,0,.8);

color: #fff;
}

::-moz-selection {
 display: inline;
 background: black;
 background: rgba(0,0,0,.8);
 color: #fff;
}

.highlight {

display: inline;

background: black;

background: rgba(0,0,0,.8);

color: #fff;
}

Eso es todo. De forma predeterminada, todo el texto del documento se convertirá en Comillas interpolables.

Te puede interesar: