ستايل سما العرب المتجاوب مع جميع شاشات العرض

[اميرة عبد الدايم]

التعرف على اهم مميزات الاستايل

• » اول استايل Representative متجاوب على جميع شاشات العرض وصولا للهواتف بحجم شاشة 420px مجانى على المواقع العربيه (طرح اول) .
• » تطوير يشمل الكثير من القوالب إلى web 2.0 ( تطوير مستمر كتحديثات).
• » لاول مره يتم طرح طريقة عرض الاقسام الفرعية فى قائمة منسدله تظهر عند مرور الماوس (مثل ترايدنت) بطريقتها الصحيحة.
  
• » تغيير 95% من أيقونات الفيبولتين الرئيسية وإضافة أيقونات خاصة بالإستايل باستخدام مكتبه الخطوط awesome font.
• » تغيير شكل الأزرار الرئيسية باستخدام مكتبه الخطوط awesome font.
  
• » لاول مرة اظهار حساب المستخدم الـ (account) وذلك للفيس بوك و تويتر فى قالب البوست بطريقة اكثر جاذبيه (مثل نقطة تطوير).
  
• » (طرح اول) تطوير خاص جدا لقالب postbit_legacy وذلك بفصل header المشاركة عن الــ content وذلك للمشاركتين الافقى والعمودى .
• » تطوير خاص لقالب postbit_legacy و postbit وقوالب الإحصائيات والرئيسية وغيرها الكثير.
• » اظهار التلميحات لوصف ايقونات المنتدى [data-tooltip] حتى فى ملف الشخصى العضو وقالب البوست (جميع الايقونات).
• » تم استخدام اضافة ايقونات التنبيهات العضو بالهيدر بطريفه غايه رائعه ماستخداما مكتبه الخطوط awesome font.
• » الاشكال الهندسية المستخدم مثل مستطيل الاعلانات ليست صور انما اكواد ( HTML5+CSS3) .
• » صديق لمحركات البحث ومصمم بمعايير ليساعد بشكل جيد في الأرشفة.
• » إستخدام مكتبة jQuery في العديد من الخواص .
• » لغات مستخدمة التطوير HTML5, CSS, CSS3
• » تم المحافظه على سرعة التصفح في الإستايل .
• » تم استخدام خاصيه الـ opacity للصور بالهيدر .
• » تحسين الملف الشخصي للعضو.
• » تحسين الفوتر
• » اترككم لتروى الاستايل وتكتشفو باقى المميزات.

الهيدر Header





الهيدر بعد تسجيل الدخول

الملاحظات

أقسام المنتدى

الاقسام الفرعية تنسدل بمجرد مرور الموس عليها

[اميرة عبد الدايم]

قالبا عرض المواضيع Postbit Legacy حصرى ولا يسمح باقتباسه او تعديله لا بعد الموافقه

قالب الاقتباس والتوقيع للعضو

الفوتر

وتستمر المفاجئات تم تصميم الاستايل باربع الوان

[اميرة عبد الدايم]

والان اختبار الاستايل وحجمه على شاشات الهواتف

اولا صورة للهيدر ولاحظم معى الفرق

* حجم الصورة بالموضوع

* صورة من صفحة اسماء المواضيع لاحظو الفرق جيدا وقارنو بين الصور

صورة مجمعة لاحجام الشاشات

اقتباس : المشاركة التي أضيفت بواسطة : abo-karim
اولا اعتذر لجميع الاعضاء عم تاخرى فى الرد عليهم ولكن سامحونى كنت بضبط الاستايل ليكن موافق تماما مع جوجل والان


الاستايل بعد التعديل الكامل والكمال لله وحده


لاختبار الاستايل على جوجل

رابط الاستايل

:: sama el3arb ::

رابط اختبار جوجل


https://www.google.com/webmasters/to...riendly/?hl=ar


صورة من تحقيق جوجل للاستايل





رابط موقع اخرى لقياس الاستايلات ويمكنك تصفح الاستايل من خلال هذا الرابط


Testing responsive web design in various resolutions | ResponsiveTest



تحميل الاستايل الان المرفقات


ولو حاب هاك يخلة متصفحى الهاتف يحولهم علطول لهذا الاستايل ستجده ايضا بالمرفقات


شباب كل اللى يجرب الاستايل يقول رائعه بعد التجربه


والان اتركم للتجربه على بركه الله







لايسمح ابدا باى اقتباس او تعديل لا بعد الموافقه منا

فى الختام المجهود هذا لوجة الله فاذكرونا من صالح دعائكم

الملفات المرفقة Sama-responsive blue.zip (1.11 ميقابايت, عدد مرات المشاهدة 2802 مرة) Sama-responsive green.zip (1.14 ميقابايت, عدد مرات المشاهدة 1260 مرة) Sama-responsive red.zip (1.11 ميقابايت, عدد مرات المشاهدة 1092 مرة) Sama-responsive vilot.zip (1.30 ميقابايت, عدد مرات المشاهدة 997 مرة) product-mobdetect37.zip (2.2 كيلوبايت, عدد مرات المشاهدة 558 مرة) Sama-responsive mobile.zip (1.12 ميقابايت, عدد مرات المشاهدة 1414 مرة)