Script buton facebook lateral dreapta

LCZ`Linuxel · 28 Nov 2014, 12:03

Buna ziua am vazut pe mai multe forumuri, bloguri etc montat un Chenar cu Facebook Slidebar parca pe partea dreapta. As dori si eu un Script am incercat toate variantele de pe net si degeaba nu merge. Multumesc

Aveti mai jos o poza:

| Afiseaza codul

GPaul · 28 Nov 2014, 13:44

De ce nu ti-l faci singur?

Ti-am facut eu inceputul. De aici continua tu: http://jsfiddle.net/m7eg39hu/

LCZ`Linuxel · 28 Nov 2014, 13:57

GPaul wrote:De ce nu ti-l faci singur?

Ti-am facut eu inceputul. De aici continua tu: http://jsfiddle.net/m7eg39hu/

Am incercat mai toate scripturile de pe net. Le-am bagat da nul il citeste.

GPaul · 28 Nov 2014, 13:58

Porneste de la ce ti-am dat eu si o sa-ti mearga.

CsN^ ;x · 28 Nov 2014, 14:18

| Afiseaza codul

Deschide overall_header.html
Caută 
[code]<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>[/code]
Adaugă după 
[code]<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}/images/podzielsiena/facebook.png") top left no-repeat; 
}
a:hover#facebook { 
    background-position: 0 -30px;
}
-->
</style>[/code]

Caută  
[code]<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>[/code]
Adaugă înainte 
[code]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>[/code]
Caută 
[code]<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}"> [/code]
Adaugă după 
[code]<div class="facebook"> <div style="color:#FFF; padding:10px 5px 0 35px;">
           <script src="http://connect.facebook.net/ro_RO/all.j ... b:like-box href="http://www.facebook.com/NUMEPAGINA" width="190" height="360" show_faces="true" stream="false" header="true" style="background: #ffffff;"></fb:like-box>

            <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>[/code]
Salvati imaginea si o urcati in : styles/tema_ta/theme/images/

Inlocuiti http://www.facebook.com/NUMEPAGINA cu pagina voastra de facebook. Succes !

Sursa tutorialului.

LCZ`Linuxel · 29 Nov 2014, 21:04

CsN^ ;x wrote:

| Afiseaza codul

Deschide overall_header.html
Caută 
[code]<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>[/code]
Adaugă după 
[code]<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}/images/podzielsiena/facebook.png") top left no-repeat; 
}
a:hover#facebook { 
    background-position: 0 -30px;
}
-->
</style>[/code]

Caută  
[code]<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>[/code]
Adaugă înainte 
[code]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>[/code]
Caută 
[code]<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}"> [/code]
Adaugă după 
[code]<div class="facebook"> <div style="color:#FFF; padding:10px 5px 0 35px;">
           <script src="http://connect.facebook.net/ro_RO/all.j ... b:like-box href="http://www.facebook.com/NUMEPAGINA" width="190" height="360" show_faces="true" stream="false" header="true" style="background: #ffffff;"></fb:like-box>

            <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>[/code]
Salvati imaginea si o urcati in : styles/tema_ta/theme/images/

Inlocuiti http://www.facebook.com/NUMEPAGINA cu pagina voastra de facebook. Succes !

Sursa tutorialului.

Am facut exact ca in Tutorial s-a asezat pe Partea dreapta. Dar e o pica problema cand duc mouse pe el nu ese de acolo.

Am Rezolvat singur. Imi lipsea ->

Code: Select all

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

Eu aveam asa ->

Code: Select all

<script type="text/javascript">

si am pus deasupra lui Codul de mai sus.

Rezolvat T/C.

Script buton facebook lateral dreapta

Who is online