إزالة الإطار الأزرق من إضافة فيسبوك للمواقع

بسم الله الرحمن الرحيم

هذه أول تدوينة حقيقية لفكرة لطالما كنت أطمح لتنفيذها وظهورها على أرض الواقع في أقرب فرصة ممكن ، لكن كما يقولون ” كـل شيء في وقته حلـ ــو “.

إلى موضوع تدوينتنا مجدداً ،

يوفر فيسبوك لأصحاب الصفحات إضافة لعرض صفحاتهم في مواقعهم الشخصية ، وتأتي هذه الإضافة في إطار مغلق ( iFrame ) لا يمكن التعديل عليه، فيجبرك على تحمل شكله السيء وألوانه الزرقاء التي قد لا تناسب شكل وألوان موقعك .

الحل يكمن في إنشاء كلاس خاص للتعديل على:

Border-color – لون حدود الاضافة
Background – لون الخلفية

كأهم خاصيتن ، أضف إليهم عديد المزايا الأخرى .

كود ( HTML ) :

ملاحظة : عليك إستبدال علامة X برقم الصفحة او عنوانها على فيسبوك.

كود CSS:

#like-box{
border:2px solid #F0F9F4;
width:300px;
z-index:10;
height: 180px;
overflow: hidden;
position:relative;
top:0px;
right:0px;
}
#like-box iframe{
right:0px;
overflow:hidden;
position:relative;
top:0px;
}