لونك المفضل
الألوان
chatالمواضيع الأخيرة
 الأربعاء أكتوبر 16, 2019 9:42 pm
 الثلاثاء أكتوبر 15, 2019 7:11 pm
 الثلاثاء أكتوبر 15, 2019 6:20 pm
 الأربعاء أكتوبر 09, 2019 5:22 pm
 الأربعاء أكتوبر 09, 2019 5:22 pm
 الأربعاء أكتوبر 09, 2019 5:21 pm
 الأربعاء أكتوبر 09, 2019 5:21 pm
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر

منتدى الابداع العربي

منتدى ابداع وتصميم عربي

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

اعلانات المنتدى

انتظرونا قريباً الإبداع العربي بشكل جديد، كونوا بالقرب

انتظرونا قريباً مسابقات لا حصر لها
كلمات دليلية:

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 6:21 pm

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
نقدم لكم الدورة الحصرية من اعداد اختكم JAR7
دورة احتراف تكويد استايلات التومبلايت لاحلى منتدى

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) 67049810
.
هتتكون الدورة بعون الله مجموعه دروس
1- الدرس الاول : تهيئة قوالب التومبلايت للعمل عليها
2- الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها
3- الدرس الثالث : تقطيع الاستايل المصمم عن طريق الفوتوشوب وكيفية حفظة
4- الدرس الرابع : عمل كلاسات للاستايل الذي تم تقطيعه بالقوالب التي
سيتم العمل بها  :/
5- الدرس الخامس : عمل ورقة css للكلاسات لكي تعمل بالمنتدى
6- الدرس السادس : وهو الاخير اخراج العمل والانتهاء من الاستايل
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Uo_ouo16
درسنا الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)
في درسنا اليوم سوف نتطرق لعدة امور
1- مكان وضع الكلاس واكواد css
2- ماهو الكلاس وماهو اكواد css
3- كيفية عمل الكلاس وكيفية عمل كود css
4- تقطيع الهيدر لعمل مثال عليه
5- تركيب الاكواد والكلاسات بشكل الصحيح بالمنتدى
الشرح فيديو

https://youtu.be/LnaTUxjnRlE
الكلاسات التي تم عملها

الكود:


 <div class="JJJ">
<div class="JAR7">  </div>
<div class="JORY">  </div>
</div>



اكواد css

الكود:


.JAR7{
background-image:url('https://i37.servimg.com/u/f37/16/46/77/76/uo-ouo11.gif');
background-repeat:no-repeat;
float:right;
width:415px;
height:300px;
   
}
.JORY{
   background-image:url('https://i37.servimg.com/u/f37/16/46/77/76/uo-ouo12.gif');
   background-repeat:no-repeat;
   height:300px;
   width:529px;
   float:left;
}
.JJJ{
   background-image:url('https://i37.servimg.com/u/f37/16/46/77/76/uo-ouo10.gif');
   background-repeat:repeat;
   height:300px;
}



دمتم بخير اختكم JAR7

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

Basil Abdallah
Basil Abdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 6:29 pm

الف شكر على الدرس
رح اشوفو الان
بس كم عدد دروس الدورة ؟
التوقيع

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 6:56 pm

6 دروس .. بعون الله
طبعا كل درس اعتقد له اجزاء
الدرس الثاني له جزئين
نورت الموضوع
والدرس دة هو اول معرفة لتقطيع وتكويد
التوقيع


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Ocia-a10

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

Basil Abdallah
Basil Abdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 7:34 pm



شرحك ججميل و رائع ما شاء الله بس عندي مشكلة
لما ركبت الاكواد ما تغير شي
المشكلة انو اكوادك تشبه اكوادي بس اكوادي ما تشتغل
شو المشكلة
كود الـCSS :

الكود:

.1bas{
background-image:url:('https://i37.servimg.com/u/f37/19/57/50/15/aoao10.png')
background-repeat:no repeat;
float:right;
width:316px;
hight;229px;
}

.2bas{
background-image:url:('https://i37.servimg.com/u/f37/19/57/50/15/a10.png')
background-repeat:no repeat;
left:right;
width:342px;
hight;231px;
}

.3bas{
background-image:url:('https://i37.servimg.com/u/f37/19/57/50/15/u10.png')
background-repeat:no repeat;
width:76px;
hight;230px;
}

كود الكلاسات :

الكود:


<"div class="1bas>
<div class="2bas">  </div>
<div class="3bas">  </div>
</div>

ملاحظة انا كتبت الاكواد بالنوت باد 7


عدل سابقا من قبل Basil Abdallah في الجمعة نوفمبر 18, 2016 8:32 pm عدل 1 مرات
التوقيع

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 8:07 pm

عندك كلمة
الارتفاع خطا
height
التوقيع


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Ocia-a10

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

Abshahad
Abshahad
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 8:12 pm

بارك الله فيك  علي  الدرس
التوقيع

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

1sLaM A7mEd
1sLaM A7mEd
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 8:36 pm

درس ممتاز
استفدت منه كثيرا
والخطوات واضحة
مبدعة دايما يا جرح
بانتظار باقي الدروس
التوقيع

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 8:43 pm

اهلا عندك خطا بعمل الكلاس
الكلاس الاول

الكود:


<div class="bas1">
<div class="bas2"> </div>
<div class="bas3"> </div>
</div>

الكلاس يضاف الارقام بالاخير مش باول الكلاس
بخصوص اكواد css فيها اخطاء بوضع : ;
تفضل تم

الكود:


.bas1{
background-image:url('https://i37.servimg.com/u/f37/19/57/50/15/aoao10.png') ;
background-repeat:no-repeat;
float:right;
width:316px;
height:230px;}
.bas2{
background-image:url('https://i37.servimg.com/u/f37/19/57/50/15/a10.png');
background-repeat:no-repeat;float: left;
 width:342px;
height:230px;}
.bas3{
background-image:url('https://i37.servimg.com/u/f37/19/57/50/15/u10.png');
background-repeat: repeat;
height:230px;}

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

Basil Abdallah
Basil Abdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 9:18 pm

JAR7 كتب:
اهلا عندك خطا بعمل الكلاس
الكلاس الاول

الكود:


<div class="bas1">
<div class="bas2"> </div>
<div class="bas3"> </div>
</div>

الكلاس يضاف الارقام بالاخير مش باول الكلاس
بخصوص اكواد css فيها اخطاء بوضع : ;
تفضل تم

الكود:


.bas1{
background-image:url('https://i37.servimg.com/u/f37/19/57/50/15/aoao10.png') ;
background-repeat:no-repeat;
float:right;
width:316px;
height:230px;}
.bas2{
background-image:url('https://i37.servimg.com/u/f37/19/57/50/15/a10.png');
background-repeat:no-repeat;float: left;
 width:342px;
height:230px;}
.bas3{
background-image:url('https://i37.servimg.com/u/f37/19/57/50/15/u10.png');
background-repeat: repeat;
height:230px;}


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

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الجمعة نوفمبر 18, 2016 9:52 pm

العفو الاهم اعد عمل الامر حتى تتقنه بارك الله فيك
عمل مميز
التوقيع


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Ocia-a10

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

ابو جومانا
ابو جومانا
عضو نشيط
 نُشر في في السبت نوفمبر 19, 2016 3:30 am

درس رائع وابداع كما تعودنا منكي دائما
تقومين بالتجربة على الاستايل بتاعي وحتى الان لم يتم التكويد هههههههههههه
في انتظار باقي الدروس اختي
التوقيع

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في السبت نوفمبر 19, 2016 1:36 pm

خخخخخخخخخخخخخخخخخخ ﻻحظت انه استايلك طريقة تكويد هنا بالصور
ولكنها تعمل بطئ بالاستايل .. استايلك ساقوم بتكويدة بخلفية الوان افضل واسرع ^_^
وبعدين استايلك جميل هههههههه
نورت اخي العزيز
التوقيع


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Ocia-a10

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

Yassine Bablil
Yassine Bablil
بصمة خالدة
 نُشر في في الإثنين نوفمبر 21, 2016 10:11 pm

شرح في قمة الرووعة
التوقيع

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

avatar
زائر
زائر
 نُشر في في الجمعة نوفمبر 25, 2016 10:55 pm

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

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الأحد نوفمبر 27, 2016 5:50 am

تسلمووون عوافي على طلتكم الجميله
التوقيع


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Ocia-a10

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

عشقك يكفيني
عشقك يكفيني
عضو فعال
 نُشر في في الخميس ديسمبر 01, 2016 3:37 pm

شرح مميز وبسيط .. يسلمو على جهود

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

L.Mogdad
L.Mogdad
بصمة خالدة
 نُشر في في السبت ديسمبر 03, 2016 1:34 pm

لكي الف شكر دمتي ودام عطائك
التوقيع

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

Mr.LoLo
Mr.LoLo
بصمة خالدة
 نُشر في في الإثنين ديسمبر 19, 2016 6:46 pm

شكرآآ لك , ع الموضوعع الجميللَ الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) 2821261694>
التوقيع


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Uia_io10

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

avatar
AbdallahBeraida
بصمة خالدة
 نُشر في في الثلاثاء فبراير 21, 2017 4:56 pm

بسم الله الرحمن الرحيم والصلاة والسلام على سيدنا
محمد وعلى آله وصحبه أجمعين 
أتمنى أن تكونِ بأفضل حال وصحة وخير
ما شاء الله كما عهدنا منكِ دوماً وما سنبقى نراه أيضا
مواضيعك الرائعة المنتشرة في جميع أرجاء المنتدى
فأنتِ شمعة مضيئة لا ينقطع عطائها ما شاء الله
أحب أن أرى مواضيعكِ وأستمتع بالرد علهيا عادة
انه لرائعٌ أن أرى ابداعكِ دائما وأبدي رأيي به
وما رأي الا ثناءُ فهل تستحقين أنتِ غير ذلك ~ ما شاء الله

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyرد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)

Zen Aku
Zen Aku
بصمة خالدة
 نُشر في في السبت مارس 04, 2017 6:36 pm

شكرا لك
التوقيع

اعلانات نصية