Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
النتائج 1 إلى 8 من 8

درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

هذا الموضوع : درس rollover image (الصورة المتغيرة)... درس بسيط و جميل داخل الويب وتطوير المواقع | Websites Design & Developmentالتابع الي قسم المنتديات التقنية : بسم الله الرحمن الرحيم كيف الحال يا أعضاء أرجوا أنا تكونوا بخير اليوم معنا درس بسيط و رائع هي عن ...

  1. #1
    الصورة الرمزية Best Designer
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2011
    الدولة
    UAE
    المشاركات
    57
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    10

    درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

    بسم الله الرحمن الرحيم

    كيف الحال يا أعضاء أرجوا أنا تكونوا بخير

    اليوم معنا درس بسيط و رائع هي عن كيفية عمل ( rollover image ) و هي عبارة عن صورة تتغير عندما يمر مؤشر الماوس عليها. في الحقيقة هي عبارة عن صورتان فعند مرور الماس تختفي الصورة الأولى و تظهر الصورة الثانية و العملية عكسية إذا أبعدت المؤشر عن الصورة.

    أترككم مع الدرس


    Watch on YouTube

    http://www.youtube.com/watch?v=rokeBqvVehY

    Watch on vimeo

    [VIMEO]29498568[/VIMEO]

    قم بتحميل المثال مع الكود المستعمل من هذا الرابط
    -------------------------
    http://adf.ly/2rhZU
    -------------------------

    أو قم بمشاهدة مثال الدرس من حسابي في Blogger من هنا

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


    كود HTML:
    <center><a href="http://graphza.blogspot.com/" target="_blank"><img src="http://img838.imageshack.us/img838/9577/onmouseout.jpg" onmouseover="this.src='http://img703.imageshack.us/img703/9296/onmouseover.jpg'" onmouseout="this.src='http://img838.imageshack.us/img838/9577/onmouseout.jpg'" /></a></center>


  2. #2

    الصورة الرمزية arif2008
    مشرف قسم المبتدئين في الماكس

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2008
    الدولة
    السودان
    المشاركات
    3,580
    Thanks
    0
    Thanked 8 Times in 7 Posts
    الصور
    9
    معدل تقييم المستوى
    113

    رد: درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

    مشكور علي الدرس أخي الكريم <<
    ( حسبنا الله سيؤتينا الله من فضله إنا إلى الله راغبون ) دعاء الفرج بعد التشهد الأخير

  3. #3


    الصورة الرمزية 4MAX
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    فى القلب
    العمر
    29
    المشاركات
    19,932
    Thanks
    983
    Thanked 241 Times in 199 Posts
    الصور
    6
    معدل تقييم المستوى
    462

    رد: درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

    بارك الله فيك اخى الكريم

    درس جميل منك مثبت اسبوع للفائده
    ان لله عبادا اختصهم لقضاء حوائج الناس
    حببهم للخير وحبب الخير لهم
    اولئك هم الامنون من عذاب الله يوم القيامه
    =====

    بروا آبائكم يبروكم أبنائكم




    ĎΞs!GŖ

    مركز طريق الجرافيك التعليمي

  4. #4
    الصورة الرمزية Best Designer
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2011
    الدولة
    UAE
    المشاركات
    57
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    10

    رد: درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

    اقتباس المشاركة الأصلية كتبت بواسطة arif2008 مشاهدة المشاركة
    مشكور علي الدرس أخي الكريم <<

    شكراً أخي على التفاعل
    http://forums.cgway.net/signaturepics/sigpic49858_2.gif

  5. #5
    الصورة الرمزية زهور
    احباب طريق الجرافيك

    الحالة
    غير متصل
    تاريخ التسجيل
    Oct 2011
    الدولة
    DIGITAL WORLD
    المشاركات
    1,593
    Thanks
    0
    Thanked 1 Time in 1 Post
    معدل تقييم المستوى
    42

    رد: درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

    شكرا لدرس اخي

  6. #6
    الصورة الرمزية RealIdea
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2010
    الدولة
    مــصــر
    العمر
    39
    المشاركات
    285
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    15

    رد: درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

    فكرة بسيطة وكود بسيط جدا يمكنك من عمل هذه الخدعة
    بدون جافا سكربت أو css
    يحفظ العلم بالعمل به وتعليمه والتأليف فيه، ومن حفظه وكرره وذاكره ودرسه ثبت في صدره

    موقعى الشخصى
    www.Real-Idea.Net



  7. #7
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2011
    المشاركات
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    رد: درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

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

  8. #8
    الصورة الرمزية Best Designer
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2011
    الدولة
    UAE
    المشاركات
    57
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    10

    رد: درس rollover image (الصورة المتغيرة)... درس بسيط و جميل

    اقتباس المشاركة الأصلية كتبت بواسطة a7medvirus مشاهدة المشاركة
    طيب كيف ياغالي؟

    الشرح في الفيديو و الكود موجود في الأعلى و في الرابط التحميل أيضاً... كل ما عليك فعله هو رفع صورتي إلى الشبكة و وضعها في الكود... ثم و نشرها في موقعك أو أي موقع يقبل وضع كود HTML...


 

 

المواضيع المتشابهه

  1. USING A TABLET FOR IMAGE ENHANCEMENT
    بواسطة sekou في المنتدى الرسم اليدوي والخط العربي والزخرفة
    مشاركات: 2
    آخر مشاركة: 28 / 10 / 2011, 14 : 10 PM
  2. Interior concept - Image 1
    بواسطة c.legend في المنتدى عرض ونقد الأعمال | Exhibition & Criticism Designs
    مشاركات: 8
    آخر مشاركة: 04 / 07 / 2011, 25 : 10 PM
  3. [درس]: درس مهم Image Based Lighting with 3ds Max
    بواسطة ateya3d في المنتدى الدورات والدروس التعليمية | 3dsMax Tutorials & Tips
    مشاركات: 3
    آخر مشاركة: 06 / 12 / 2009, 46 : 12 PM
  4. مشاركات: 7
    آخر مشاركة: 14 / 03 / 2009, 42 : 12 AM
  5. فيديو عن ال bevel image
    بواسطة SALIHI في المنتدى الدورات والدروس التعليمية | 3dsMax Tutorials & Tips
    مشاركات: 5
    آخر مشاركة: 26 / 02 / 2009, 58 : 11 AM

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 41 : 11 PM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO