Jump to content

Script - Pagina Facebook pe site


xhakon
 Share

Recommended Posts

Căutăm în html-ul paginii unde vrei sa fie afișat slider-ul

<head>

Adăugați după:

    <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>

Adăugați iar după

<head>

urmatorul cod

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Cauta

<body>

Adauga dupa acel cod

 <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>

Salvați imaginea de jos și urcați-o pe hostul dvs. în folderul imagini(ex: siteulmeu.ro/imagini/slider.png) (dacă nu aveți acest folder, îl puteți creea)

spacer.png

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...