Jak zrobić taki pop-up ?

[Oberu]

Witam zastanawia mnie jak zrobić taki pop-up z własnym fanpage ;/ ktoś mi pomoże dam 40like !  

[Gość]

Wejdź sobie prawilnie tutaj

https://developers.facebook.com/docs/plugins/like-box-for-pages

wpisz adres swojego fp i rozmiar wpisz 552x258 i odznacz show stream oraz show header

kliknij get code i przejdz do zakladki iframe

teraz otworz sobie prawilnie swoja strone w edytorze i wrzuc to miedzy tagiem head

<link rel="stylesheet" type="text/css" href="FBox.css" />
<script type="text/javascript" src="FBox.js"></script>

i pod tagiem body to

<div id="FBox">
	<div id="FBox_content">
		<span id="FBox_close">x</span>
		<!-- Tutaj wklej wygenerowany kod z FB -->
	</div>
</div>

utworz sobie jeszcze prawilnie fbox.css

i wklej sobie to

#FBox {
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	font-family: Verdana;
	display: none;
}
#FBox_content {
	background: #fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 572px; /* szerokosc Like Box + 20px */
	position: relative;
	margin: auto;
	padding: 10px 0px 6px 0px;
	text-align: center;
	border: 4px solid rgba(255, 255, 255, .4);
	-webkit-background-clip: padding-box;
        background-clip: padding-box;
}
#FBox_close {
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 16px;
	color: #3b5998;
	background: #fff;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	border: 2px solid #315c99;
	padding: 0px 0px 1px 0px;
	width: 24px;
	height: 23px;
	cursor: pointer;
}

zrob tez prawilnie fbox.js i wklej to

var months = 1; //Ilosc miesiecy, po ktorych znow pokaze sie okienko
var seconds = 'n'; //Ilosc sekund, po ktorych okienko zniknie (wpisz 'n', aby wylaczyc odliczanie)
 
//Tworzenie ciasteczka
function setCookie(name, value, expire) {
	document.cookie = name + "=" + escape(value) + ((expire===null)?"":("; expires=" + expire.toGMTString())) + "; path=/";
}
//Sprawdzenie wartosci ciasteczka
function checkCookie(name) {
	if (document.cookie!="") {
		var toCookie=document.cookie.split("; ");
		for (i=0; i<toCookie.length; i++) {
			var CookieName=toCookie[i].split("=")[0];
			var CookieValue=toCookie[i].split("=")[1];
			if (CookieName==name) return unescape(CookieValue);
		}
	}
}
//Usuniecie boxa
function removeBox(divID, months) {
	var div = document.getElementById(divID);
	div.style.display = 'none';
	var expire = new Date();
	expire.setMonth(expire.getMonth()+months);
	setCookie('showedBox','yes',expire);
}
//Sprawdzenie wysokosci diva
function checkHeight(divID){
    return ((document.getElementById(divID).offsetHeight));
}
//Wysrodkowanie diva
function verticalCenter(divID){
    var div = document.getElementById(divID);
    div.style.marginTop = ((window.innerHeight-checkHeight(divID))/2)+'px';
}
 
//Odliczanie sekund
function countDown(sec, months) {
	if(sec >= 0 && sec != 'n') {
		if(!document.getElementById('FBox_countdown')) {
			div = document.createElement('div');
			div.setAttribute('id','FBox_countdown');
			div.innerHTML = 'Okienko zamknie się automatycznie za <span id="FBox_seconds"></span> sekund.';
			document.getElementById('FBox_content').appendChild(div);
		}
		document.getElementById('FBox_seconds').innerHTML = sec;
		setTimeout(function(){countDown(--sec)},1e3);
		if(sec == 0) removeBox('FBox',months);
	}
}
 
//Wykonanie skryptu
window.onload = (function() { 
	if (checkCookie('showedBox')!='yes') {
		document.getElementById('FBox').style.display = 'block';
		verticalCenter('FBox_content');
		countDown(seconds, months);
		document.getElementById('FBox_close').addEventListener('click', function(){removeBox('FBox',months)}, false);
	}
});
window.onresize = (function() { 
	if (checkCookie('showedBox')!='yes') {
		verticalCenter('FBox_content');
	}
});

no i jest prawilnie bardzo

 

 

dalej sobie sam poradzisz mysle

 

 

 

/kod nie mój

[Oberu]

Bardzo prawilnie dziękuje za pomoc dam ci teraz 18 like bo tyle mi zostało jutro wieczorem reszta