Jump to content

AHMED MOSTAFA

Members
 View Profile  See their activity

  • Posts

    1,367

  • Joined

  • Last visited

  • Days Won

    27

AHMED MOSTAFA last won the day on April 27

AHMED MOSTAFA had the most liked content!

10 Followers

About AHMED MOSTAFA

  • Birthday 06/11/2000

Details

  • Gang
    X
  • Location
    " Egypt "
  • Occupation
    X
  • Interests
    " Development, Gaming and YouTube "

Recent Profile Visitors

8,188 profile views

AHMED MOSTAFA's Achievements

Lil' G

Lil' G (37/54)

485

Reputation

  1. AHMED MOSTAFA
    أضفته من زمان وكمان حذفته ورفعت النسخة المحسنة منه طورت التطبيق بالفعل والآن تقدر تنشر فيه اقتباسات، النسخة الأولى كانت مجرد تجربة ليس أكثر حكم واقتباسات – Apps on Google Play رابط التطبيق في المتجر https://play.google.com/store/apps/details?id=com.artisticloops.quotes
  2. AHMED MOSTAFA
    تطبيق اقتباسات وحكم واقوال عربية انيق التصميم، سهل الاستخدام ويعمل بدون إنترنت. يحتوي على مجموعة كبيرة من الاقتباسات والحكم والاقوال العربية مقسمة إلى تصنيفات عديدة لتسهل عليك تصفحها اقتباسات عن الحياة، اقتباسات عن الصداقة، اقتباسات عن الحب... إلخ كل هذا وأكثر داخل التطبيق التصنيفات -الاقتباسات والحكم والأقوال- المتاحة حالياً هي:- - الحياة - الصداقة - السعادة - الحب - الجمال - النجاح - العادات - الشعور بالوحدة - الزواج - الليل - المجازفة - الحزن - السفر يمكنك نسخ الاقتباس الذي يعجبك أو يمكنك مشاركته مع أصدقائك كما أنك تستطيع إضافته إلى قائمة المفضلة الخاصة بك لترجع إليه بسرعة وسهولة. يمكنك مشاركة الاقتباسات والحكم في جميع تطبيقات التواصل الاجتماعي مثل فيسبوك، انستجرام، تويتر، واتس آب وغيرهم. الميزات القادمة في التطبيق في التحديث القادم:- - أقسام لغات مختلفة ليس فقط اللغة العربية - خلفيات عديدة للاختيار بينها - الوان عديدة لتختار المظهر المناسب لك - تجديد الاقتباسات بشكل يدوي او تلقائي للحصول على أجدد الاقتباسات المضافة - تطوير واجهة المستخدم لتصبح اكثر سهولة وإضافة لمسات جمالية - تمكين المستخدم من إضافة اقتباسات خاصة به داخل التطبيق - اخذ لقطة للشاشة من داخل التطبيق وحفظها في معرض الصور الخاص بك رابط التطبيق اضغط هنا للذهاب لرابط التطبيق على متجر بلاي
  3. AHMED MOSTAFA
    بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته قد بدأت في سلسلة شرح Javascript فإذا كنت مهتما، قم بزيارة قناتي على اليوتيوب من هنا وشكرا على مرورك
  4. for killer project

    ارسلت لك رسالة مهمة جداً بالخاص

  5. abdullah mohamed started following AHMED MOSTAFA
  6. ksarpg started following AHMED MOSTAFA
  7. AHMED MOSTAFA
    Deleted
  8. AHMED MOSTAFA
    @NitroNN انت ملاحظ اسماء التاجات ؟ radio / checkbox على العموم مش هتفرق الهدف مجرد تجربة مش اكتر .. شكرا لإهتمامك بالموضوع
  9. AHMED MOSTAFA
    بسم الله الرحمن الرحيم ... السلام عليكم ورحمة الله وبركاته بعد رحلة طويلة مع لغة Lua بدأت التعلم في لغات البرمجة والتصميم الخاصة بالويب وحبيت اشاركم تجربتي HELLO WORLD After along journey learning Lua, I've started learning web design and web development And I would like to share my experience with you hoping that you like it معروف إن في لغة HTML لا يوجد (radiobutton/checkbox) مباشر وإنما الحل انك تعمل input وتغير نوعه we know that HTML doesn't have a direct *checkbox/radio* tags but the method is to create an input and change its type <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <input type="checkbox" value="Click 1" > <input type="checkbox" value="Click 2" > <input type="checkbox" value="Click 3" > <input type="radio" name="g" value="Click 4" > <input type="radio" name="g" value="Click 5" > <input type="radio" name="g" value="Click 6" > </body> </html> ودي الطريقة اللي هتكمل بيها باقي الشرح and that is what we going to use with HTML طيب ده موضوعه سهل،، أما بالنسبة لتعديل التصميم أو الهيكل شئ مش سهل بالمرة أو مزعج نوعا ما لأن مفيش تاج معين مثلا تقدر تعدل بيه ولكن بفضل الله قدرت اعمل تاجات جديدة في ok, that was an easy part.. but the problem is in designing as it doesn't have a direct tags to be edited But, I've created a new tags/attr to make the design easier CSS ( checkbox, radio, bg, check ) checkbox { /* css code */ } checkbox bg { /* css code */ } checkbox bg check { /* css code */ } checkbox[checked=true] bg { /* css code */ } checkbox[checked=true] bg check { /* css code */ } radio { /* css code */ } radio bg { /* css code */ } radio bg check { /* css code */ } radio[checked=true] bg { /* css code */ } radio[checked=true] bg check { /* css code */ } التفاصيل radio: الهيكل العام للعنصر و يحتوي على الشكل الداخلي كله radio: the hole element checkbox: الهيكل العام للعنصر و يحتوي على الشكل الداخلي كله checkbox: the hole element bg: الخلفية الخاصة بالشكل الداخلي bg: the background of the checkbox/radio itself check: الأيقونة اللي داخل الخلفية الخاصة بالشكل الداخلي check: the icon inside the bg طيب بالنسبة اكون الجافا سكربت javascript // created by Ahmed Mostafa "killerProject" alert ("the best code i have ever made\n\nBETA\n\nCreated By: Ahmed Mostafa 'killerProject'") msg = function (zmsg) {console.log(zmsg)} function changeInput (_input) { if ( _input.getAttribute("modified") ) { return } if ( true ) { /* ignored */ var op = _input.parentElement; var np = document.createElement( _input.type /*"label"*/ ); op.replaceChild (np, _input); np.appendChild(_input); np.appendChild ( document.createTextNode( _input.value ) ); np.style.display = "inline-block"; np.style.overflow = "auto"; np.setAttribute( "child", _input ); np.setAttribute( "modified", true); np.setAttribute( "checked", _input.checked); _input.setAttribute( "modified", true); /* var w = _input.offsetWidth; var h = _input.offsetHeight; np.style.width = w+"px"; np.style.height = h+"px"; */ np.style.position = "relative"; var pw = np.offsetWidth; var ph = np.offsetHeight; var bg = document.createElement( "bg" ); bg.appendChild ( document.createTextNode( "" ) ); np.appendChild( bg ); var check = document.createElement( "check" ); check.appendChild ( document.createTextNode( "" ) ); bg.appendChild( check ); bg.style.position = "position: absolute; z-index: 2;"; check.style.position = "position: absolute; z-index: 3;"; _input.style = "position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: "+pw+"px; height: "+ph+"px; -webkit-appearance: none; moz-appearance: none; appearance: none; outline: none; background: red; opacity: 0; z-index: 5;"; np.setAttribute( "class", _input.getAttribute("class") ); np.setAttribute( "id", _input.getAttribute("id") ); } } /* onchange = function () { changeInput (event.target) } */ function check_create () { var nInput = event.target; changeInput (nInput); var parent = nInput.parentElement; parent.setAttribute( "checked", nInput.checked); var all = document.getElementsByTagName ("input"); for ( let i = 0; i < all.length; i++ ) { if ( all[i].type == "radio" ) { let parent = all[i].parentElement; parent.setAttribute( "checked", all[i].checked); } } } onload = function () { var all = document.getElementsByTagName ("input"); for ( let i = 0; i < all.length; i++ ) { changeInput (all[i]) all[i].addEventListener("change", check_create); } } المميزات - advantages متاح فيه التعديل عن طريق الآي دي أو الكلاس Id, class (edit by id or class) سهولة التصميم بشكل كبير جدا (too easy to edit) تبسيط الاكواد في HTML, CSS (makes html, css *radio/checkbox* more easier to be edited) مثال على التعديل على ال CSS example (css) radio { padding-top: 5px; padding-left: 35px; width: 250px; height: 25px; background: #ccc5; border-radius: 45px; /*box-shadow: inset 0 0 0 1px #4a148c;*/ } checkbox { padding-top: 5px; width: 250px; height: 25px; padding-left: 55px; background: #ccc5; border-radius: 45px; /*box-shadow: inset 0 0 0 1px #4a148c;*/ } radio bg { transition: .5s; box-shadow: inset 0 0 0 2px #4a148c; position: absolute ; top: 2.5px; left: 2.5px; background: #fff0; width: 25px; height: 25px; border-radius: 50%; } radio check { transition: .5s; position: absolute ; top: 5px; left: 5px; background: #fff0; width: 15px; height: 15px; border-radius: 50%; box-shadow: inset 0 0 0 1px #4a148c; } checkbox bg { transition: .5s; box-shadow: inset 0 0 0 2px #4a148c; position: absolute ; top: 2.5px; left: 2.5px; background: #fff0; width: 50px; height: 25px; border-radius: 45px; } checkbox check { transition: .5s; position: absolute ; top: 5px; left: 5px; background: #fff0; width: 15px; height: 15px; border-radius: 45px; box-shadow: inset 0 0 0 1px #4a148c; } /* when true */ radio[checked=true] bg { transition: .5s; background: #b39ddb; } radio[checked=true] check { transition: .5s; background: #4a148c; } checkbox[checked=true] bg { transition: .5s; background: #b39ddb; } checkbox[checked=true] check { transition: .5s; background: #4a148c; left: 30px; } صورة للتصميم A picture أتمنى تقولولي رأيكم في الفكرة وشكرا ? Please, rate the Idea ?
  10. AHMED MOSTAFA
    نورت المنتدى ياعم علي ?? عجبني جدا انك رابط السيرفر بموقع خارجي بنفسك وفرحان بمجهودك وخبرتك وربنا يزيدك معرفة بس بصراحة معجبنيش انك ترجع تاني للعبة لأنها ببساطة ماتت بالتوفيق ?⚘⚘
  11. AHMED MOSTAFA
    الحاجة اللى نفعتني إني لعبت اللعبة دي واللى منها عرفت يعني ايه برمجة وازاي أدخل في مجال كويس يفيدني في المستقبل
  12. AHMED MOSTAFA
    ... ?
  13. AHMED MOSTAFA
    شكراً لك على مرورك الجميل الثيم هذا فيه بعض الاشياء اللي ماهي كاملة طبعاً مثال لون الجريد ليست وكنت جالس اطور فيه لكن حدثت الويندوز و راح مني وما ابي اسويه من جديد او حتى اعدل عليه ذذ فهذا بالنسبة لي في الوقت الحالي اخر شي بسويه فيه وما اعتقد اسويه اصلاً مرة ثانية شكراً لك على مرورك وتعليقك الجميل :]
  14. ^iiEcoo'x_)

    كل عام وانت بخير

    1. ميدوح

      ميدوح

      كل عام وانت بخير

    2. AHMED MOSTAFA

      AHMED MOSTAFA

      ??


      وانتم بألف خير يالطيبين
      الحين صرت 18 ذذ

  15. AHMED MOSTAFA
    عيب الموضوع بأول شخص بيختفي بس ياخد الفلوس ??
  16. AHMED MOSTAFA
    فيش فلوس ?? بس عايز اشارك معاك بس مشروع ف ام تي اي ولا مشروع ويب ؟ ولا مشروع من نوع تاني اصلا ولا اي
  17. AHMED MOSTAFA
    You too ? Thank you bro ?
×
×
  • Create New...