Snippet HTML - Pagina Facebook(like, share button si post feed)

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.
Neconectat
Avatar utilizator
Oprea
Mister Just4Metin
Mister Just4Metin
Mesaje: 233
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.ro
Regat: Jinno
Mulţumiri acordate: 1  
Mulţumiri primite: 9  
Contact:

Snippet HTML - Pagina Facebook(like, share button si post feed)

Mesaj de 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.
Ultima oară modificat 06 Feb 2019, 02:34 de către Oprea, modificat 1 dată în total.
These users thanked the author Oprea for the post:
fabyflo
Informații Resursele.com
Fondator @Resursele.rp
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.ro

Neconectat
Avatar utilizator
Oprea
Mister Just4Metin
Mister Just4Metin
Mesaje: 233
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.ro
Regat: Jinno
Mulţumiri acordate: 1  
Mulţumiri primite: 9  
Contact:

Re: Snippet HTML - Pagina Facebook(like, share button si post feed)

Mesaj de Oprea » 06 Feb 2019, 02:34

Update. Explicat mai bine.
Informații Resursele.com
Fondator @Resursele.rp
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.ro

Scrie răspuns

Înapoi la “Tutoriale scripting”