Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP]Nie wyświetla mi bocznego modułu - Facebook
Forum PHP.pl > Forum > Przedszkole
saviola15
5.12.2014, 11:15:21
Witam,

Próbuje wgrać boczny pasek według instrukcji która jest tutaj: http://newdivide.pl/jak-zrobic-wysuwany-li...acebook-slider/ Ale niestety zamiast panelu mam tylko link:

Strona gdze próbuje zainstalować skrypt:AdrianBialek.pl

Kod header.php gdzie go wkleiłem: (Ostatnie linie jest dodany kod z facebooka)
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2.  
  3. <!--[if IE 9 ]><html class="ie9" <?php language_attributes(); ?>> <![endif]-->
  4. <!--[if (gt IE 9)|!(IE)]><!--><html <?php language_attributes(); ?>><!--<![endif]-->
  5.  
  6. <head>
  7.  
  8.     <?php wp_head(); ?>
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  11. 	<script>
  12.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  13.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  14.   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  15.   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  16.  
  17.   ga('create', 'UA-56278230-1', 'auto');
  18.   ga('require', 'displayfeatures');
  19.   ga('send', 'pageview');
  20.  
  21. </script>
  22.  
  23. </head>
  24.  
  25.  
  26. <body id="<?php print get_stylesheet(); ?>" <?php body_class('ct-body'); ?>>
  27.  
  28. <div class="overflow-container">
  29.  
  30.     <a class="skip-content" href="#main">Skip to content</a>
  31. <header id="site-header" class="site-header" role="banner">
  32.  
  33.  
  34.  
  35.  
  36.     <?php
  37.  
  38.     $social_icon_setting = get_theme_mod('social_icons_display_setting');
  39.  
  40.     if(
  41.         // if secondary menu is set, or...
  42.         (has_nav_menu( 'secondary' )) ||
  43.  
  44.         // if search bar is on, or...
  45.         (get_theme_mod('search_input_setting') == 'show') ||
  46.  
  47.         // if the social icon setting has been entered by a user and is not 'no'
  48.         ( $social_icon_setting != 'no' && $social_icon_setting != NULL) ) {
  49.  
  50.             echo "<div class='top-navigation'>";
  51.  
  52.                 echo "<div class='container'>";
  53.  
  54.                     // add secondary menu if set
  55.                     get_template_part( 'menu', 'secondary' );
  56.  
  57.                     // add search input if set
  58.                     if(get_theme_mod('search_input_setting') == 'show'){
  59.                         get_search_form();
  60.                     }
  61.                     // display social icons if set
  62.                     if( (get_theme_mod('social_icons_display_setting') == 'header-footer') || (get_theme_mod('social_icons_display_setting') == 'header')){
  63.                         ct_tracks_customizer_social_icons_output();
  64.                     }
  65.  
  66.                 echo "</div>";
  67.  
  68.             echo "</div>";
  69.     } ?>
  70.     <div class="container">
  71.  
  72.         <div id="title-info" class="title-info">
  73.             <?php get_template_part('logo')  ?>
  74.         </div>
  75.  
  76.         <?php get_template_part( 'menu', 'primary' ); // adds the primary menu ?>
  77.     </div><!-- .container -->
  78.  
  79. 	</header>
  80. <script>
  81. $(function(){
  82. 	$('#face-slider').hover(
  83. 		function(){ $('#face-slider').stop().animate({"right": "0"}, 1000); },
  84. 		function(){ $('#face-slider').stop().animate({"right": "-302px"}, 1000); }
  85. 	);
  86. });
  87. </script>
  88. <div id="main" class="main" role="main">
  89. <div id="face-slider">
  90. 	<div id="tab"></div>
  91. 	<div id="face-code">http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2Fadrianbialekpl%2F768915043145251%3Ffref%3Dts&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true</div>
  92. </div>
  93.  
[PHP] pobierz, plaintext
bahh
5.12.2014, 12:26:08
No ale przecież wyświetli Ci link bo nie dałeś skryptu tylko sam odnośnik
Masz dać na przykład 
[HTML] pobierz, plaintext 
  1. <div id="face-code">
  2. <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>
  3. </div>
[HTML] pobierz, plaintext

czyli klikasz po wypełnieniu formularza na https://developers.facebook.com/docs/plugin...es?locale=pl_PL przycisk GET CODE i to co tam otrzymasz, to wklejasz
trueblue
5.12.2014, 12:27:50
Use this URL in an iframe or as a link to your plugin.
Wstawiłeś link w iframe lub masz plugin, który zamienia go w button?
saviola15
5.12.2014, 12:33:51
dodałem w <iframe> ale niestety zamiast wysuwanego panelu z boku jest teraz pod logo sad.gif Jakieś pomysły ?
bahh
5.12.2014, 16:11:20
Nie chce mi się sprawdzać tego co ty masz na stronie - oto gotowy kod z iframe do konkretnego fanpage adrianbialek.pl, wszystko działa i dokładnie to wklejasz u siebie w skrypcie w takiej samej kolejności:
[HTML] pobierz, plaintext 
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  2.  
  3. <style>
  4. 	#face-slider{
  5. 		position:fixed;
  6. 		right:-302px;
  7. 		top:190px;
  8. 		z-index:100;
  9. 	}
  10. 	#face-slider #tab{
  11. 		cursor:pointer;
  12. 		height:110px;
  13. 		width:35px;
  14. 		float:left;
  15. 		background: url(http://www.newdivide.pl/demos/2013-04-06/img/facebook-slider.png) no-repeat center center;
  16. 	}
  17. 	#face-code{
  18. 		padding:5px;
  19. 		border: solid #0170cf 3px;
  20. 		background: #fff;
  21. 		float:left;
  22. 		width:286px;
  23. 		height:296px;
  24. 		-moz-border-radius: 0 0 0 8px;
  25. 		-webkit-border-radius: 0 0 0 8px;
  26. 		border-radius: 0 0 0 8px;
  27. 	}
  28. </style>
  29.  
  30. <div id="face-slider">
  31.   <div id="tab"></div>
  32.   <div id="face-code">
  33.     <iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2Fadrianbialekpl%2F768915043145251%3Fref%3Dbr_rs&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:287px; height:290px;" allowTransparency="true"></iframe>
  34.   </div>
  35. </div>
  36.  
  37. <script>
  38. $(function(){
  39. 	$('#face-slider').hover(
  40. 		function(){	$('#face-slider').stop().animate({"right": "0"}, 1000); } ,
  41. 		function(){ $('#face-slider').stop().animate({"right": "-302px"}, 1000); }
  42. 	);
  43. });
  44. </script>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.