المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : استايل سما العرب


اميرة عبد الدايم
06-26-2015, 02:53 PM
استايل سما العرب المتجاوب مع جميع شاشات العرض (متعد الالوان و قوالب جديدة و حصريا)
نبذة عن الاستايل




المثال المباشر
ABO KARIM (http://www.demo4u.eb2a.com/vb/forumdisplay.php?f=1)

اسم الستايل :سما العرب Responsive نسخة الستايل : vb3.8.0 وأعلى (الجيل الثالث)

http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)


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




» اول استايل 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 للصور بالهيدر .
» تحسين الملف الشخصي للعضو.
» تحسين الفوتر
» اترككم لتروى الاستايل وتكتشفو باقى المميزات.


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)


الهيدر Header

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1326x281.http://upload.traidnt.net/upfiles/KJb54950.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)

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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1214x512.http://upload.traidnt.net/upfiles/pVe55013.png (http://upload.traidnt.net/)



http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)



الملاحظات

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1210x140.http://upload.traidnt.net/upfiles/9td55051.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)


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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1332x597.http://upload.traidnt.net/upfiles/f4H55168.png (http://upload.traidnt.net/)

http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)


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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1332x547.http://upload.traidnt.net/upfiles/2Nr55091.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)



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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1305x1237.http://upload.traidnt.net/upfiles/CmD54486.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)



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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1208x855.http://upload.traidnt.net/upfiles/EIh54572.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)


الفوتر
http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1338x424.http://upload.traidnt.net/upfiles/OCW55210.png (http://upload.traidnt.net/)

http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)




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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1212x1800.http://upload.traidnt.net/upfiles/cdr52552.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)


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

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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1031x817.http://upload.traidnt.net/upfiles/v0l55365.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)


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

http://upload.traidnt.net/upfiles/Ap455401.png (http://upload.traidnt.net/)



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

http://upload.traidnt.net/upfiles/Vxd55620.png (http://upload.traidnt.net/)



http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)



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

http://www.dev-point.com/vb/images/statusicon/wol_error.gifتم تصغير حجم الصورة تلقائياً لسهولة التصفّح , اضغط هنا لمشاهدتها بالحجم الطبيعي 1004x602.http://upload.traidnt.net/upfiles/ixw55713.png (http://upload.traidnt.net/)


http://upload.traidnt.net/upfiles/Crt56070.png (http://upload.traidnt.net/)



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


تحميل الملفات

الاستايل الازرق

https://upload.dev-point.com/4r5

الاستايل الاخضر


https://upload.dev-point.com/4r6

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


https://upload.dev-point.com/4r7

الاستايل البنفسجى


https://upload.dev-point.com/4r8