Skocz do zawartości

LIKE BOX problem

naekranie.eu

Przez naekranie.eu
w Dla początkujących

Rekomendowane odpowiedzi

naekranie.eu Newbie

naekranie.eu

Opublikowano
Opublikowano

Witam,

Mam wordepressa i za cholere nie wiem, gdzie wkleic kod z LIKE BOXA. Ma się wysuwać z prawej strony. O to kod

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<script language="javascript">
$(document).ready(function(){
var speed = 300;
var bg = 'tlo.png';
	$(".fb-fb").css('background-image', 'url('+bg+')');
	$(".fb-fb").hover(function(){
		$(".fb-fb").animate({right: "0px"}, {queue:false,duration:speed} );
		return false;
	},function(){	
		$(".fb-fb").animate({right: "-209px"}, {queue:false,duration:speed} );
		return false;
	});
}); 
</script>
  <style type="text/css">
.fb-fb{width:200px; padding:10px 5px 5px 36px; height:360px; position:fixed; top:30%; right:-209px; display:block;}
  </style>
<div  class="fb-fb">
<script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/naekranieeu/203105673033477" colorscheme="dark" width="200" height="350" show_faces="true" stream="false" header="true"></fb:like-box>
</div>

Prosze o dokładna instrukcję :D

Odnośnik do komentarza
Udostępnij na innych stronach
Konrad Newbie

Konrad

Opublikowano
Opublikowano

Pierwszą część kodu musisz wstawić pomiędzy tagi <HEAD> i </HEAD> czyli to:

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

<script language="javascript">

$(document).ready(function(){

var speed = 300;

var bg = 'tlo.png';

$(".fb-fb").css('background-image', 'url('+bg+')');

$(".fb-fb").hover(function(){

$(".fb-fb").animate({right: "0px"}, {queue:false,duration:speed} );

return false;

},function(){

$(".fb-fb").animate({right: "-209px"}, {queue:false,duration:speed} );

return false;

});

});

</script>

<style type="text/css">

.fb-fb{width:200px; padding:10px 5px 5px 36px; height:360px; position:fixed; top:30%; right:-209px; display:block;}

</style>

A drugą część w sekcji <BODY> </BODY> :

<div class="fb-fb">

<script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/naekranieeu/203105673033477" colorscheme="dark" width="200" height="350" show_faces="true" stream="false" header="true"></fb:like-box>

</div>

Oczywiście takie rzeczy robi się w WP-ADMIN:

1. Wybierasz dział "Wygląd"

2. Następnie "Edytor"

3. Sekcje <HEAD> i <BODY> znajdziesz w nagłówku (plik header.php)

Odnośnik do komentarza
Udostępnij na innych stronach
naekranie.eu Newbie

naekranie.eu

Opublikowano
  • Autor
Opublikowano

Niby wszystko okey, ale nie widać ikonki po prawej stronie i pasek się wysuwa jakby pod stroną !!!:( wrzuciłem wszystkie pliki do folderu wp-admin, ale nadal nic nie widać. Trzeba w połowie strony po prawej stronie najechac myszka to się wysunie... Nie wiem co dalej

Odnośnik do komentarza
Udostępnij na innych stronach
Konrad Newbie

Konrad

Opublikowano
Opublikowano

Koledze Kmiciu chodziło o to żebyś zamiast tego fragmentu...

<style type="text/css">

.fb-fb{width:200px; padding:10px 5px 5px 36px; height:360px; position:fixed; top:30%; right:-209px; display:block;}

</style>

...dał taki:

<style type="text/css">

.fb-fb{width:200px; padding:10px 5px 5px 36px; height:360px; position:fixed; top:30%; right:-209px; display:block; z-index: 900;}

</style>

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności