[ jquery & Css ] جيكورى لعرض قوائم أو روابط تهمك بطريقة متحركة روعة ومميز

[Chakira]

http://www.dzbatna.com/images/icons/idea.gif [ jquery & Css ] ط¬ظٹظƒظˆط±ظ‰ ظ„ط¹ط±ط¶ ظ‚ظˆط§ط¦ظ… ط£ظˆ ط±ظˆط§ط¨ط· طھظ‡ظ…ظƒ ط¨ط·ط±ظٹظ‚ط© ظ…طھط*ط±ظƒط© ط±ظˆط¹ط© ظˆظ…ظ…ظٹط² (http://www.dzbatna.com/t1762832/)



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

ازيكم يالغالين ،، إن شاء الله بخير دايمــاً

الأن أقدم لكم

[ jquery & Css ] جيكورى لعرض قوائم أو روابط تهمك بطريقة متحركة روعة ومميز

المثال أضغط على الرابط التالى
http://www.progs4u.net/vb/example/menu-jquery-css

متوافق مع جميع المتصفحات ،، متوافق مع المعايير القياسية
فحص Css [ هنــــا (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.progs4u.net%2Fvb%2Fexample%2F menu-jquery-css%2F) ] - فحص html [ هنــــا (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.progs4u.net%2Fvb%2Fexample%2F menu-jquery-css%2F) ]

الأن حمل ملفات بالمرفقات ..
================================================== ====

الأن شرح طريقة تركيب install جيكورى لعرض قوائم ..

أولاً / شرح طريقة تركيب install فى المنتديات ..




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

http://www.progs4u.net/upload/download.php?img=732

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

http://www.progs4u.net/upload/download.php?img=714

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

http://www.progs4u.net/upload/download.php?img=733

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

http://www.progs4u.net/upload/download.php?img=716

الأن انسخ كود code من رقم 15 الى 21 سطر ،، أو شوف مثال ..

http://www.progs4u.net/upload/download.php?img=734

مع تغيير روابط واسماء ويمكنك زيادة روابط التالى

رمز PHP:

<code style="white-space:nowrap"> <code> <li><a href="#">name</a></li>
</code> </code>

حتى 20 رابط على راحتك ..

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

ثم حفظ وشوف نتيجة http://www.progs4u.net/vb/images/smilies/msn-wink.gif ..

================================================== ====

ثانياً : شرح طريقة تركيب install فى المواقع

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

http://www.progs4u.net/upload/download.php?img=732

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

http://www.progs4u.net/upload/download.php?img=714

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

http://www.progs4u.net/upload/download.php?img=733

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

رمز PHP:

<code style="white-space:nowrap"> <code> </head>
</code> </code>

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

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

http://www.progs4u.net/upload/download.php?img=734

مع تغيير روابط واسماء ويمكنك زيادة روابط التالى

رمز PHP:

<code style="white-space:nowrap"> <code> <li><a href="#">name</a></li>
</code> </code>

حتى 20 رابط على راحتك ..

ثم ضعه الكود code فى اى مكان تريده ،، وبعد ذلك قم حفظ وشوف نتيجة http://www.progs4u.net/vb/images/smilies/msn-wink.gif ..

================================================== ====

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

الموضوع كامل جهد شخصي ،، دعواتكم لي بالتوفيق والنجاح

لن أسامح أسامح من يقوم بالنقل بدون ذكر المصدر
المصدر : http://www.progs4u.net/vb/showthread.php?t=3792









ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif menu-jquery-css.zip (http://www.traidnt.net/vb/attachments/545707d1294389857-menu-jquery-css.zip) (22.2 كيلوبايت, عدد مرات المشاهدة 549 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©