Przepraszam że się jeszcze wtrącę ale mam łatwiejszy sposób na sildera niż to co jest napisane w wiki.
Wystarczy jeden kod który wklejamy do style i szablony => szablony => twój szablon => strona główna => index
<title>Wysuwany Like Box</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta content="..." name="description" />
<meta content="..." name="keywords" />
<style>
body {
margin: 0;
padding: 0;
}
/* glowny div z like box'em */
#like-box {
position: fixed;
z-index: 99;
top: 150px; /* jego polozenie od gory */
left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
-webkit-transition: left 0.5s ease-out;
-moz-transition: left 0.5s ease-out;
-o-transition: left 0.5s ease-out;
transition: left 0.5s ease-out;
}
/* wysuniecie like box'a */
#like-box:hover {
left: 0px;
}
/* zewnetrzna ramka boxa */
#like-box .outside {
position: relative;
z-index: 1;
background: #3b5999;
padding: 2px;
min-width: 1px;
float: left;
}
/* wewnetrzne tlo boxa */
#like-box .inside {
position: relative;
z-index: 2;
background: #fff;
}
/* pasek z logo FB */
#like-box .belt {
position: relative;
z-index: 0;
-webkit-transform: rotate(90deg); /* obrot o 90 stopni */
-moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
-o-transform: rotate(90deg); /* obrot o 90 stopni */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* obrot o 90 stopni dla IE */
float: left;
width: 100px; /* wysokosc */
height: 40px; /* szerokosc */
padding: 7px 0px 0px 20px;
margin: 50px 0px 0px -55px;
background: #3b5999;
color: #fff;
font-weight: bold;
font-family: Verdana;
font-size: 16px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#banner {
margin: 0 auto;
width: 450px;
height: 50px;
margin-top: 30%;
}
</style>
</head>
<body>
<!-- WYGENEROWANY KOD NR 1 -->
<div id="fb-root"></div>
<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 = "http://connect.facebook.net/pl_PL/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- KONIEC WYGENEROWANEGO KODU NR 1 -->
<!-- DIV Z LIKE BOX'EM -->
<div id="like-box">
<div class="outside">
<div class="inside">
<!-- WYGENEROWANY KOD NR 2 -->
<div class="fb-like-box" data-href="http://www.facebook.com/ZalogujMniepl" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
<!-- KONIEC WYGENEROWANEGO KODU NR 2 -->
</div>
</div>
<div class="belt">facebook</div>
</div>
Wszystko jest opisane w kodzie tak więc nawet laikowi nie sprawi to problemu.
![[Obrazek: modnotice_thx.png]](https://webboard.pl/images/modnotice_thx.png)
