مرحبا زوار موقع مدون مطور احببت فتح قسم جديد وهو قسم البرمجة هذا القسم الذي سيكون فيه جميع الاضافات او الاكواد البرمجية ونبدا بي درس خفيف وهو عمل شريط مئوي او ما يسمي بـ Progress Bar فائدته انه يفيد الزائر انك لم تنتهي من تطوير موقعك , او تعريبه , او انتهاء , او اي كان يجب استخدام فيه Progress Bar ليعطي مظهر رائع وجمالي

نبدا في المعاينة :-

معاينة شريط المئوي هل اعجبك ؟

لا تقلق سوف تحصل عليه الان مجانا وبدون شروط وسوف نبداء بـ اكواد CSS الاضافة

.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

الكود اعلي هو كود المسؤل عن تنسيق الاضافة CSS ويتم اضافته في مكان اكواد تنسيق موقعك Main Css Your Site

او الحل الاخر اضافته بين وسمي <style></style>

الان كود HTML الخاص بالاضافة Progress Bar والذي يجب وضعه مكان ظهور الاضافة

<div class="progress">
<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
<span class="sr-only">50%</span>
</div>
</div>

لتعديل علي الكود قم بتغير جميع القيم الملونة بالاحمر بالقيم التي تريدها



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

نقدم لكل المصصمين افضل موقعين للحصول علي ايقونات فلات رائعة مجانا ومدفوعة ايضا باكثر من صيغة بطريقة سهلة ورائعة

نبدا بموقع FLATICON :-

موقع اجنبي يضم العديد من ايقونات الفلات والمسطحة المجانية والمدفوعة الرائعة

اهلا زوار مدون مطور في موضوع جديد وهو تحميل برنامج مشاركة الملفات في جهازك مع الاستضافة عن طريق بيانات FTP Account التي تحصل علي من Cpanel موقعك لرفع ملفات سكربت او اندكس لموقعك مثل سكربت ووردبريس او سكربت منتديات ويعتبر افضل برنامج FTP مجاني لهاذا العمل FileZilla ايضا به اللغة العربية



مميزات برنامج Filezilla :-

1. نقل الملفات بسرعة هائلا


2. امكانية استنئاف رفع الملفات


3. امكانية الاتصال باكثر من استضافة


4. مجاني


5. به اللغة العربة


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

روابط تحميل Filezilla :-

• رابط تحميل البرنامج : https://filezilla-project.org/download.php?type=client


• الموقع الرسمي للبرنامج : https://filezilla-project.org

الي هنا نكون انتيهنا ننتظر منكم ارائكم حول البرنامج الرائع Filezilla المجاني لمشاركة ملفات موقعك مع الاستضافة

ووردبريس يعتبر سكربت ادارة محتوي يحتوي علي اللغة العربية وهو مجاني تماماً ويحتوي علي لوحة تحكم تجعلك تتحكم بي موقعك بالكامل من مقالات , تعليقات , بيدجات , ستايلات (ثيم) , بطريقة بسيطة ايضا لوحة التحكم به اكثر من لون :)





مميزات الووردبريس :-

• تحكم كامل بموقعك من لوحة التحكم


• سكربت ادارة محتوي مجاني


• ادارة محتوي مصدره مفتوح


• صديق محركات البحث


• يوجد لديه العدد من القوالب الرائعة (الاجنبية)


• الاضافات لتطوير من موقعك


• يمكنك عمل منتدي مع المدونة عن طريق اضافة BB Board


• حرية موقعك لانك تتحكم به من الكامل من الاستضافة + الدومين + ليس عليك رقابة فعدد الصفحات , المقالات ,  الخ الخ


• والمزيد من المميزات الرائعة للوردبريس

اتمني انكم استفادو من الموضوع وننتظر ارائكم فالسكربت الووردبريس ونظرا لان 95% من المدونين يستخدمون الووردبريس كنظام ادارة محتوي مواقعهم نتمني منكم وضع ارائكم فهذا السكربت الرائع ونشكر القائيمين عليه Wordpress

اقدم بين يديكم زوار مدون مطور بعد اغلاق سكربت العالمي كليجاوتوقف الدعم عنه وجد سكربت onexite من برمجة عربيه لرفع الملفات ويقبل جميع انواع الملفات والاحجام علي عكس سكربت كليجا


مميزات السكربت

• متعدد اللغات


• الاعتماد بشكل كلي على تقنية ajax


• تعدد الصفحات باستخدام تقنية ajax ما يسمح بتسريع التصفح


• متعدد الاوان والاشكال وسهولة تركيب اي ستايل


• اعتماده على مكتبة Bootstrap مما يجعله متجاوب مع كل المتصفحات والاجهزة


• امكانية تسجيل الدخول واضافة مستخدمين جدد


• متعدد الرفع مع ( شريط التقدم )


• لوحة تحكم متقدمة


• بحث متقدم للملفات ( عبر اسم المستخدم المجلد التاريخ ..)


• قواعد البيانات Mysqli


• حماية جيدة من ( البوت والشل و xss)


• دعم للهواتف والاجهزة اللوحية


• الحذف المتعدد


• امكانية اضافة تعليق


• احصائيات متقدمة ( البلد و المرجع والمتصفح والتاريخ )


• حذف الملفات الخاملة


• نظام الخطط مع التحكم الكامل


• حماية الملفات بكلمة مرور


• نظام مصغرات للصور


• دعم الملفات الكبيرة تحميل ورفع اكثر من 4 جيقا


• وضع حدود للتحميل

صور السكربت من مختلف الاجهزة





مثال مباشر من صاحب الاسكربت : https://www.abraj.pw/uplod



تحميل الاسكربت :-

1. من موقع جين هاب : https://github.com/onexite/ScriptUploadFiles/archive/master.zip


2. من موقع ميديا فاير : https://www.mediafire.com/?zlp3tdu57reg35t


3. مركز رفع ترايدنت : http://ct.pe/Lm5O


4. الموضوع الاصلي : http://www.traidnt.net/vb/traidnt2682474

ما رايك بالسكربت ايضا تم رفعه علي 3 مراكز رفع حتي نضمن بقاءه  بدون مشاكل فالتحميل

مرحبا بكم زوار موقع مدون مطور في موضوع جديد علي موقعنا وهو افضل دورة علي الانترنت لتعليم لغة البرمجة والتي تعتبر اللغة الأم في البرمجة هي HyperText Markup Language التي اختصارها HTML الدورة تحتوي علي 26 مقطع يمكنك مشاهدتها علي اليوتيوب مجانا وبدون رسوم

المطلوب قبل الدخول الي الدورة :-

1. محرر اكواد ويعتبر Brackets افضلها

معلومات عن الدورة :-

• مقدم الدورة : اسامة الزيرو


• رابط موقع صاحب الدورة : elzero.org


• عدد الحلقات : 26 حلقة


• هل يحتوي علي دورات اخري : نعم


• هل سوف تصبح محترف : نعم


• دورة مجانية : نعم

رابط الدوره : https://goo.gl/rdHNAE

اتمني مشاهده جميع الحلقات وتكملتها حتي تصبحون من محترفين HTML

نقدم لكم افضل السكربتات في نظري لعمل موقع تواصل اجتماعي كامل بدون اخطأ عكس سكربت Phpfox ومشاكلة المستمرة

اولاً : Php Dolphin



سكربت بي اتش بي دولفن يعتبر سكربت رائع وجميل لعمل موقع تواصل اجتماعي مع لوحة تحكم سهلة وايضا به نظام توثيق العضويات والصفحات

ولاكن ليس به اللغة العربية للاسف :(



ثانياً : Isocial



سكربت "انا تواصل اجتماعي" سهل جدا في تنصيبه واستخدامة وبه عده مميزات رائعة تتفوق علي "بي اتش بي دولفن"



ثالثا : SocialKit



SocialKit هو منصة الشبكات الاجتماعية التي تتكون من العديد من الميزات بما في ذلك الدردشة الحية، الصفحات، مجموعات كبيرة، رسائل، قصص، تعليقات، ويحب، أسهم والإخطارات، #هاش تاج،المنشن، وما إلى ذلك يسمح للمستخدمين للاختلاط مع بعضها البعض، مع حصة المجتمع المفضلة لديهم، والتواصل مع العلامات التجارية المفضلة لديهم والفنانين والمشاهير، وأكثر من ذلك بكثير.
SocialKit هي الشبكات الاجتماعية منصة أسرع وأكثر المضمونة وتحديثها بانتظام.



رابعاً : Social Match



سوشيال ماتش هي التي يرجع تاريخها النصي بريميوم مع تصميم فريد من نوعه يتميز نمط جديد من المواقع التي يرجع تاريخها.
في السيناريو اياكس تماما عن الاستجابة السريعة من كل عمل على السيناريو، مما يتيح للمستخدمين لدردشة الفيديو والحفاظ استخدام الموقع دورنينج على videocall الكاميرا.
ولا بد لي من التأكيد على أنه لا يوجد مواقع التعارف مع مكالمات الفيديو بعد، سوشيال ماتش على كافة الميزات من Badoo أو Twoo، وكذلك نظام videocall الكاميرا.



خامساً : mooSocial



سكربت مو سوشيال يعتبر سكربت رائع لعمل موقع تواصل اجتماعي كامل



في هذا الوقت هذا الاسكربتات الافضل في انشاء موقع تواصل اجتماعي لاكن مع الزمن سوف يطلع سكربتات جديدة ورائعة اكثر من هذا فالان جاء دورك لاختيار افضل سكربت من القائمة واستخدامة علماً علي حسب اختيارك سوف ينجح موقعك