Căutăm în html-ul paginii unde vrei sa fie afișat slider-ul:
Cod: Selectaţi tot
<head>Cod: Selectaţi tot
<script type="text/javascript">
$(function (){
$(".facebook").hover(function(){
$(".facebook").stop(true, false).animate({right:"0"},"medium");
},function(){
$(".facebook").stop(true, false).animate({right:"-205"},"medium");
},500);
});
</script>
<style type="text/css">
<!--
.facebook{
float:right;
width:232px;
height:420px;
background: url("{T_THEME_PATH}/images/slider.png");
display:block;
right:-205px;
padding:0;
position:fixed;
top:201px;
z-index:10000;
}
a#facebook {
display: table-cell; width: 37px; height: 30px;
background: url("{T_THEME_PATH}/imagini/facebook.png") top left no-repeat;
}
a:hover#facebook {
background-position: 0 -30px;
}
-->
</style>Cod: Selectaţi tot
<head>Cod: Selectaţi tot
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>Cod: Selectaţi tot
<body>Cod: Selectaţi tot
<div class="facebook"> <div style="color:#FFF; padding:10px 5px 0 35px;">
<script src="http://connect.facebook.net/ro_RO/all.js#xfbml=1"></script>
<div class="fb-page" data-adapt-container-width="true" data-height="360" data-hide-cover="false" data-href="https://www.facebook.com/NumePagina" data-show-facepile="true" data-small-header="false" data-tabs="timeline" data-width="190">
<blockquote cite="https://www.facebook.com/NumePagina" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/NumePagina">NumePagina</a></blockquote>
</div>
<div id="fb-root"></div>
<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/ro_RO/all.js';
root.appendChild(s);
}());
// -->
</script>
</div>
</div>
<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 = "//connect.facebook.net/ro_RO/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
După ce descărcați imaginea, redenumiți-o în "slider", având extensia png, va deveni slider.pngÎnlocuiți http://www.facebook.com/NUMEPAGINA cu pagina voastră de facebook.
P.S.: În caz că întâmpinați probleme, apăsați butonul de "scrie un răspuns", iar eu voi încerca să vă ajut în cel mai scurt timp posibil.
de 
de 
de