بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي دليل ومكتبة الويب العربي ويب 2.0 وأكواد متنوعة

بحث
links

 
zip  css لصناعة البوم صور رائع بمصغرات الصور التى تفتح فى مكان ثابت بموقعك بالحجم الطبيعى الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة :
هذا الكود يمكّنك من صناعة البوم صور رائع بمصغّرات الصور
بالوقوف عليها بالماوس مباشرة تفتح فى مكان تقوم بتحديده أنت بالصفحة بمقاس ثابت



مثال :

لمشاهدة مثال عملى تفضّل بالدخول هنا

استمتع معنا بألبوم صور حصرى هنا



التركيب :

1-- ضع هذا الكود فى جزء الـ head من صفحتك وبه ارشادات التعديل

كود:
<style type="text/css">


.gallerycontainer{
position: relative;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*المكان الذى ستظهر به الصور المكبرة*/
z-index: 50;
}

</style>

2-لربط اى صورة بالكود عليك استخدام هذا الكود للصورة الواحدة بالمكان الذى تريد



كود:
<a class="thumbnail" href="#thumb"><img src="رابط الصورة المصغرة" width="100px" height="66px" border="0" /><span><img src="رابط الصورة الكبيرة" />
التعليق على الصورة</span></a>


مع كتابة ايضا مسار الصورة الصغيرة والكبيرة
وامكانية التحكم فى طول وعرض المصغرات
وكتابة تعليق على الصورة



أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
29-12-2007
الزيارات 299
206 بايت

إرسال هذه الصفحة لصديق
إسم المُستقبل
البريد الإلكتروني للمُستقبل
الإسم
الـنـص

 
إنتقل إلى

جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 04:52 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


 
 »  خدمات البرمجة   »  رئيسية الدليل
  »  خدمات التصميم   »  الأمن والحماية
  »  الدعاية والتسويق
  »  الدعم والتطوير
  »  الشركات الرسمية
  »  حجز دومينات
  »  خدمات الإستضافة
 
 
  »  مكتبة الإستايلات   »  رئيسية المكتبة
  »  أكواد برمجية   »  أدوات الويب ماسترز
  »  مكتبة الهاكات   »  أدوات المصممين
  »  سكربتات متنوعة
  »  مجلات إلكترونية
  »  بلوكات متنوعة
  »  ثيمات مختلفة
 
 

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية