معهد اجي سوفت
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


معهد اجي سوفت تغطية كاملة في تطوير المواقع
 
الرئيسيةأحدث الصورالتسجيلدخول

 

 قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى

اذهب الى الأسفل 
كاتب الموضوعرسالة
\همس المشاعر/
عضو جديد
\همس المشاعر/


عدد المساهمات : 180
نقاط : 230
تاريخ التسجيل : 26/03/2011

قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى  Empty
مُساهمةموضوع: قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى    قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى  Emptyالأحد مارس 27, 2011 9:51 am

السلام عليكم

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

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









قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى  37536
صورة القائمة :
قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى  4bB3w-l0EK_426439575


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


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

1- قم برفع جميع الملفات الموجودة داخل المجلد vb الى موقعك بواسطة الاف تي بي
2- الذهاب الى القالب 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 "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Mac Dock</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="ضع الرابط هنا"><img src="images/home.png" alt="الرئيسية" /><span>الرئيسية</span></a>
  <a class="dock-item" href="ضع الرابط هنا"><img src="images/email.png" alt="اتصل بنا" /><span>اتصل بينا</span></a>
  <a class="dock-item" href="ضع الرابط هنا"><img src="images/portfolio.png" alt="الملف الشخصي" /><span>الملف الشخصي</span></a>
  <a class="dock-item" href="ضع الرابط هنا"><img src="images/music.png" alt="الاغاني" /><span>الاغاني</span></a>
  <a class="dock-item" href="ضع الرابط هنا"><img src="images/video.png" alt="الفيديوات" /><span>الفيديوات</span></a>
  <a class="dock-item" href="ضع الرابط هنا"><img src="images/history.png" alt="الوقت" /><span>الوقت</span></a>
  <a class="dock-item" href="#######"><img src="images/calendar.png" alt="التوقيت" /><span>التقويم</span></a>
  <a class="dock-item" href="ضع الرابط هنا"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
</div>
</div>
<script type="text/javascript">
   
   $(document).ready(
      function()
      {
         $('#dock').Fisheye(
            {
               maxWidth: 50,
               items: 'a',
               itemsText: 'span',
               container: '.dock-container',
               itemWidth: 40,
               proximity: 90,
               halign : 'center'
            }
         )
      }
   );

</script>
</body>
</html>


لاتنسى اضافة الروابط الخاصة بموقعك بدل جملة "ضع الرابط هنا"

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

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

التحميل



ضع ردا لرؤية المخفي ’’,,
الرجوع الى أعلى الصفحة اذهب الى الأسفل
????
زائر




قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى  Empty
مُساهمةموضوع: رد: قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى    قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى  Emptyالأحد مارس 27, 2011 9:57 am

مشششكورة يعيطك العافية

ننتظر ابداعتك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
قائمة الـ Dock في المنتدى ، رائعة جدا لجمالية المنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح قائمة View
» صور ايفون رائعة
» ساعات رائعة من لغة Html
» يلا نعد من 1 الى 5 ونختار عضو يكنس المنتدى
» شرح بسيط جدا لآمكانية حذف حقوق احلى منتدى وروابطها من اسفل المنتدى

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
معهد اجي سوفت :: •»◦--◦ı[ تطوير منتديات VB الفي بي ]ı◦--◦«• :: تطوير منتديات الفي بي VB-
انتقل الى: