Facebook slider

Despre programarea aplicațiilor web și nu numai, cu PHP, baze de date și altele.
Discutiile despre utilizarea si modificarea scripturilor se desfasoara in aria Webmaster.
Discuțiile despre proiectarea și optimizarea bazelor de date se desfășoară în aria Databases.
Deconectat
Avatar utilizator
Oprea
Mister Just4Metin
Mister Just4Metin
Mesaje: 200
Membru din: 13 Dec 2013
Localitate: Reghin, Jud. Mures
Reputație: .
-------------------------------------
►Fost Trial Moderator
►Fost Moderator
►Nume anterior: Cristi O.
►Mister J4M
-------------------------------------
Status: I'm proud of myself.
Server Metin2: www.resursele.com
Regat: Jinno
Mulțumiri acordate: 1
Mulțumiri primite: 8
Contact:

Facebook slider

Mesajde Oprea » 18 Ian 2017, 01:08

Salut, în acest topic vă voi prezenta cum să adăugați pe site-ul dvs. un slider cu pagina voastră de facebook.

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

Cod: Selectaţi tot

<head>

Adăugați după:

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>


Adaugă din nou după

Cod: Selectaţi tot

<head>
, următorul cod:

Cod: Selectaţi tot

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


Caută:

Cod: Selectaţi tot

<body>

Adaugă după:

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>


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)
Imagine
După ce descărcați imaginea, redenumiți-o în "slider", având extensia png, va deveni slider.png
Înlocuiți Trebuie să fii logat sau înregistrat pentru a vedea acest link. 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.

Vă rugăm să scanaţi întotdeauna fişierele pe care le descărcaţi cu VirusTotal.
Informații Resursele.com
Fondator @Resursele.com
Trebuie să fii logat sau înregistrat pentru a vedea acest link.
 ! Mesaj de la: Cristi O.
Ofer suport pentru phpbb, html, css doar pe Resursele.com

Înapoi la “Tutoriale scripting”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 3 vizitatori