السلام عليكم
شرح حصري على معهد الصقور
اضافة قائمه جميله للمنتدى
ادخل الى لوحة تحكم المنتدى
وتابع الشرح بالصور
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
الان انسخ محتويات قالب هيدر
والصقها في الفرونت بيج
انزل الى اخر قالب الهيدر
والصق الكود التالي
كود PHP:
<center><div id="dock">
<div class="dock-container">
<a class="dock-item" href="index.html"><span>Example 1</span><img src="dock/home.png" alt="home"></a>
<a class="dock-item" href="example2.html"><span>Example 2</span><img src="dock/email.png" alt="contact"></a>
<a class="dock-item" href="example3.html"><span>Example 3</span><img src="dock/portfolio.png" alt="portfolio"></a>
<a class="dock-item" href="all-examples.html"><span>All Examples</span><img src="dock/music.png" alt="music"></a>
<a class="dock-item" href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/#"><span>Video</span><img src="dock/video.png" alt="video"></a>
<a class="dock-item" href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/#"><span>History</span><img src="dock/history.png" alt="history"></a>
<a class="dock-item" href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/#"><span>Calendar</span><img src="dock/calendar.png" alt="calendar"></a>
<a class="dock-item" href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/#"><span>Links</span><img src="dock/link.png" alt="links"></a>
<a class="dock-item" href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/#"><span>RSS</span><img src="dock/rss.png" alt="rss"></a>
<a class="dock-item" href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/#"><span>RSS2</span><img src="dock/rss2.png" alt="rss"></a>
</div>
</div>
</center>
-------------------------------------------------------------------------------------------
تمام انسخ محتويات القالب بعد التعديل من الفرونت بيج
واحذف محتويات قالب الهيدر القديم والصق الجديد
ثم اضغط على حفظ
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
يوجد بالمرفقات مجلد بأسم dock
او
حمل من هنا
ارفع الى مجلد المنتدى
نتيجة الدرس
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
عند الضغط على زر
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
ان شاء الله يكون الشرح واضح ومفهوم
بالتوفيق للجميع
المصدر :
معهد الصقور
السلام عليكم
اضافة قائمه متحركه جميله للمنتدى
النمط المتتابع
