عرض مشاركة مفردة
 
  #24  
قديم 07-02-2008, 12:18 AM
محمّد نور محمّد نور غير متصل
عضو
 
تاريخ التسجيل: Jun 2007
مشاركة: 2,280
مستوى تقييم العضوية: 21
محمّد نور is on a distinguished road
الافتراضي

إقتباس:

اقتباس من مشاركة اكسترا هوست   مشاهدة المشاركة

   يعطيك العافيه اخوي محمد

عندي استفسار فقط عن كود مثل المستخدم في مدرسة البيروني .

في هذا الرابط : http://www.bironi.com/page.php?do=show&action=awae l

وهي عند وضع المؤشر على الصورة يتم تكبير الصوره بشكل جميل .

ارجوا ان افاد بالاجابه سوا منك او من الاخوان ,,


صباحك خير اخى الكريم

للأسف عرض المصدر عنده غير متاح

ولكن أعتقد هو اعتمد على التقنيات الحديثة لأكواد الcss

جرب هذا الكود مثلا

واذا عندك خلفية عن التعامل مع الـ css فيمكنك التعديل عليه ان شاء الله

كود:
<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>

اطيب تحية لك وللجميع