السبت، 6 ديسمبر 2014

صوره مصغره للصفحه اثناء مرور الماوس علي رابطها


بسم الله الرحمن الرحيم
اليوم اتيت لكم باضافه مميزه جدا لتعطي ملمس احترافي وانطباع جيد علي شكل مدونتك
الاضافه عباره عن رابط اثناء مرور الماوس عليه يظهر صوره مصغره بها الصفحه 
لابد من المعاينه حتي يتم فهم الموضوع


مارأيكم بالاضافه
الان نأتي الي تركيب الاضافه
قم بالذهاب الي لوحه التحكم 
ثم قالب 
ثم تحرير html
اولا نقوم باضافه مكتبه الجيكيوري 
اذا كانت لديك لا تقم بإضافتها 
اولا قم بالبحث عن الكود التالي
<head>

ثم قم بإضافه الكود التالي اسفله

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script> 


ثم قم بالبحث عن الكود التالي 
</head>


وقم بإضافه الكود التالي فوقه
<script src='https://ayana-tech1.googlecode.com/svn/trunk/image-hover/img-hover.js' type='text/javascript'/>
<link href='https://ayana-tech1.googlecode.com/svn/trunk/image-hover/css-img-hover.css' rel='stylesheet'/>

قم بالضغط علي حفظ
الان نأتي الي طريقه الاستخدام
عند كتابه الموضوع قم بالتحويل الي تبويب html
واضف الكود التالي بها في المكان الذي تريد

<p id="p1">
<a href='#'>هنا قم بوضع الكلمه </a>
</p>
قم بتغيير # برابط الصفحه
و هنا ضع الكلمه بالنص الذي سيظهر

ليست هناك تعليقات:

إرسال تعليق