Personalizar la fanbox de Facebook con css

Para todos los que conocemos la fanbox de facebook esa cajita la cual muestra las personas agradecidas que le hacen click al me gusta por la buena información obtenida gratuitamente en el sitio.la que a muchas personas no le gusta de la forma que se muestra,bueno en el día de hoy les voy a mostrar una cencilla forma de personalizar esa famosa cajita dandole un toque completamente diferente.para lograr esto va a ser con la ayuda de CSS.

Con css le podemos añadir un fondo de alguna imagen o simplemente añadiendole color y mucho mas... también vamos a eliminar lo que a muchas personas no le gusta que es lo que dice ”Plug-in social de Facebook”.

Si el código de la fanbox el height,altura es 240 En la parte del css el height es -20 entonces seria 220 con esto eliminamos lo que esta en la parte de abajo que dice ”Plug-in social de Facebook”

Para el primer ejemplo use el siguiente estilo:

<style type="text/css">
div.fanbox {
background-color: #202931;background-image: -moz-linear-gradient(#000, #202931);background-image: -webkit-linear-gradient(#000, #202931);background-image: -o-linear-gradient(#000, #202931);background-image: linear-gradient(#000, #202931);
width:240px;
height:160px;
overflow:hidden;
}
div.fanbox iframe {margin:-1px}
</style>



Los 000 es el color negro y los 202931 es como el color plateado lo pueden cambiar a sus gustos y así pueden obtener dos tonos si quieren un solo color solo tienen que eliminar uno de los dos y se quedan con un solo color.

Para el segundo ejemplo use el siguiente estilo:

<style type="text/css">
div.fanbox1 {
background-color: #0000FF;background-image: -moz-linear-gradient(#000, #0000FF);background-image: -webkit-linear-gradient(#000, #0000FF);background-image: -o-linear-gradient(#000, #0000FF);background-image: linear-gradient(#000, #0000FF);
width:240px;
height:160px;
overflow:hidden;
}
div.fanbox iframe {margin:-1px}
</style>


Los 000 ceros es el color negro y los 0000FF es el color azul y todo es como  les dije anteriormente.

 Para el tercer ejemplo use el siguiente estilo:


<style type="text/css">
div.fanbox2 {
width:240px;
height:160px;
background: url(http://dl.dropbox.com/u/25944020/images.jpg);
overflow:hidden;
}
div.fanbox iframe {margin:-2px}
</style>

En este solo use una imagen de fondo la cual la marque de color rojo esa la pueden cambiar por la que ustedes quieran.

En los tres ejemplos use el siguiente codigo solo cambiando las class <div class="fanbox"> ,  <div class="fanbox1"> ,  <div class="fanbox2">

<div class='fanbox'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/tube-trucos/161206907309924&amp;width=240&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:180px;" allowtransparency="true"></iframe>
</div>

Lo que esta en rojo lo van a sustituir por su url de facefook si se fijan como les explique lo que esta en amarillo es el ancho 240 y altura 180 y en el css use 20 menos en la altura de 180 a 160 para implementar el codigo en nuestros sitios solo pongan css justo antes de que cierre la etiqueta </head>
o pueden poner el css,los estilos junto con el codigo en un gadget .
Para añadir el codigo en un gadget solo vayan a diseño >> añadir un gadget >> HTML/Javascript >>  pegamos los dos codigos y guardamos despues de eso ya van a tener su fanbox personalizada .

Read More

Hasta $1 millón de usd pagara google a quien hackee el navegador chrome

Para los interesados en ganarse un milloncito de dolares por Google.apartir de la próxima semana en Pwn2Own google al que logre crackear Chrome durante la competencia Pwn2Own.le pagara un buena cantidad de dinero, Google ha competido durante tres años en este concurso de hackers, en los que el navegador se ha mantenido invicto.no lo han podido hackear todavía pero como todo siempre puede aver alguien que llegue mas allá a donde nadie a podido llegar.

La compañía buscadora explicó que entregará este abultadito premio porque no sólo quiere que Chrome sea hackeado, sino que también quiere que se les entregue un informe detallado sobre el exploit usado para vulnerar el navegador, algo que no está en las bases de Pwn2Own. El premio se repartirá en las siguientes categorías:

USD$60.000 – “Full Chrome exploit”: Usando Chrome en Windows 7 como usuario local, sólo bugs que estén en el mismo Chrome

USD$40.000- “Partial Chrome exploit”: Chrome en Windows 7, usando al menos un bug de Chrome más otros bugs.

USD$20.000 – “Consolation reward, Flash/Windows/other”: Chrome en Windows 7, sin usar bugs de Chrome (por ejemplo, usando bugs en Flash, Windows o un driver).

La información conseguida por los hackers será usada para mejorar las futuras versiones de Chrome según google y hacerlo más seguro. “No sólo podemos reparar los errores, pero estudiando las vulnerabilidades y técnicas de exploit, podemos mejorar nuestras mitigaciones, tests automáticos y sandboxing”, explicó la compañía en su blog.

Informado en chromium

Read More

Nueva extensión para el navegador Chrome ¨Chat de Google¨ que te permite usar el chat de Gmail en cualquier sitio

Para las personas que usan el chat de Gmail hay una nueva extencion disponible para el navegador chrome ,Está extensión ya tiene un tiempo pero solo ha estado disponible para Chrome OS, los desarrolladores al ver del potencial que podia tener se animaron a pasarla como extensión para el navegador Google Chrome. esta extencion esta basada en Gmail por el buen sistema de mensajeria integrado que tiene, aunque muchas personas usan Google Talk por lo excelente que funciona , otras personas no quieren instalar nada en su pc y usan el chat de Gmail pero muchas veces nos limita ya que solo podemos usarlo cuando tenemos la página de Gmail abierta. Pero ahora con esta extensión Chat de Google podrás tener el chat de Gmail desde cualquier página que visites, siempre en la parte de abajo de tu navegador chrome.

Lo bueno de está extensión es que te permite hacer videollamadas o hasta empezar un Hangout de Google+ sin tener que estar en la página de Gmail.

Lo malo del servicio es que no tiene soporte de Google Voice (por ahora) y no puedes tener varias cuentas abiertas al mismo tiempo.

Sin duda una muy buena extensión para las personas que usan el chat de Gmail.

Disponible en la webstore

Read More

Google y principales empresas acuerdan implementar sistema para “no rastrear” en internet

En una ley presentada por el actual presidente de los estados unidos,Barack Obama, presentó una propuesta de regulación para la privacidad en internet,lo que pasa es que han havido muchas quejas acerca de la privacidad en internet sobre las empresas en la web usan los datos de sus usuarios más de lo debido. El proyecto se llama “Privacy Bill of Rights” o “Declaración de Derechos de Privacidad”, y entre sus primeros logros está haber unificado a grandes empresas a respetar el derecho del usuario si no quiere que sus datos sean rastreados.

El usuario que no deceen que lo rastreen podrá enviar la orden de que no lo rastreen a través de un botón en el navegador. ya hace un año Mozilla y Google implementaron esto mismo, pero no había ningun acuerdo en la industria de respetar este sistema, así que los usuarios que usaban el botón podían seguir siendo rastreados por las empresas a fines publicitarios porque las compañías pero no se respetaban la instrucciónes dada por el usuario. La idea es que ahora esto deje de pasar.

AOL, Google, Microsoft y Yahoo se comprometieron de forma voluntaria, afirmando que darán a los usuarios la opción de que la navegación no sea rastreada . El acuerdo no elimina que se haga seguimiento de los usuarios para otra cosa: estudios de mercado, desarrollo de productos, etc., pero al menos es un inicio .

El proyecto de ley es más amplio que el tema del rastreo publicitario, teniendo como objetivo entregar más control a los usuarios sobre su información y una mayor certeza respecto a lo que están haciendo cuando usan servicios web. La principal regla que se quiere imponer es la transparencia, de forma que el usuario pueda saber con qué datos se queda la empresa, qué seguridad tienen esos datos, para qué se van a usar y tener la opción de cambiarlos o eliminarlos. Por ahora las empresas se suman “de buena fe” porque no es una ley que deban cumplir. La Federal Trade Commission (FTC) va a estar al tanto y vigilará que cumplan.

Informado en fayerwayer

Read More