ظ‚ط§ط¦ظ…ط© ط§ظ„ظ€ Dock ظپظٹ ط§ظ„ظ…ظ†طھط¯ظ‰ طŒ ط±ط§ط¦ط¹ط© ط¬ط¯ط§ ظ„ط¬ظ…ط§ظ„ظٹط© ط§ظ„ظ…ظ†طھط¯ظ‰


السلام عليكم

كيف الحال حبايب ان شاء الله بخير

اليوم جبتلكم قائمة الـ Dock المشابهة لتلك الموجودة في ويندوز فيستا راعة جدا وجذابة




صورة القائمة :



ولمشاهدة مثال اضغط هنا


طريقة التركيب install :

1- قم برفع جميع الملفات الموجودة داخل المجلد vb الى موقعك بواسطة الاف تي بي
2- الذهاب الى القالب template navbar والبحث عن

رمز Code:
<!-- breadcrumb, login, pm info -->
ضع قبلها

رمز Code:
<!--- Dock Menu developed and Translated to Arabic By Haitham AL-Hmmamy , www.3raq-online.com/vb --> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; /> <title>CSS Mac Dock</title> <script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;js/interface.js&quot;></script> <!--[if lt IE 7]> <style type=&quot;text/css&quot;> div, img { behavior: url(iepngfix.htc) } </style> <![endif]--> <link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /> </head> <body> <div class=&quot;dock&quot; id=&quot;dock&quot;> <div class=&quot;dock-container&quot;> <a class=&quot;dock-item&quot; href=&quot;ضع الرابط هنا&quot;><img src=&quot;images/home.png&quot; alt=&quot;الرئيسية&quot; /><span>الرئيسية</span></a> <a class=&quot;dock-item&quot; href=&quot;ضع الرابط هنا&quot;><img src=&quot;images/email.png&quot; alt=&quot;اتصل بنا&quot; /><span>اتصل بينا</span></a> <a class=&quot;dock-item&quot; href=&quot;ضع الرابط هنا&quot;><img src=&quot;images/portfolio.png&quot; alt=&quot;الملف الشخصي&quot; /><span>الملف الشخصي</span></a> <a class=&quot;dock-item&quot; href=&quot;ضع الرابط هنا&quot;><img src=&quot;images/music.png&quot; alt=&quot;الاغاني&quot; /><span>الاغاني</span></a> <a class=&quot;dock-item&quot; href=&quot;ضع الرابط هنا&quot;><img src=&quot;images/video.png&quot; alt=&quot;الفيديوات&quot; /><span>الفيديوات</span></a> <a class=&quot;dock-item&quot; href=&quot;ضع الرابط هنا&quot;><img src=&quot;images/history.png&quot; alt=&quot;الوقت&quot; /><span>الوقت</span></a> <a class=&quot;dock-item&quot; href=&quot;#######&quot;><img src=&quot;images/calendar.png&quot; alt=&quot;التوقيت&quot; /><span>التقويم</span></a> <a class=&quot;dock-item&quot; href=&quot;ضع الرابط هنا&quot;><img src=&quot;images/rss.png&quot; alt=&quot;rss&quot; /><span>RSS</span></a> </div> </div> <script type=&quot;text/javascript&quot;> $(document).ready( function() { $('#dock').Fisheye( { maxWidth: 50, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 40, proximity: 90, halign : 'center' } ) } ); </script> </body> </html>
لاتنسى اضافة الروابط الخاصة بموقعك بدل جملة joomla &quot;ضع الرابط هنا&quot;

والملفات في المرفقات

والان انتهينا من التركيب install ، الف مبروك التميز

مع تحياتي
هيثم الحمّامي
www.3raq-online.com/vb





الملفات المرفقة [TR]
Dock Menu By Haitham AL-Hmmamy.zip (204.7 كيلوبايت, عدد مرات المشاهدة 807 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©