Marcadores Sociales Flotantes con la opción de cerrar

Ya he posteado en otras entradas trucos de marcadores sociales flotantes, pero el truco de hoy tiene un par de cosas interesantes respecto a los otros:

Un estilo nuevo basado en nuevos atributos CSS, y se la da al lector la opción de cerrar la barra que contiene los marcadores sociales, lo que hace que sea menos molesto para el lector.


El truco se ve de la siguiente manera:


Puede ver un Demo de este truco en el siguiente blog de pruebas.

Para agregar este truco busca la etiqueta <body> y debajo de ella pega lo siguiente:
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Ahora entra a Diseño, Añadir Gadget, HTML/JavaScript y pega allí lo siguiente:
<style type="text/css">
#menudesli {
background-color: #00FFFF; /* Color de fondo */
width: 75px;
padding-top:5px;
padding-bottom:25px;
text-align: center;
/* POSICION FLOTANTE */
position:fixed !important;
right:5%;  /* Esto decide Izquierda o derecha 5% */
top:200px;  /* Distancia de arriba para abajo */
z-index:10 !important
/* POSICION FLOTANTE */
/* REDONDEADO */
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
/* REDONDEADO */
  border:-color: #000000; /* Color de borde */
  border-width: 2px;
  border-style: solid;
}
</style>
<div id="light" class="white_content">
<div class="menudesli" id="menudesli">


<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="http://3.bp.blogspot.com/-_0qFToAh1VM/UVtBehic5GI/AAAAAAAAHBE/y8k-BUg54PE/s1600/cerr.png" border="0"/></a>
<a href="http://blogger.el-foro.com/t2-barra-deslizante-botones-compartir-opcion-cerrar" target="_blank"><img src="http://1.bp.blogspot.com/-QnTbXSOlL7Y/UWHw4hJVPSI/AAAAAAAAHM0/LrRlbgyyN2M/s1600/Gadgets.png" border="0"></a>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="75" data-show-faces="false" data-font="arial"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="es" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plusone" data-size="tall">
</div>

Ahora solo guarda los cambios y a disfrutar de este excelente truco se ha dicho ;)

Comentarios

Publicar un comentario

Tags: download, bajar, descargar, bajar Antivirus, Servidores, Para, Windows, Server, 2008, antivirus servidores, antivirus server 2008 full, full, antivirus full, programas full, epson, hp, toshiba, lenovo, dell, videos, peliculas, series, ver, editar, blogger, taringa, identi, lexmark.

Entradas más populares de este blog

Adjustment Program Epson reset , Reseteador Epson o Reset de Impresoras Epson Stylus

Imagen
Te ha pasado que de un memento a otro te aparece en tu impresorea epson stylus el siguiente mensaje `”tiene una parte que esta al fin de suvida util dirigase a algun servicio autorizado epson” o tambien “las almohadillas de tinta de la impresora están al final de su vida útil. diríjase al soporte técnico de epson”. Pues bien estos programas resetean la impresora y dejan los contadores internos de la tarjeta principal en cero, el cual varia dependiendo cual sea el modelo de tu impresora.   !ADVERTENCIA estos reseteador de impresoras epson puede dejar inservible tu impresora así que te recomiendo que solo y exclusivamente uses la opción de  wasted ink pad counter  y no juegues con este programa! Ahora para poder descargar los  Adjustment Program, Resetter, Reseteador o Reset Epson  simplemente los links que se muestran a continuacion. Por favor si encuentras algún adjustment Program o reseteador que no puedas usar o descargar en la zona de descargas déjame un comentario
Leer más

Enrutar Extension a Numero Externo en Elastix

Imagen
En varias instalaciones que he realizado, me han solicitado que asigne un numero de extension interna a numeros de lineas moviles (celulares) e incluso lineas fijas externas que no entran a la PBX-IP Elastix, esto con el proposito de facilitar la marcarcion a los usuarios internos,  ya que es mas facil recordar un numero de extension de 3 o 4 digitos que un numero de linea movil de 8 o mas digitos, asi como a los clientes, que en lugar de marcar a un numero celular que por lo general la llamada es mas cara, marcan a un numero de linea fija que automaticamente se enruta al celular o lineas fijas externas. Una manera facil de hacer esto, es desviar el telefono fijo asignado al empleado, la mayoria de los telefonos IP tienen esta funcion; pero que sentido tiene colocar y gastar en un telefono IP, para una persona que pasa la mayor cantidad del tiempo fuera de la oficina y que la mayoria de las llamadas las contesta en el celular. Un uso practico de esta solucion es para personal de e
Leer más

Aprende a Leer con pipo 1 y 2 (MEGA) 1 LINK

Imagen
INFORMACIÓN Este es mi primer aporte, espero que les guste.  Aprende a leer con Pipo es un método interactivo y progresivo para aprender a leer. El programa es muy flexible para permitir ser adaptado a las diferentes metodologías de los maestros y a los diferentes ritmos de aprendizaje de los niños. Las diferentes secciones de esta cartilla para aprender a leer se presentan ambientadas en el mar, en diversas islas, donde el niño aprenderá de forma progresiva cada letra, sus sílabas, las palabras y finalmente las frases. En cada sección aparecen diferentes juegos donde se pondrá en práctica todo lo visto.
Leer más