[شرح] تركيب اعلان جانبي ( مثل معرض الشرقي )

A

alshrqy

عضو جديد
5 يوليو 2009
10
0
0
درس تركيب اعلان جانبي مثل معرض الشرقي


السلام عليكم ورحمة الله

130513891781.jpg


الكثير طلب معرفة الكود اللازم لوضع اعلان بنف سالطريقة التي نستخدمها في معرضنا " معرض الشرقي " والمسألة سهله .. وطبعا العمل على تقنية Css

هذا الكود له عدة استخدامات ..

اولا : وضع بنر جانبي بدون ارتباط تشعبي

الطريقة

الكود الذي يتم وضعه بالهيدر بعد كلاسات الهيدر هو التالي :

PHP: 
<a class="baneer" title=" معرض الشرقي لخدمة التصميم "></a>

التعاريف لــ Css هي التالية :

PHP: 
a.baneer{
          background-image:url(**********/1.gif');
  height:359px;
  width:80px;
  position:absolute;
  right:0px;
  top:220px;   
}

طبعا قم بتعديل مسار الصورة لكي تظهر لك ..

التحكم في مكان الصورة عن طريق التعاريف وذلك بتغيير قيم وجود الصورة يمين المتصفح أو يساره .. وكذلك تغيير القيم top لكي تحدد مكانه من الجدار العلوي للمتصفح او يكون اسفل .


ثانيا : وضع بنر يحتوي رابط تشعبي لتحويل الزائر على الصفحة التي تريدها عند الضغط عليها

الطريقة

نستخدم الكود التالي :

PHP: 
<a class="alshrqy" target="_blank" href=http://www.alshrqy.com/vb/ title="معرض الشرقي"></a>

قم بتعديل عنوان الصفحة مع الرابط

التعاريف لــ Css

PHP: 
a.alshrqy{
          background-image:url(*********/1.gif');
  height:350px;
  width:60px;
  position:fixed;
  right:1px;
  top:80px;   
}

----


في نهاية الامر يجب عليك ان تعلم ان التركيب مباشرة بدون معرفة آلية هذه الاكواد اكبر خطأ .. وسيؤدي الى مشاكل لديك لأنك تجهل قرائتها ... عليك ان تقوم بتعديل عرض وارتفاع البنرات من التعاريف .. وكذلك تعديل الكلاسات في حال قمت بتغييرها ..

الامر سهل جدا .. تركيز بسيط وستجد النتيجة المرضية :)

أي استفسار انا بخدمتكم

أخوكم أبو ناصر

المصدر : http://www.alshrqy.com/vb/showthread.php?t=13431
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
أعلى أسفل