السلام عليكم

اهلا بيكم فى درس جديد من دوره توزيع الوحهات الدرس هيكون عباره عن وضع الروابط على الهيدر والفوتر وعمل خاصيه ال hover ليهم وبشكل رائع وجميل

الدرس عباره عن اربع فيدهات كل جزء 10 دقائق ماعاد الاخير 4 دقائق

الناتج الاخير لدرس اليوم هو

http://vbegy.info/blog/vbegy/Lesson_2

لمشاهده الدروس على اليوتيوب

للتحميل برابط مباشر

http://vbegy.info/blog/vbegy/2_ra_xhtml_css_part_1.zip

http://vbegy.info/blog/vbegy/2_ra_xhtml_css_part_2.zip

http://vbegy.info/blog/vbegy/2_ra_xhtml_css_part_3.zip

http://vbegy.info/blog/vbegy/2_ra_xhtml_css_part_4.zip

للتحميل من رابط اخر

http://www.4shared.com/video/YvSJAytc/2_ra_xhtml_css_part_1.html

http://www.4shared.com/video/9hIgKe8e/2_ra_xhtml_css_part_2.html

http://www.4shared.com/video/2CwgPbmw/2_ra_xhtml_css_part_3.html

http://www.4shared.com/video/RGjk99mB/2_ra_xhtml_css_part_4.html

لتحميل ملفات الدرس

http://upload.vbegy.com/uploads/vbegy12740534491.zip

او من هنا

http://vbegy.info/blog/vbegy/Lesson_2.zip

الموضوع الاصلى

قناص جوبا

احب التطوير والتصميم
عندى امل كبير فى الله ثم فى نفسى
عندى ثقه كبيره الحمدلله فى قدراتى
كل يوم اتعلم جديد فى كل جزء من حياتى
اتمنى ان اتعلم من اخطائى دائما ،،

التعليقات ( 25 )
  1. darkahmed93
    17 مايو 2010 at 11:00 ص

    روعة ابو حميد والله ….
    دورة في القمة وجاري المتابعة

  2. قناص جوبا
    18 مايو 2010 at 1:38 ص

    الله يخليك يا غالى
    منور بردك

  3. الحالم
    19 مايو 2010 at 4:17 ص

    صراحه انت مبدع مبدع

    والله اني ادعي لك دايم

    ربي يوفقك يامبدع

    ويجزاك الجنه يالغالي

    اخوك

  4. قناص جوبا
    19 مايو 2010 at 5:15 ص

    الله يخليك يا غالى
    منور ،،

  5. عبدالعزيز كحيل
    24 يونيو 2010 at 11:58 ص

    يعطيك ألف عافيه ياميدو … شروحات أكثر من روعه
    أستمر يابطل

  6. قناص جوبا
    24 يونيو 2010 at 6:00 م

    الله يخليك يا زيزو منور المدونه

  7. احمد
    28 يونيو 2010 at 4:35 ص

    شكرا على الدرس بس في ملاحظة او مؤاخدة صغيرة ليش ما تشرح بالصوت افضل من الكتابة يا اخي

  8. قناص جوبا
    28 يونيو 2010 at 5:14 ص

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

  9. احمد
    16 أغسطس 2010 at 12:30 ص

    عندما احدد الكلاس a.ra1
    لابعاد وحجم الرابط في الدريم ويفر لا تضهر لدي المربع الارزرق الذي يحدد مكان الرابط في الجزء الثاني من الدرس الفيديو الثاني من الدرس
    فما هو الحل ليظهر لي
    a.ral{
    position:relative;
    height:90 px;
    width: 65 px;
    bottom:5 px;
    left:55px;
    }

  10. عبدالعزيز الحربي
    16 أغسطس 2010 at 12:37 ص

    الله يجزاك خيررررررررررررررررررررر

    الله يوفقك دنيا وأخررررررررررة

    مشكوووووووووووور الى مالا نهاية

    الله يرحم والديك ويوفقك دنيا وأخرة

    أفضل موقع موقعك إن شاء الله نشوفة

    يكبر ويكبر لمى يصير من المواقع الاولى على مستوى العالم العربي 🙂

  11. احمد
    16 أغسطس 2010 at 12:42 ص

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

  12. قناص جوبا
    16 أغسطس 2010 at 7:51 ص

    احمد

    تستطيع اضافه border:1px solid;
    لتحديد المكان فقط
    وعند الانتهاء قم بحذفه
    وبالنسبه لاستفسارك الثانى
    اها قم بعمل لير جديد فقط
    وعند متابع باقى الدروس هتفهم بالتفصيل

  13. قناص جوبا
    16 أغسطس 2010 at 7:54 ص

    عبدالعزيز الحربي

    الله يكرمك اخى الفاضل
    مشكور على ردك
    منور الدنيا بوجودك

  14. احمد الخطيب
    18 أغسطس 2010 at 2:29 ص

    شكرا جزيلا على سرعة الرد
    بارك الله فيك ووسع الله عليك وزادك علما ونورا
    يعني انت لم تصمم الهيدر بالفوتشوب بتجعل لون كتابة لطبقة (اتصل بنا | الرئيسية | المنتدى )
    طبقة بلون وبتعمل طبقة اخرى بلون اخر لون الكتابة .
    باك الله فيك !!!
    وشكرا جزيلا

  15. احمد الخطيب
    20 أغسطس 2010 at 2:24 ص

    شكرا جزيلا على الشرح الحلو دا وربنا يجعله في ميزان حسناتك
    انا عملت الهوفر للروابط بس اتصل بنا قدر ما حولت ما نع معايا
    التخمين صعب
    ياريت لو توضح الحته دي لو في معلومة مفيدة تفيدني بيها
    وباسال لماذا
    bakground-position ليه بتيجي بالسالب
    bakground-position -170px -70px
    ربنا يبارك لك ويوسع عليك

  16. احمد الخطيب
    5 نوفمبر 2010 at 10:55 م

    شكرا جزيلا على الشرح الحلو دا وربنا يجعله في ميزان حسناتك
    انا عملت الهوفر للروابط بس اتصل بنا ماقدرت وما زبط معايا
    التخمين صعب
    ياريت لو توضح الحته دي لو في معلومة مفيدة تفيدني بيها
    وباسال لماذا
    bakground-position ليه بتيجي بالسالب
    bakground-position -170px -70px
    ربنا يبارك لك ويوسع عليك

  17. قناص جوبا
    5 نوفمبر 2010 at 11:23 م

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

  18. abbasia
    7 نوفمبر 2010 at 6:16 ص

    يسلموووووووووا الايادي قناص جوبا اكثر من رائع

  19. Calar
    20 نوفمبر 2010 at 7:05 ص

    درس رائع الله يعافيك اخوي ويخليك
    انا بس عندي سؤال بسيط
    بالـ HTML انا اقدر اسوي رابك بشكل هندسي مضلع
    يعني انا مثلا مسوي زر بالفوتوشوب بس شكله مش مربع
    شكله مضلع او مشطوف بالزاويه والاشكال كتيره
    فيه اداه بالفرونت بيج تتيح لي اني ارسم فوق الصوره حدود الرابط
    ومن ثما اضع الرابط ويجي على الزر بالزبط
    بس المشكلة ازاي اتعامل مع الـ CSS باضافة رابط وتكون حدوده من اكثر من زاية ؟ عساس اضبط الشكل
    انت مره من المرات كتبت كود بس انا ناسي مش فاكر فين
    بتاع الـ CSS هالكود هذا يحطط مكان الرابط وانت بس كل الي عليك تكتب المسافه بالبكسل وكلو مع بعضه
    ويكون الترتيب كالتالي
    فوق
    يمين
    تحت
    شمال
    يعني مع عقارب الساعه
    انا ما اقصد التوب والرايت واللفت والبتوم كل واحد اكتب له قيمة بروحه لا
    انا اقصد انت تضيف كود وبعدين تحط القيم كلها مع بعض
    لانني مفكر آخذ هالكود
    ولما يجي يطلب مني القيم
    اروح الفرونت بيج واحدد الشكل الهندسي واحد اي رابط
    وبعدين اروح للغه البرمجه وآخذ القيم كلها
    هو حاطط لي القيم بالارقام وحتجي نفسها بالزبط ان شاءالله

    وشكرا

  20. قناص جوبا
    20 نوفمبر 2010 at 2:12 م

    هو مش هينفع تعملها على شكل هندسى ده فى البدايه
    اما بالنسبه للاستفسار الاخر قصدك

    1
    background-position:-200px -100px;
  21. 7mada9
    12 يناير 2011 at 11:03 ص

    مرحبا
    شكرا يا يا استاذ قناص
    من لما تابعت موقعك استفدة كتير
    وانـ شاء الله
    اتعلم كل حاجة
    تحياتى
    7mada9

  22. Ma7moud reiad
    12 أبريل 2011 at 6:50 ص

    رووووووووووووووووووووووعه

  23. قناص جوبا
    13 أبريل 2011 at 9:55 م

    منور اخى الفالى

  24. mado
    22 ديسمبر 2011 at 1:29 م

    رائع يعطيك الف عافيه
    و جعله فى ميزان حسناتك ان شاء الله

  25. قناص جوبا
    23 ديسمبر 2011 at 11:03 ص

    واياك اخى الغالى
    منور

‎اضف رد