<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Wysuwany widget facebook'a by SoundPlayer</title>
<meta name="Author" content="SoundPlayer">
<meta name="keywords" content="" />
<meta name="description" content="" />
<META NAME="ROBOTS" CONTENT="all">
<META HTTP-EQUIV="Reply-to" CONTENT="">
<META NAME="revisit-after" CONTENT="2 days">
<script type="text/javascript">
(function() {
var s = document.createElement('script');
var root = document.getElementById('fb-root');
window.fbAsyncInit = function() {
FB.init({status: true, cookie: true, xfbml: true});
root.removeChild(s);
};
s.async = true;
s.src = document.location.protocol +
'//connect.facebook.net/pl_PL/all.js';
root.appendChild(s);
}());
</script>
</head>
<style type="text/css">
body{
background: #666666;
}
#like-box {
position: fixed;
z-index: 99;
top: 150px; /* jego polozenie od gory */
right: -243px; /* szerokosc wygenerowanego boxa + 4px obramowania */
-webkit-transition: right 0.5s ease-out;
-moz-transition: right 0.5s ease-out;
-o-transition: right 0.5s ease-out;
transition: right 0.5s ease-out;
}
/* wysuniecie like box'a */
#like-box:hover {
right: 0px;
}
/* zewnetrzna ramka boxa */
#like-box .outside {
position: relative;
z-index: 1;
background: #3b5999;
padding: 2px;
min-width: 1px;
float: right;
}
/* wewnetrzne tlo boxa */
#like-box .inside {
position: relative;
z-index: 2;
background: #3b5999;
}
/* pasek z logo FB */
#like-box .belt {
position: relative;
z-index: 9;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
float: left;
width: 100px;
height: 30px;
padding: 9px 0px 0px 20px;
margin-top: 50px;
left: 43px;
background: #3b5999;
color: #fff;
font-weight: bold;
font-family: Verdana;
font-size: 16px;
}
</style>
<body>
<img src="logo-cs.png" />
<div id="like-box">
<div class="outside">
<div class="inside">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FWszystko-o-Radiach-Internetowych%2F172604916115422%3Fref%3Dts&width=236&colorscheme=dark&show_faces=true&border_color&stream=false&header=true&height=420" scrolling="no" frameborder="0" style="border:1px solid #3b5999; overflow:hidden; width:236px; height:410px;" allowTransparency="true"></iframe>
</div>
</div>
<div class="belt">facebook</div>
</div>
</body>
</html>