الويب العربي - تعلّم معنا كيف تصنع بلوك متحرك لأى اتجاه

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

- - تعلّم معنا كيف تصنع بلوك متحرك لأى اتجاه (http://www.arabwebtalk.com/showthread.php?t=55729)

شكراً لك أخي محمد على هذا التوضيح ، وأعتذر عن تأخر هذا الشكر بسبب انقطاع الإنترنت في اليومين الماضيين.
وقد ركبت شريط الأخبار والمقالات ، وظهر في الموقع بشكل جذاب، ولكن بقيت نقطة صغيرة ليكتمل ، وهي أن حركته الأن سريعة ، ومهتزة قليلاً ، فكيف أجعله يهدئ من سرعته ويصبح انسيابياً ، بحيث يكون مريحاً للعين.

أرجو أن يكون هناك طريقة لعمل ذلك

ولك أطيب التحيات

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

بالنسبة لشريط الأخبار والمقالات حق انفنيتى فسرعته مناسبة فى جميع المواقع وقد يكون مشاكل الاتصال هذه الأيام هى ما تظهره غير ذلك

اما هذا البلوك المدرج كوده هنا فسرعته يتن تعديلها من نفس الكود

scrollAmount="2" scrollDelay="3 "

اطيب تحية لك

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

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

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

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

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

إقتباس:

اقتباس من مشاركة اكسترا هوست (المشاركة 433288)

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

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

ولكن أعتقد هو اعتمد على التقنيات الحديثة لأكواد ال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>

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