تويت
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
شكرا ياغالي
بس معلش محرك البحث مش بياجي في بالي
شكرا ياغالي
بس معلش محرك البحث مش بياجي في بالي
-
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
السلام عليكم ورحمة الله وبركاته
حياكم الله جميعا
أعتذر عن تأخر التطبيق بسبب الأمتحانات وإنقطاع النت
تطبيقى بالمرفقات
وللمشاهده من هنا
http://docma7moud.0fees.net/vb/Abohamam/Index.htm
ملحوظه: الكتابه على الصور باهته بسبب مشكله فى الويندوز عندى :abc_145:
تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
ماشاء الله أخى محمود
تطبيق رائع تسلم الأيادي ياطيب
تمت الإضافة إلى التطبيقات المميزة أيضا
بهذا التطبيق إختصرت الدرس القادم ، لكن مع وضع ثالث تطبيق سنقوم بطرحه إن شاء الله
ثم ننتقل الى نفس التأثير ولكن بإمكانات CSS 3
وكذلك بالجافا ( Java ) لنتعرف على إمكانات كل لغة وأسلوب البرمجة بها .تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
جزاك الله خيراً أخى أبو همام
بإنتظار دروسك القادمه بإذن الله يسر الله لك
وإن شاء الله معاك كل شيئ سهل
تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
حياك الله أخى محمودالمشاركة الأصلية بواسطة محمود عفيفى مشاهدة المشاركةجزاك الله خيراً أخى أبو همام
بإنتظار دروسك القادمه بإذن الله يسر الله لك
وإن شاء الله معاك كل شيئ سهل
إن شاء الله نقوم بطرح بعض التصاميم للأزرار ويكون المطلوب التطبيق بنفس الطريقة ،
ثم ننتقل إلى تأثير ثاني حتى نتأكد من أن هذا التأثير تم إحترافه وهضمه تمام
ولكن هناك درس الأخ كينج نت الخاص بالهيدر والذى وضعه سابقا يمكن الإستفادة منه فى التطبيق ايضا
بتقطيع التصميم وإضافة تأثير على الأزرار بأكود CSS كما شرحنا ....تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
السلام عليكم ورحمة الله وبركاته
للأسف الشديد لم أنتبه لهذا الدرس الذي انتظرت مثله من مثل ابي همام الا مؤخرا...
وسأحاول ان شاء الله تطبيقه غدا ...لكن وأنا أقرأ تفاصيله أثارني أخي أبو همام قولك بوضع
تأثير الكود في المكان الذي تريد أن تظهر فيه الأزرار وأجدني استصعبت هذه الجزئية ..
على العموم لن أستبق الأحداث وسنرى بعون الله ما تتمخض عنه محاولة يوم غد
أشكرك أخي الفاضل أبو همام مجددا على هكذا درس.تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
المشاركة الأصلية بواسطة abohmam مشاهدة المشاركةحياك الله أخى محمود
إن شاء الله نقوم بطرح بعض التصاميم للأزرار ويكون المطلوب التطبيق بنفس الطريقة ،
ثم ننتقل إلى تأثير ثاني حتى نتأكد من أن هذا التأثير تم إحترافه وهضمه تمامالسلام عليكم ورحمة الله وبركاته
حياك الله أخى أبو همام
اللى خلانى أعمل تصميم غيره مكنش عندى أيقونات ولقيت درس سهل قولت أطبقه واعمل التأثير عليه
بإذن الله سيتم الإلتزام بالتطبيق فى المرات القادمه :abc_145:
تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
السلام عليكم ورحمة الله وبركاته
أخي أبو همام ارجو النظر في هذا الملف فقد أتعبني كثيرا وضعت الصور عموديا فظهر التأثير
كما ترى ثم وضعتها أفقيا بداخل جدول فكانت نفس النتيجة
ارفقت لك كل الملفات فاظرها بارك الله فيكتعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
وعليكم السلام ورحمة الله وبركاته
حياك الله اخى الراعي
ماشاء الله التطبيق جيد ( فقط يحتاج تصغير صور الأيقونات )
الخطأ فقط فى توزيع الأزرار فى صفحة html الأسهل لك أن تعتمد على جدول لكن مافى مشكلة أنت ماشي صح
شاهد التعديل فى المرفقات وستعرف الطريقة ولاتنساني بدعوة صالحة بظهر الغيب
تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
تسلم اخي اخي الفاضل أبو همام واسمح لي اغلبك معي شوي
فعلا مشكلتي في توزيع الازرار على صفحة html ولا زالت الى الآن تراودني بعض الاسئلة اخي
الكريم في الصورة التي وضعت انت في ردك كانت هناك الأزرار بترتيب افقي وبترتيب عمودي
هل اضعها انا ايضا بالترتيبن لاحصل على نفس النتيجة وسؤال آخر هل نضع صور التأثير اسفل كل زر
مطابق لها معليش أخي ابو همام محتاج افهم مسالة التوزيع بدقة وبعدها ان شاء الله كل شيء يهون
طريقتك في انجاز الجداول وتوزيع الازرار كانت غاية في الجمال وصار معي تحدي أحصلها ياغالي و
من خلالك ان شاء الله جزاك ربي ووالديك الجنة ونفع بكتعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
حياك الله أخى الراعي
شرح سريع وصامت
http://www.mediafire.com/file/qnmmimzadwt/css-hover.swf
أرجوا مراجعة الدروس السابقة الخاصة بالفرونت بيج وبعض دروس تصميم المواقع
كي لانقف عند بعض الخطوات التى يجب ان نكون قد إنتهينا منها منذ أمد ... فالقادم أصعب !!تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
السلام عليكم ورحمة الله وبركاته
اشكرك اخي ابوهمام لهذا الشرح المميز
ونعود اليوم بالتطبيق بإذن الله والذي نأمل ان يكون بالمقام المليق للشرح
وأرجوا المعذره للتاخير بسبب بعض الانشغالات
تم استغلال تصميمي السابق بالتطبيق مع تصميم نفس الخطوات بشرحك
اتمنى ان أكون قد طبقة بالشكل الصحيح :abc_145:
التطبيق مرفق .
مجدداً اكرر شكري لمجهودك الطيب.
.تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
جزاك ربي الجنة اخي الفاضل ابو همام على الشرح الفلاشي الذي افادني كثيرا ونبهني لامور
كنت قد غفلت عنها بفعل البعد فترة ليست بالقصيرة عن الفرونت بيج .......
لكن كما قلت انت وجب مراجعة الدروس السابقة حتى يتسنى لي مسايرة هذه الشروحات القيمة.
جزاك الله خيرا على هذا الجهد ونفع بك ....تطبيقي بالمرفقات ....في انتظار جديد دروسك باذن الله.تعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
جزاكم الله خيرا إخواني على هذا الإبداع
ماشاء الله تطبيق رائع من أخى كينج نت ولم يترك القائمة أفقيا ولا رأسيا إلا وأخرجهما فى أفضل صورة
أخى الراعي تمام الحمد لله أتمنى أن تكون إستفدت من الدرس ...
وفى الدرس القادم إن شاء الله تراعي إختلاف دقة الشاشة بين مستخدم وآخر ....
لذلك يجب أن تقوم بتحديد عرض الجدول الذى سيحتوي على القائمة كى لايظهر زر فى اقصى اليمين وآخر فى أقصى الشمال
أذكر هذا لأنى أستخدم شاشة "27 :abc_145: فلك أن تتخيل أماكن الأزرار مع عرض جدول 100% !!! فقط للتنبيه.
======\/======
والآن وكما يبدو قد تغير المسار من شرح للفوتوشوب الى تصميم قوائم !!!
فما رايكم فى تغير المسار ايضا !!!
بشرح درس أو إثنين فقط للقوائم سواء HTML - Java - CSS
أو الذى عنده أى إستفسار حول هذا الدرس يطرحه الآن كى لانرجع له مرة أخرى وننتقل للجديد.
فى حفظ الرحمنتعليق
-
رد: إحترف تصميم أزرار وقائمة لموقعك بإستخدام الفوتوشوب مع أكواد CSS وتأثير hover
جزاك الله خيراً أخي الفاضل أبو همام
والله ما أخرني عن التطبيق سوى ضيق الوقت والإنشغال ببعض الأمور
فأنا منذ اليوم الأول من طرح الموضوع كنت قد مررت عليه واحتفظت بنسخة عنه ، على أمل التطبيق وقت التفرغ ....
أتمنى أن أكون قد وفقت بتطبيق الخطوات المذكورة في الشرح
ملحوظة : عذراً منك فقد قمت بعكس التأثير ( البارز للأعلى جعلته للأسفل )
ماتعودت إلا أن أطبق حرفياً لما تذكره لنا من دروس ولكن على أمل الحصول على فكرة جديدة
زادك الله من علمه النافع
وكان في عونك على نشر العلم والمعرفة بين إخوانك
تعليق
تعليق