كود:
<style type='text/css'>
#PopFace { position : absolute; display : block; top : 0;
left : 0; width : 100%; height : 100%; position : fixed;
background-color : rgba(0, 0, 0, 0.9); margin : 0;
overflow : hidden; z-index : 999999;
}
#PopBook {
background-color : #ecf0f1; overflow : hidden; z-index : 999999;
}
.PopBook { width : 290px; height : 300px; position : fixed;
top : 45%; left : 50%; margin-top : -200px; margin-left : -200px;
border : #3b5998 solid 10px; padding : 20px; z-index : 999999; border-radius : 4px;
}
#PopTitle {
background : #3b5998; color : #fff; font-size : 18px !important ;
font-weight : 700; width : 324px; margin : 0 -27px 10px -27px; padding : 10px;
line-height : 25px; text-align : center; float : left;
}
.anarchyta {
width : 280px; height : 200px; position : relative;
background : #3b5998; padding : 0 10px 15px 0; margin-top : 60px; border-radius : 4px; overflow : hidden;
}
.anarchyta, .anarchyta:before, .anarchyta:after { background : transparent; border : #3b5998 solid 1px;
}
.anarchyta:before, .anarchyta:after {
position : absolute; content : ""; bottom : -3px; left : 2px; right : 2px; height : 1px; border-top : none;
}
.anarchyta:after { left : 4px; right : 4px; bottom : -5px; box-shadow : 0 0 2px #3b5998; }
.close {
background : #3b5998; padding : 5px 5px 10px 5px; font-size : 14px; font-weight:bold; color : #ecf0f1;
text-decoration : none; border-radius : 4px 4px 0 0; cursor:pointer;
}
</style>
<div id='PopFace'>
<div class='PopBook' id='PopBook'>
<h3 id='PopTitle'>تابعنا على فيس بوك</h3>
<div class='anarchyta'>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/mdadice&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true">
</iframe>
<div class='fb-like-box' data-header='false' data-href='http://www.facebook.com/' data-show-faces='true' data-stream='false' data-width='292'>
</div>
</div>
<br/>
<a class='close' onmouseup='document.getElementById('PopFace').style.display='none''>إغلاق</a>
</div> </div>