Kısaca anlatmaya çalışayım.
Bu işlem için öncelikle sayfanın başına style eklememiz gerekli.
<style type="text/css">
HTML,body {height:100%; margin:0px}
#karanlik{
display:none;
height:100%;
width:100%;
background-color:#000000;
position:absolute;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50
}
</style>Daha sonra <body> tagından hemen sonra
<div id="karanlik" onclick="ac()"></div>
Kodu eklenecek.
Bu siyahlığı verecek olan div.
Daha sonra sayfamızın istediğimiz bir yerine istediğimiz bir şekilde hazırladığımız bir resmi yerleştiriyoruz.
Yanlız <img> tagının içi şu şekilde olmalı.
<img src="http://resim.adresi" onclick="karart()">
Bunlarda sonra <head></head> tagları arasına
<script>
function karart()
{
document.getElementById("karanlik").style.display="block"
}
function ac()
{
document.getElementById("karanlik").style.display="none"
}
</script>kodlarını ekliyoruz.
ve işlem tamam.Resme tıklandığında sayfa kararıyor.Sayfanın herhangi bir yerine tıklayınca tekrar eski haline dönüyor.
Bunun facebook sayfasına eklenebilir olup olmadığını bilmiyorum.
Hiç facebook kullanmadım.
Eğer biryerlerden kendi sayfanız için html kod ekleyebiliyorsanız verilen kodları kopyala-yapıştır yaparsanız yine çalışacaktır.