[ jquery & Css ] جيكورى لعرض الاعلانات بطريقة متحركة ،، مميز جداً

[abohmam]

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

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

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

[ jquery & Css ] جيكورى لعرض الاعلانات بطريقة متحركة ،، مميز جداً


المثال أضغط على الرابط التالى ..

http://www.progs4u.net/vb/example/jquery-ads

حمل ملفات بالمرفقات

:morfqat:

:fasel:

الأن كيفية تركيب جيكورى لعرض الأعلانات :-

اولاً : شرح تركيب للمنتدي

ارفع ملفات فى مجلد المسمى [ upload ] الى مجلد المنتدى [ vb ]

http://www.abc4web.net/upload/images2/34gjr3hngenxaq2.gif (http://www.abc4web.net/upload/)

ثم افتح ملف اندكس [ index ] عن طريق إكسبريشن ويب او اى برنامج تحرير نصوص

http://www.abc4web.net/upload/images2/pozkjnzduogxxbu.gif (http://www.abc4web.net/upload/)

الان انسخ كود من رقم 6 الى 9 سطر ،، أو شوف مثال

http://www.abc4web.net/upload/images2/in4mup8drm26wbs.gif (http://www.abc4web.net/upload/)

ثم وضع كود فى اخر قالب [ headinclude ]

http://www.abc4web.net/upload/images2/tdgagp2xjngysqq.gif (http://www.abc4web.net/upload/)

الأن انسخ كود من رقم 12 الى 17 سطر ،، أو شوف مثال ..

http://www.abc4web.net/upload/images2/hor5ib9dsu0u2dk.gif (http://www.abc4web.net/upload/)

مع تغيير روابط [ # ] ومع تغيير مسار صور > images/1.png

1. لو تريد عرض اعلانات اسفل الهيدر ،، وضع الكود فى اخر قالب الهيدر
2. لو تريد عرض اعلانات اعلى الفوتر ،، وضع الكود فى اعلى قالب الفوتر
3. لو تريد عرض اعلانات فى الصفحة الرئيسية فقط ،،
وضع الكود بعد كلمة [ $navbar ] فى قالب [ FORUNMHOMER ]


ثم حفظ وشوف نتيجة :abc_052:

:fasel8:

ثانياً : شرح تركيب الموقع

ارفع ملفات فى مجلد المسمى [ upload ] الى مجلد الموقع

http://www.abc4web.net/upload/images2/3kh6gyaywbyepid.gif (http://www.abc4web.net/upload/)

ثم افتح ملف اندكس [ index ] عن طريق إكسبريشن ويب او اى برنامج تحرير نصوص

http://www.abc4web.net/upload/images2/xfs60hdg82ehdaz.gif (http://www.abc4web.net/upload/)

الان انسخ كود من رقم 6 الى 9 سطر ،، أو شوف مثال

http://www.abc4web.net/upload/images2/jlto1mvdnlxypc0.gif (http://www.abc4web.net/upload/)

ثم وضع كود قبل كلمة

</head>

فى ملف اندكس [ index.html - Or - index.php ]

الأن انسخ كود من رقم 12 الى 17 سطر ،، أو شوف مثال ..

http://www.abc4web.net/upload/images2/m74uqeyszdsbmfp.gif (http://www.abc4web.net/upload/)

مع تغيير روابط [ # ] ومع تغيير مسار صور > images/1.png

ثم ضعه الكود فى اى مكان تريده ،، وبعد ذلك قم حفظ وشوف نتيجة :abc_052:

:fasel8:

شرح تغيير مقاس اعلانات :-

افتح ملف المسمى [ style.css ] عن طريق إكسبريشن ويب او اى برنامج تحرير نصوص

فى اول سطر

width:700px;height:160px;

عرض > width || طول > height


:abc_052:

منقول
:fasel8:

إنتهى ،، تم بحمد لله

أتمنى لكم جميعا الفائدة من هذه المشاركة

ولاتنسونا من صالح دعائكم

:fasel6:
أبوهمام
.

[أبو يوسف]

:teslam:

بارك الله فيك اخي ابو همام

.

[أبو صخر]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[abohmam]

جزاكم الله خيرا على المرور والتواصل

بالتوفيق

[بولبابة]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . :abc_152::abc_152::abc_152: