🌿بالنسبة الي يريد اللغة الي اشتغل بيهة يكدر يحمله منا

او تحملوه منا 🌸

😂ساعه 10 و5 ونسيت الملف هسه انزله 🌿

ملف الموقع 🌸 كامل ..🌿 اي سؤال او استفسار @progfemo96

حبايب هذا الموقع الي صممته بالفديو 🌿نزلت ملفة الكم 💓 حملوه وشوفوه واي سؤال بالخدمة🌸

ثيم حاسبتي ©🌿الي طلب الثيم هذا الرابط يكدر يحمله منا 🌸

🌿🌸LUA .... ©
تعتبر لغة "لوا" من بين 20 لغة برمجة الأكثر إستخداما في العالم, و مع ذلك فإن إستخدام هذه اللغة عربيا ضئيلا جدا .

إن لغة لوا تعتبر من أسهل لغات البرمجة (ربما أسهل من البايثون) .
•┈┈┈●•••••••••••••●┈┈┈•

ما هي لغة برمجة لوا ؟
إقتباس من ويكيبيديا "
لُوا هي لغة برمجة متعددة النمط، صممت لتعمل كلغة برمجة نصية، مع كون الدلالية الممتدة هدفاً رئيسي. تعني لُوا القمر بالبرتغالية. تشتهر لوا بأن لها واجهة برمجة سي سهلة وقوية معا. أنشأ هذه اللغة فريق من المبرمجين البرازليين سنة 1993.
"
•┈┈┈●•••••••••••••●┈┈┈•

ما هي التطبيقات التي تستخدم فيها لغة برمجة "لوا" ؟
هناك العديد من التطبيقات نذكر منها :


أدوبي فوتوشوب لايت رووم يستخدم لوا من أجل واجهة المستخدم
خادوم إتش تي تي بي أباتشي يمكنه استخدام لوا في أي عملية طلب (منذ الإصدار 2.3)
أداة المسح التأميني الشبكي nmap تستخدم لوا كأساس للغتها النصية nse
يمكن كتابة إضافات للمحرر SciTE باستخدام لوا
Wireshark
awesome - مدير نوافذ(فقط في ملفات الإعدادات والسكربتات الإضافية)
•┈┈┈●•••••••••••••●┈┈┈•

ما عنوان الموقع الرسمي للغة ؟
http://www.lua.org/
•┈┈┈●•••••••••••••●┈┈┈•

أمثلة برمجية :
تطبيق "Hello, World !" بلغة "لوا" :
كود:
•┈┈┈●•••••••••••••●┈┈┈•

#!/usr/bin/lua
print ("Hello World!") •┈┈┈●•••••••••••••●┈┈┈•

لعبة بإستخدام love (تطبيق hello world) :

كود:
•┈┈┈●•••••••••••••●┈┈┈•

function love.draw()
love.graphics.print('Hello World!', 400, 300)
end
•┈┈┈●•••••••••••••●┈┈┈•


للمزيد من الأمثلة : http://lua-users.org/wiki/SampleCode
للمزيد من الألعاب : https://love2d.org/

•┈┈┈●•••••••••••••●┈┈┈•
Lua for devloper|🌿|@progfemo96 ©

🌿مقدمة بسيطة عن لغة لوا بالنسبة للاعضاء يومية بالليل بعدني ممحده وقت ,انزل بيه اساسيات لغة لوا اما باقي اليوم فأشرح بيه عن الويب 🌸 الي يحب يتعلم لوا ينتضر لليل 🎸 اما البقية الي يردون يتعلمون ويب 🎼فحبايب مالكم دخل بهاي اللغه خاصة بالتلكرام مو بالويب 😁😅يعني لتهتمون ❤️وشكرا 👆🏻 اعادة توجيه للي تحب يشوف 🌸

#تصبحون_ع_خير🎼🌿ِِ||

📱هناك اكثر من طريق لربطcss ب html💡🌸

أين نضع كود CSS .🤔.؟؟
1-😜1⃣في ترويسة ملف html ضع ما يشبه السطر التالي
<link rel="stylesheet" type="text/css" href="myfile.css" />
حيث myfile.css هو اسم الملف.
2-😋2⃣
داخل وسم style هكذا
<style type="text/css">
/* CSS code goes here هنا تكتب اكواد السي اس اس */
body{

background:url('femo.gif');

}
/* ... */
</style>
3-3⃣😝 يمكن وضع الخصائص ع العنصر مباشرتا
مثلا اريد ان يكون خلفية الديف ازرق هكذا
<div style="background:blue;">
this is blue
</div>
هذه طرق كتابته css 💡💓
design website|💗| @progfemo96 🌿

💡🙃بعد راح اشرحلكم الخصائص الي استخدمتهة بالشرح مال فديوات 🌸

تحديد الأرضية ||خصائص ال 💡background
خصائص خلفية صفحة الويب⚙🔋
body
{
background: #777 url('file١.png') no-repeat fixed center top;

} •┈┈┈●•••••••••••••●┈┈┈•
اما نكتب باككراوند ونحط بيهة كل الخصائص او نكتبهن خاصي ورة اللخ مثل هيج
•┈┈┈●•••••••••••••●┈┈┈•

body
{
background-color:#777;
background-image:url(femo.png);/*هنا نخلص الصورة الي نريدهة*/
background-repeat:no-repeat;
background-position:center top;
background-attachment:fixed;


}
وكل خاصية معناهة :: •┈┈┈●•••••••••••••●┈┈┈•

لون الأرضية 🎨background-color ويمكن أن تكون شفافة transparent أو بلون والدها inherit
صورة الأرضية 📷background-image ويمكن أن تكون none
التكرار ♻️background-repeat ويمكن أن يكون:
دون تكرار no-repeat
تكرار أفقي repeat-x
تكرار عمودي repeat-y
تكرار من الجهتين repeat
ربط الأرضية background-attachment📌 وهي إما أن تكون ثابتة في مكانها fixed أو تمرر scroll مع المحتويات عند التحرك بأشرطة التمرير.

الموقع background-position📡 وهو الإحداثي السيني والصادي لبداية صورة الأرضية ويمكن استخدام كلمات مثل top right bottom left center وعندها لا يكون الترتيب مهم كذلك يمكن استخدام نسب مئوية مثلا ٥٠% ٥٠% والتي تكافئ center center أي في الوسط عموديا وأفقيا

هاي شرح مفصل لخصائص الخلفية |❤️|ان شاء الله سهل وواضح
design website|💗| @progfemo96 🌿

🙃🌿حاليا دااشرح الخصائص الي استخدمتهة بشرح الفديو حته تفهمون كل خاصية شنو شغلهة 💗

هناك عدة طرق لاستدعاء الخصائص📚 🗝
📦 اذا جانت الصفحة بيهة بس دف واحد فنكدر نكتب اسمة ونكتبله خصائص مثل :📄
div{
height:15%;
width:25%;
background-color:#de4;
} •┈┈┈●•••••••••••••●┈┈┈•

💗 اما اذا اكثر من دف عدنة فنحط لكل دف كلاس ونستدعيه

مثل🌿
.one{
height:15%;
width:25%;
background-color:#de4;
}
<div class="one" ></div>
•┈┈┈●•••••••••••••●┈┈┈•

😜💓 او نخلي لكل دف خصائص تستدعه مرة وحده فقط يعني حتلو جان عدنة اكثر من دف فراح تستعدي هاي الخصائص مرة وحده وذلك عن طريق ال id
هيج :
#two
{
height:15%;
width:25%;
background-color:#de4;

}

<div id="two"></div> •┈┈┈●•••••••••••••●┈┈┈•

هاي طريق استعداء الخصائص يعني ربط كل ديف بخصائصه design website|💗| @progfemo96 🌿

http://365psd.com •┈┈┈●•••••••••••••●┈┈┈•

موقع يفيد المصممين متوفر بيه كلشي مجاني من تمبلتات او ثيمات ايقونات فيكتور اي شي 🙂تكدرون تستفادون منة 💗

ابعاد الDIV 🌸💓


في الصورة أعلاه قمت بتعيين القيم التالية 🔋
#div{
background:#ccf;
position: absolute;
left:100px; top:100px;
width:100px; height:100px;
border:20px solid #fcc;
margin:20px;
padding:10px;
}
•┈┈┈●•••••••••••••●┈┈┈•

نلاحظ أن حول الصندوق ٣ مناطق💡 هي
• 1⃣ منطقة margin أي الهامش الخارجي الشفاف (المنطقة M في الصورة أعلاه) وقيمتها ٢٠ بكسل حول الجسم الجهات الأربعة في المثال
• 2⃣ منطقة الإطار border وله لونه الخاص به (وهو المنطقة B في الصورة أعلاه) وقيمتها ٢٠ بكسل حول الجسم الجهات الأربعة في المثال
•3⃣ الوسائد padding وهو الهامش الداخلي وهو بلون الخلفية (وهو المنطقة P في الصورة أعلاه) وقيمتها ١٠ بكسل حول الجسم الجهات الأربعة في المثال
ويمكن تحديد قيمة مختلفة لكل جهة مثلا لدينا •┈┈┈●•••••••••••••●┈┈┈•

• margin
o margin-top
o margin-right
o margin-bottom
o margin-left
• padding
o padding-top
o padding-right
o padding-bottom
o padding-left 🌿
💡فإن حددنا قيمة واحدة عبر padding أو margin فإنها تكون لكل الجهات. فإن حددنا قيمتين فإن الأولى تكون لأعلى ولأسفل والثانية تكون للجانبين. فإن حددنا ٣ قيم تكون الأولى للأعلى والثانية للجانبين والثالثة لأسفل. وإن كانت أربع قيم تكون أعلى ثم يمين ثم أسفل ثم يسار على الترتيب.
Design website|💗| @progfemo96

☺️🌿اروح حبايب هسه انام وانتو اقرو ذني النزلتهن اليوم واي شي تحتاجون راسلوني 🌸 وان شاء الله مااقصر وياكم 😘سلام

😋كعدت 🌿اكمل شروحات