السلام عليكم
نرجو من الاعضاء مساعدة فى تحديد التقنيات المستخدمة فى هذا الموقع وكيفية تنسيقها بهذة الدرجة الممتازة
http://filbalad.com/main/default.asp
وكيفية تعلم مثل هذة التقنيات
؟!!
| |
ما هى التقنيات المستخدمة فى هذا الموقع ؟!!
السلام عليكم
نرجو من الاعضاء مساعدة فى تحديد التقنيات المستخدمة فى هذا الموقع وكيفية تنسيقها بهذة الدرجة الممتازة
http://filbalad.com/main/default.asp
وكيفية تعلم مثل هذة التقنيات
؟!!
والله شغل قوي .. في التقنيات الجديده .. ذي
لا أستطيع إفآدتك .. نشوف المحترفين ..
وعليكم السلام..
اي امكانيات؟ ما اشوف شي يديد الصراحه!
طريقة عرض المجله وفكرتها نفس wordpress بالضبط وفي استايل شبيه بالمستخدم تقريبا 80 الى 90% نفس الفكره بس يبيلك تعدل وتتعب عليه
وفكرة القائمه اللي موجوده بالهيدر على اليمين جافاسكريبت وتقدر تستخدم فيها الفلاش وتقدر تستخدم فيها اجاكس!
وبس
بالتوفيق.. ^_^
__________________
سبحان الله وبحمده
> "كتبي، لعلها تفيدك!" *جديد
> "مدونتي، تصويري.." | LaZqA
شكرا على المتابعة والردود
وانا اتكلم على اشياء معينة با شاعر الظلام وشكرا على متابعتك للموضوع
وهذة الصورة تبين التقنيات التى اريد استفسر عنها مع العلم انها ليست فلاش
والارقام التى على الصورة تبين
رقم 1 قائمة تنزل الصفحة باكملها وعند الضغط على الازرار تنزل عن مكانها
رقم 2 هذة القائمة عند الوقوف على مثلا (الحوارات) ينزل الزرار عن مكانة
رقم 3 كيفية عمل مثل هذة القائمة الشفافة الانيقة
رقم 4 كيفية عمل هذا الخط السابت لايتحرك عن الضغط على رقم 1 (مواقع اخرى)
رقم 5 لاحظ تغير الصور وتغير العلامة التى بادخل المستطيل الاحمر مع العلم انها ليست فلاش
وارجوا الافادة من الاعضاء والمساعدة فى الحصول على اكواد او شرح او دروس لمثل هذة الامور
شكرا
التعديل الأخير تم بواسطة BrainStorm ; 18-09-2008 الساعة 08:29 PM
يا هلا ...
انظر لهذا الموضوعرقم 1 قائمة تنزل الصفحة باكملها وعند الضغط على الازرار تنزل عن مكانها
http://www.swalif.net/softs/swalif44/softs231290/
بالـcss عن طريق انشاء صورتين واحدة للوضع العادي وواحده عندما تقرب الماوس عليها hover وانشاء ستايلين لهمرقم 2 هذة القائمة عند الوقوف على مثلا (الحوارات) ينزل الزرار عن مكانة
عن طريق الصورة في الخلفية واعطائها الخاصية Fixedرقم 4 كيفية عمل هذا الخط السابت لايتحرك عن الضغط على رقم 1 (مواقع اخرى)
استخدام الجافا سكربت وتطبيق نفس الخواص التي على الصور التي في الاعلى على الصور في الاسفلرقم 5 لاحظ تغير الصور وتغير العلامة التى بادخل المستطيل الاحمر مع العلم انها ليست فلاش
السلام عليكم
فعلا اخى تصميم جميل
ولاكن لا ادرى فعلا كيف تم عمله ولكن الموضوع شدنى لرؤية الموقع
__________________
المصرية للكلادينج والالومنيوم والاعلان
01004636205
amrdarwish@gmail.com
بالنسبه للقائمه (1) هذي جافاسكريبت وتقدر تتأكد من خلال النظر الى ملف ال view source code
القائمه (2) هذي CSS وتسويها عن طريق استخدام on mouse over affect واكوادها متروسه بقوقل وايضا تقدر تلقاها بالفرونت بيج
القائمه (3) هذا يسمونه nice form css styles وتقدر تحصل مثال انا نزلته لواحد من الاعضاء على هذا الرابط
http://www.swalif.net/softs/swalif44/softs240786/
القائمه (4) هذا من التصميم نفسه! عن طريق ال css
القائمه (5) هذي نفس الشي CSS + javascript
اعطيتك رؤوس اقلام للشروح اللي تقدر توصلها من خلال قوقل لانه حده وقتي ضيق
والله يوفقك وسامحنا على القصور ^_^
__________________
سبحان الله وبحمده
> "كتبي، لعلها تفيدك!" *جديد
> "مدونتي، تصويري.." | LaZqA
اشكر الاعضاء الكرام owner و عمرو درويش و شاعر_الظلام
على المتابعة ووضع هذه الردود المفيدة
وكدة نقدر نتعلم ازاى الاشياء دى بتتعمل
وسؤال اخر
كيفية الوصول لتخطيط موقع بهذا الشكل
هل عن طريق الرسم والتخطيط على الورق ثم التنفيذ على البرامج
او التفذ المباشر على البرامج
وكيفية عمل فكرة شكل الموقع
التعديل الأخير تم بواسطة BrainStorm ; 18-09-2008 الساعة 10:52 PM
اذا تبي نفس شكل الموقع
بكل بساطه ركب ووردبريس وروح منتدى دعم الووردبريس ما اذكر شسمه والله جنه ar-wp.com!!
وقولهم عن الستايل ويعطونك اياه او حتى لو تدور عليه بتلقاه (طبعا بتلقى نفسه تقريبا بنسبة90% والباجي انت تعدل عليه)
بالتوفيق ^_^
__________________
سبحان الله وبحمده
> "كتبي، لعلها تفيدك!" *جديد
> "مدونتي، تصويري.." | LaZqA
الموقع كبير و له قيمة كبيرة و كان من أهم مصادر الأخبار المصرية و هو مملوك لشركة سرمدي التي استحوذت عليها شركة فودافون مصر منذ فترة قصيرة .. صراحة الواجهة و التصميم الجديد الذي قاموا بالعمل عليه أروع من شكل الموقع القديم و يبدعون في استخدام الجافاسكربت و ال CSS , و أكيد يعمل عليه مجموعة من المحترفين .. صراحة من الصعب عمل موقع مثل هذا الموقع في فترة قصيرة ..
شكرا شاعر الظلام على المعلومات دى
لكن ليا سؤال يعنى الموقع دة عبارة عن سكربت ورد برس وانا شايف انو مالة علاقة بشكل الورد برس نهائيا
وشكرا للاخ Hisham Sadek
على المعلومات عن الشركة
اعتقد ان الموقع برمجة خاصة بسيطة تقوم بجلب النتائج من خدمات الموقع كـاخر الاخبار والطقس ووووو
وتصميم الموقع عباره عن خليط من الـCss/XHTML/JS والكثير من الصور:con2: ليظهر بهذا الشكل , يمكنك عمل تصميم بنفس طريقته ولكن تحتاج الى خبره في الـCss واللعب في الاكواد والجافا سكربت و تضبيط البرمجة الجالبة للمحتوى بحيث انه يقتطع جزء من النص حتى لا يخرج عن مكانه في التصميم ,,,
شكرا يا اخى owner
وانا اعتقد مثلك انة الاغلبية بة هى تنسيق بال css والحركات الموجودة فية جافا دى كل معلوماتى
ام بالنسبة لعرض المعلومات فهذة تقنية اجاكس او xml على ما اعتقد انها فعلا انها برمجة خاصة
برمجة خاصة (تقصد بها ان هذا الموقع لايستخدم اى اسكربتات جاهزة ولكنة اعتمد على برمجة سكربت خاص بة لشكل الموقع) ؟؟
التعديل الأخير تم بواسطة BrainStorm ; 19-09-2008 الساعة 07:13 AM
ضوابط المشاركة
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة BrainStorm 