إضافة صندوق معجبين صفحة فيس بوك منبثق مثل قائمة مبسدلة







السلام عليكم ورحمة الله وبركاتة
كيفيكم يا الغالين
إضافة صندوق معجبين صفحة فيس بوك منبثق مثل قائمة مبسدلة
للمعاينة قم بالضغط هنا
أولا إذهب إلى التخطيط ومنه إلى خاصية إضافة أداة وأختر HTML/JAVASCRIPTE
و قم بلصق هذا الكود

رمز Code:
<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&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;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>



https://www.traidnt.net/vb/traidnt2738644/