الويب العربي - اضافة قائمه متحركه جميله للمنتدى

السلام عليكم

شرح حصري على معهد الصقور

اضافة قائمه جميله للمنتدى

ادخل الى لوحة تحكم المنتدى

وتابع الشرح بالصور

-------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------

الان انسخ محتويات قالب هيدر

والصقها في الفرونت بيج

انزل الى اخر قالب الهيدر

والصق الكود التالي

كود 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

او

حمل من هنا

ارفع الى مجلد المنتدى

نتيجة الدرس

-------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------

عند الضغط على زر

-------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------

ان شاء الله يكون الشرح واضح ومفهوم

بالتوفيق للجميع

المصدر : معهد الصقور

السلام عليكم