• Dubai, UAE
  • +971 54 408 4441
  • moe.rayan@gmail.com
Dock: تقنية دوك – تكبير الازرار عند تمرير الماوس (هوفر)

Dock: تقنية دوك – تكبير الازرار عند تمرير الماوس (هوفر)

كثير منا يرى الكثير من التقنيات الحديثة في المواقع الأجنبية والمواقع العربية بالتأكيد :)،
ويبدأ بالتسائل عن طريقة عمل هذه التقنيات
نحن نتخصص في هذا الموقع بلفت انتباهكم لأحدث التقنيات بإذن الله

في درس اليوم سوف نتعلم كيفية إستخدام تقنية dock أي عند تمرير الماوس على زر..الزر يكبر..أو يصغر

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

بسم الله نبدأ
نفرض أنك تملك موقع..كيف تضيف الأكواد؟!
نزل ملف الاكواد أولاً
اضغط هنا
اذهب لصفحة الموقع الرئيسية وعدل على الكود
انسخ هذا الكود وضيفه بين وسم الهيد

<script src="jquery.js" type="text/javascript"><!--mce:0--></script> <!-- مكتبة الجيكويري-->
<script src="interface.js" type="text/javascript"><!--mce:1--></script><!-- اضافة الدوك-->
<!--مكان ملف الستايل -->

ثم ضع هذا الكود في وسم الbody

<!--عدادت الدوك -->
<script type="text/javascript"><!--mce:2--></script>

وأخيراُ كود صور الازرار

	<!--bottom dock -->
<div id="dock2">
<div class="dock-container2">
 
<a class="dock-item2" href="#">
<img src="images/1.png" alt="" /></a>
 
<a class="dock-item2" href="#">
<img src="images/2.png" alt="" /></a>
 
<a class="dock-item2" href="#">
<img src="images/3.png" alt="" /></a>
 
<a class="dock-item2" href="#">
<img src="images/4.png" alt="" /></a>
 
<a class="dock-item2" href="#">
<img src="images/5.png" alt="" /></a></div>
</div>

لا تنسى رفع ملف الستايل 😉

تحياتي 😀

5 آراء على “Dock: تقنية دوك – تكبير الازرار عند تمرير الماوس (هوفر)”

  1. ali sheta قال:

    بصراحة جميلة جداا
    شكرا

  2. zaid قال:

    هل نستطيع اضافتها للووردبريس؟!

    1. محمد قال:

      نعم أخي تستطيع..واذا اردت مساعدة..لاتتردد بالسؤال 🙂

  3. عدي قال:

    أشكرك ياطيب..كنت أدورها من زماان

    1. محمد قال:

      العفو..استمتع 😀

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *