هيلبرنت

هيلبرنت (http://www.helpernt.com/vb/index.php)
-   ركن ستايلات vBulletin 3.x.x (http://www.helpernt.com/vb/forumdisplay.php?f=98)
-   -   استايل سما العرب المتجاوب مع جميع شاشات العرض (http://www.helpernt.com/vb/showthread.php?t=1)

abo-karim 06-22-2015 04:21 PM

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

الاستايل صمم لتغطيه متطلبات الاعضاء وطوّر بأحدث اللغات البرمجية لزيادة الجودة وسرعة في التصفح

نبذة عن الاستايل

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



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

  • » اول استايل 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

http://upload.traidnt.net/upfiles/KJb54950.png

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

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

http://upload.traidnt.net/upfiles/pVe55013.png



الملاحظات

http://upload.traidnt.net/upfiles/9td55051.png


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

http://upload.traidnt.net/upfiles/4mS59418.png


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

http://upload.traidnt.net/upfiles/2Nr55091.png




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

http://upload.traidnt.net/upfiles/CmD54486.png




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

http://upload.traidnt.net/upfiles/EIh54572.png



الفوتر
http://upload.traidnt.net/upfiles/OCW55210.png




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

http://upload.traidnt.net/upfiles/cdr52552.png



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

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

http://upload.traidnt.net/upfiles/wrj59924.png



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



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





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

http://upload.traidnt.net/upfiles/ixw55713.png





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


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


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


http://upload.traidnt.net/upfiles/uKT13319.png


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


Testing responsive web design in various resolutions | ResponsiveTest



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


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


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


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







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

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


الملفات بالمرفقات

- ABO MERAL - 06-23-2015 05:29 PM

رد: استايل سما العرب المتجاوب مع جميع شاشات العرض
 
بارك الله فيك

abo-karim 06-23-2015 11:03 PM

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

المشاركة الأصلية كتبت بواسطة نقطة ابداع (المشاركة 2)
بارك الله فيك


تحياتى لك ياغالى

نهار 07-09-2015 11:18 PM

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

ششكرا ع الاستايل الاكثر من رائع

بوركت جهودك

مودتي

منصور 07-22-2015 11:16 AM

رد: استايل سما العرب المتجاوب مع جميع شاشات العرض
 
بسم الله ماشاء الله

اعجز عن وصف الاستايل و ابداعك يا ابو كريم

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

abo-karim 07-22-2015 03:07 PM

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

المشاركة الأصلية كتبت بواسطة منصور (المشاركة 797)
بسم الله ماشاء الله

اعجز عن وصف الاستايل و ابداعك يا ابو كريم

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

تسلم اخى الغالى ونورت المنتدى

عادل الروقي 08-12-2015 08:55 PM

رد: استايل سما العرب المتجاوب مع جميع شاشات العرض
 
بالتوفيق بأذن الله

واستايل بغاية الروعه
لاني قد شفته سابقأ
هههههههههههههههههههههههه

msqbh 08-14-2015 07:04 PM

رد: استايل سما العرب المتجاوب مع جميع شاشات العرض
 
شكرا في الانتظار القادم

abo-karim 08-17-2015 09:37 PM

رد: استايل سما العرب المتجاوب مع جميع شاشات العرض
 
انشاء الله اللى جاى احلى

الوحش القاتل 08-22-2015 01:04 AM

رد: استايل سما العرب المتجاوب مع جميع شاشات العرض
 
بارك الله فيك و جعلة فى ميزان حسناتك


الساعة الآن 12:35 PM

Powered by vBulletin® Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.