اعزائي المتابعين ما هي الخصائص التي تاتي مع الخاصيه background الموجوده في css ؟ و ما الفرق بين الخاصيه background الموجودة في css و التاق image الموجود في تاقات html ؟
نهنئكم بمناسبة حلول شهر رمضان المبارك اعاده الله علينا و عليكم باليمن و الإيمان.
و كل عام و انتم بخير
و كل عام و انتم بخير
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
#06 خواص background (1) css
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
https://youtu.be/G4xeR_-PeDc
استكمالا لشرح الخاصيه background و الخواص التابعه لها
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
استكمالا لشرح الخاصيه background و الخواص التابعه لها
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
#07 خواص background (2) css
استكمالا لشرح الخاصيه background و الخواص التابعه لها
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام…
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام…
لعشاق الرسم
https://youtu.be/TZdyQfoV6x8
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
https://youtu.be/TZdyQfoV6x8
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
رسم بالحاسوب رسمة هلال و نجمه و رمضان مبارك باستخدام لغة البرمجة سي بلس بلس turbo
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk…
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk…
برنامج تحويل الاعداد الى نصوص باستخدام c++
#include<iostream>
#include<string>
using namespace std;
int main()
{
string digits[20]={"Zero ","One ","Two ","Three ","Four ","Five ",
"Six ","Seven ","Eight ","Nine ","Ten ","Eleven ","Twelve ",
"Thirteen ","Fourteen ","Fifteen ","Sixteen ","Seventeen ",
"Eighteen ","Nineteen "};
string tens[8]={"Twenty ","Thirty ","Forty ","Fifty ","Sixty ","Seventy ","Eighty ","Ninety "};
int n;
cout << "Insert a Number : ";
cin >> n;
int num[9];
for(int i=8 ; i>=0 ; i--)
{
num[i]=n%10;
n=n/10;
}
bool a=(num[0]+num[1]+num[2] > 0);
bool b=(num[3]+num[4]+num[5] > 0);
bool c=(num[6]+num[7]+num[8] > 0);
cout<<"\n";
for(int k=0 ; k<=6 ; k+=3)
{
if(num[k] != 0)
cout << digits[num[k]] << "Hundred ";
if(num[k+1] > 1)
cout << tens[num[k+1] - 2];
if(num[k+1] == 1)
cout << digits[10 * num[k+1] + num[k+2]];
if(num[k+1]!=1 && num[k+2]!= 0)
cout << digits[num[k+2]];
if(k==0 && a)
{
cout << "Million ";
if(b || c) cout << ",\n";
}
if(k==3 && b)
{
cout << "Thousand ";
if(c) cout << ",\n";
}
}
cout << "\n\n";
return 0;
}
#include<iostream>
#include<string>
using namespace std;
int main()
{
string digits[20]={"Zero ","One ","Two ","Three ","Four ","Five ",
"Six ","Seven ","Eight ","Nine ","Ten ","Eleven ","Twelve ",
"Thirteen ","Fourteen ","Fifteen ","Sixteen ","Seventeen ",
"Eighteen ","Nineteen "};
string tens[8]={"Twenty ","Thirty ","Forty ","Fifty ","Sixty ","Seventy ","Eighty ","Ninety "};
int n;
cout << "Insert a Number : ";
cin >> n;
int num[9];
for(int i=8 ; i>=0 ; i--)
{
num[i]=n%10;
n=n/10;
}
bool a=(num[0]+num[1]+num[2] > 0);
bool b=(num[3]+num[4]+num[5] > 0);
bool c=(num[6]+num[7]+num[8] > 0);
cout<<"\n";
for(int k=0 ; k<=6 ; k+=3)
{
if(num[k] != 0)
cout << digits[num[k]] << "Hundred ";
if(num[k+1] > 1)
cout << tens[num[k+1] - 2];
if(num[k+1] == 1)
cout << digits[10 * num[k+1] + num[k+2]];
if(num[k+1]!=1 && num[k+2]!= 0)
cout << digits[num[k+2]];
if(k==0 && a)
{
cout << "Million ";
if(b || c) cout << ",\n";
}
if(k==3 && b)
{
cout << "Thousand ";
if(c) cout << ",\n";
}
}
cout << "\n\n";
return 0;
}
https://youtu.be/a2SzwZz-Jkg
سيتم شرح التاق a و طرق استخدامه
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
سيتم شرح التاق a و طرق استخدامه
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
#08 شرح بسيط حول التاق anchor (a)
سيتم شرح التاق a و طرق استخدامه
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
لعشاق الرسم بالحاسوب
https://youtu.be/O60Cg-Su3qI
https://youtu.be/O60Cg-Su3qI
YouTube
رسم مروحة باستخدام لغة البرمجة TURBO C++
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
لمشاهدة رسومات اخرى
رسم بالحاسوب رسمة هلال و نجمه و رمضان مبارك باستخدام لغة البرمجة سي بلس بلس turbo
https://youtu.be/TZdyQfoV6x8
#اشكال…
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
لمشاهدة رسومات اخرى
رسم بالحاسوب رسمة هلال و نجمه و رمضان مبارك باستخدام لغة البرمجة سي بلس بلس turbo
https://youtu.be/TZdyQfoV6x8
#اشكال…
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
سنستخدم في هذا الدرس تاق a مع ضبط الخصائص الخاصة بها لكي يظهر لدينا button
a
color
background-color
hover
active
-webkit-drag-user
لمشاهدة الفديو السابق
https://youtu.be/a2SzwZz-Jkg
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
سنستخدم في هذا الدرس تاق a مع ضبط الخصائص الخاصة بها لكي يظهر لدينا button
a
color
background-color
hover
active
-webkit-drag-user
لمشاهدة الفديو السابق
https://youtu.be/a2SzwZz-Jkg
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
#09 ابسط شرح تصميم button باستخدام tag a
سنستخدم في هذا الدرس تاق a مع ضبط الخصائص الخاصة بها لكي يظهر لدينا button
a
color
background-color
hover
active
-webkit-drag-user
لمشاهدة الفديو السابق
https://youtu.be/a2SzwZz-Jkg
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http…
a
color
background-color
hover
active
-webkit-drag-user
لمشاهدة الفديو السابق
https://youtu.be/a2SzwZz-Jkg
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http…
البرمجة بلغة بايثون.pdf
2.8 MB
كتاب تعلم البرمجة باللغة بايثون من الصفر للمبتدئين حتي الاحتراف
تطبيق لتبديل وجه اي شخص من اي صورة مفعل مدي الحياة اخر اصدار نسخة تعمل بها جميع المميزات 🔥
لينك التحميل ✅↙️
https://download2337.mediafire.com/q7xblw6ain9g/1v5a2jpvj7xhcjs/Reface%28techdaiily.com%29.apk
لينك التحميل ✅↙️
https://download2337.mediafire.com/q7xblw6ain9g/1v5a2jpvj7xhcjs/Reface%28techdaiily.com%29.apk
تحميل تطبيق Mimo تطبيق لتعلم البرمجة باللغة بايثون والجافا والجافا سكربت و php و HTML من الصفر للمبتدئين حتي الاحتراف 😱💯
لينك تحميل التطبيق 💯✅↙️
https://download2264.mediafire.com/n8z8ghnjv10g/g59ue6bwjgs0ctp/Mimo+%28techdaiily.com%29.apk
لينك تحميل التطبيق 💯✅↙️
https://download2264.mediafire.com/n8z8ghnjv10g/g59ue6bwjgs0ctp/Mimo+%28techdaiily.com%29.apk
https://youtu.be/_NTRuQS7TkQ
طريقة التعامل مع القوائم
ul
ol
li
dl
لمشاهدة الفديو السابق
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
طريقة التعامل مع القوائم
ul
ol
li
dl
لمشاهدة الفديو السابق
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
#10التعرف على انواع القوائم في لغة html
طريقة التعامل مع القوائم
ul
ol
li
dl
لمشاهدة الفديو السابق
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
ul
ol
li
dl
لمشاهدة الفديو السابق
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
ما هو Bootstrap ؟
Bootstrap عبارة عن إطار عمل (Framework) مجاني يستخدم لتسهيل عملية تصميم صفحات الويب على المطور حيث يوفر له كلاسات CSS جاهزة يمكنه إستخدامها لإظهار العناصر (Components) التي نضيفها في الصفحات بشكل جميل جداً و متجاوب مع حجم الصفحة (Responsive) مثل الأزرار (Buttons), مربعات النص (Text Fields), القوائم المنسدلة (Drop Down Menus) و غيرها من الأشياء المساعدة مثل رسائل التنبيهات التي نظهرها للمستخدم.
إذاً التصميم الذي تعتمد على Bootstrap لبنائه, سيظهر بشكل جميل على جهاز المستخدم سواء كان يستخدم هاتف, حاسوب أو تابلت أو أي جهاز آخر.
هذا الإطار مدعوم من شركة Twitter و هو متاح بشكل جاهز و مجاني للجميع و دائماً ما يتم تطويره و إضافة المزيد من المزايا عليه, و حتى هذه اللحظة الإصدار 4.4.1 هو آخر إصدار رسمي له.
معلومة تقنية
إطار Bootstrap يعتبر Front-End لأنه يستخدم في تصميم واجهة المستخدم و ليس في برمجته.
بشكل عام, إطار Bootstrap يتكون من لغة HTML و لغة CSS و لغة Javascript و هو يعتمد على مكتبات أخرى متوفرة مثل مكتبة Jquery و PopperJs و لكن طبعاً أنت كمطور لا يهمك إطلاقاً معرفة طبيعة العلاقة بينهم لأنها مسؤولية مطوري Bootstrap و ليس المطورين الذين يستخدموه.
و للعلم فإن Bootstrap يعتمد على Jquery من أجل المؤثرات التي يضيفها للتصاميم و أي شيء يتعلق بالإخفاء و الإظهار, و يعتمد على PopperJs من أجل تحسين تجربة المستخدم بالنسبة لشاشات اللمس (Touch Screen) كأن يتعامل المستخدم مع صفحتك من خلال هاتفه أو أي جهاز لوحي.
Bootstrap عبارة عن إطار عمل (Framework) مجاني يستخدم لتسهيل عملية تصميم صفحات الويب على المطور حيث يوفر له كلاسات CSS جاهزة يمكنه إستخدامها لإظهار العناصر (Components) التي نضيفها في الصفحات بشكل جميل جداً و متجاوب مع حجم الصفحة (Responsive) مثل الأزرار (Buttons), مربعات النص (Text Fields), القوائم المنسدلة (Drop Down Menus) و غيرها من الأشياء المساعدة مثل رسائل التنبيهات التي نظهرها للمستخدم.
إذاً التصميم الذي تعتمد على Bootstrap لبنائه, سيظهر بشكل جميل على جهاز المستخدم سواء كان يستخدم هاتف, حاسوب أو تابلت أو أي جهاز آخر.
هذا الإطار مدعوم من شركة Twitter و هو متاح بشكل جاهز و مجاني للجميع و دائماً ما يتم تطويره و إضافة المزيد من المزايا عليه, و حتى هذه اللحظة الإصدار 4.4.1 هو آخر إصدار رسمي له.
معلومة تقنية
إطار Bootstrap يعتبر Front-End لأنه يستخدم في تصميم واجهة المستخدم و ليس في برمجته.
بشكل عام, إطار Bootstrap يتكون من لغة HTML و لغة CSS و لغة Javascript و هو يعتمد على مكتبات أخرى متوفرة مثل مكتبة Jquery و PopperJs و لكن طبعاً أنت كمطور لا يهمك إطلاقاً معرفة طبيعة العلاقة بينهم لأنها مسؤولية مطوري Bootstrap و ليس المطورين الذين يستخدموه.
و للعلم فإن Bootstrap يعتمد على Jquery من أجل المؤثرات التي يضيفها للتصاميم و أي شيء يتعلق بالإخفاء و الإظهار, و يعتمد على PopperJs من أجل تحسين تجربة المستخدم بالنسبة لشاشات اللمس (Touch Screen) كأن يتعامل المستخدم مع صفحتك من خلال هاتفه أو أي جهاز لوحي.
https://youtu.be/DerQYUqx_Kw
سيتم تصميم قائمة جانبية حيث تم استخدام
html
css
display:block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/_NTRuQS7TkQ
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
سيتم تصميم قائمة جانبية حيث تم استخدام
html
css
display:block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/_NTRuQS7TkQ
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
#11 شرح بسيط تصميم قائمة جانبية html,css
سيتم تصميم قائمة جانبية حيث تم استخدام
html
css
display:block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/_NTRuQS7TkQ
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
html
css
display:block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/_NTRuQS7TkQ
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
https://youtu.be/XSDKeue-diw
سيتم تصميم قائمة افقية حيث تم استخدام
html
css
display:inline-block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/DerQYUqx_Kw
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
سيتم تصميم قائمة افقية حيث تم استخدام
html
css
display:inline-block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/DerQYUqx_Kw
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
YouTube
#12 شرح بسيط تصميم قائمة أفقية html,css
سيتم تصميم قائمة افقية حيث تم استخدام
html
css
display:inline-block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/DerQYUqx_Kw
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11
html
css
display:inline-block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/DerQYUqx_Kw
لمتابعتنا على التيليجرام
https://www.tgoop.com/toptech11
للتواصل والاستفسار
http://www.tgoop.com/alsharai11