السلام عليكم
اقدم لكم الاكواد الصحيحة لعمل اعلانات جانبية في الموقع او المدونة blog
يوجد شروحات اخري و لكنها قديمة و معظمها يوجد بها أخطاء
اولا صورة كمثال لتلك الإعلانات من موقع اليوم السابع الشهير
مشاهدة مباشرة
اضغط هنا
اولا الكود code الذي يتم وضعة قبل غلق وسم ال head
رمز Code:
<div id="sponserleft"> ضع هنا كود code الإعلان </div> <div id="sponserright"> ضع هنا كود code الإعلان </div>
ثم الكود code الخاص بملف ال css
رمز Code:
#homeRight{ clear:both; width:570px; float:right; margin:0px 10px 0px 10px; display:inline; } #sponserleft{ margin:-320px 440px -2000px -135px; position: static; float:left; } #sponserright{ margin:-320px -135px -2000px 60px; position:static; float:right; } #sponserleft2{ margin: -62px 990px auto 100px; position: absolute; display:block; float:left; } #sponserright2{ margin: -62px -135px auto 100px; position: absolute; display:block; float:right; }
و يتم تغيير الارقام علي حسب حجم الإعلان مثلا 120 في 600 او 160 في 600 و هكذا
ثانيا نأتي للخلفيات الإعلانية او ما يسمي ب siteskin ad
اي تكون خلفية الموقع عبارة عن اعلان لموقع اخر
مثال عليها كما بالصورة
مشاهدة مباشرة
اضغط هنا
الكود code الصحيح لها و يتم وضعة ايضا قبل غلق وسم ال head
رمز Code:
<style type="text/css" id="custom-background-css">#cliczone-advert-left { background-color: transparent !important; width: 750px; height: 1600px; /*Current max 2440x1600*/ margin: 30px 0 0 -1000px; float: left; border: none; } #cliczone-advert-right { background-color: transparent !important; width: 750px; height: 1600px; /*Current max 2440x1600*/ margin: 30px -1000px 0 0; float: right; border: none; } #kma-wrapper{ background-color: transparent !important; margin: 0 auto; width: 500px; height: 0px; position: fixed; top: 1px; left: 1px; right: 1px; border: none; }body, body.custom-background { background-color: #; background-image: url('رابط الصورة هنا') !important; background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}</style><div id="kma-wrapper"><a href="http://www.google.com"><div id="cliczone-advert-left"> </div></a><a href="http://www.google.com"><div id="cliczone-advert-right"> </div></a></div>
يتم استبدال كلمة رابط الصورة برابط الخلفية المرغوب وضعها في السطر رقم 29
و يتم استبدال الرابط الموجود google.com بالرابط المراد التحويل إلية
و يتم تغيير المقاسات علي حسب حجم الصورة والإعلان كما تريد
ارجو ان يكون الشرح طريقة بسيط و مفهوم
في حالة غموض اي شئ يتم وضع رد هنا في الموضوع و سيتم الرد علية ليستفيد الجميع
ارجو عدم غلق الموضوع و نقلة للقسم المناسب اذا كان مخالف من قبل المشرف المختص
المطلوب فقط دعوة في ظهر الغيب
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
رد مع اقتباس
