درس مفصل تركيب install اعلان جانبي مثل معرض الشرقي

[linnou]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ط±ط³ طھط±ظƒظٹط¨ ط§ط¹ظ„ط§ظ† ط¬ط§ظ†ط¨ظٹ ظ…ط«ظ„ ظ…ط¹ط±ط¶ ط§ظ„ط´ط±ظ‚ظٹ (http://www.dzbatna.com/t1857026/)



درس مفصل تركيب install اعلان جانبي مثل معرض الشرقي


http://im3.gulfup.com/2014-05-11/130513891781.jpg


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

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


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

الطريقة


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


رمز PHP:

<code style="white-space:nowrap"> <code> <a class="baneer" title=" معرض الشرقي لخدمة التصميم "></a>
</code> </code>

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


رمز PHP:

<code style="white-space:nowrap"> <code> a.baneer{
background-image:url(**********/1.gif);
height:359px;
width:80px;
position:absolute;
right:0px;
top:220px;
}
</code> </code>

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

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

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




الطريقة

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

رمز PHP:

<code style="white-space:nowrap"> <code> <a class="alshrqy" target="_blank" href=http://www.alshrqy.com/vb/ title="معرض الشرقي"></a>
</code> </code>

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


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


رمز PHP:

<code style="white-space:nowrap"> <code> a.alshrqy{
background-image:url(*********/1.gif);
height:350px;
width:60px;
position:fixed;
right:1px;
top:80px;
}
</code> </code>


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

الامر سهل جدا .. تركيز بسيط وستجد النتيجة المرضية http://www.dzbatna.com/images/smilies/cupidarrow.gif



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