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

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
انتقل الى الصفحة : 1, 2  الصفحة التالية
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Saudi-10
العمر : 34
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Yoo_ao11

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Basil Abdallah
سوبر الإبداع 

Basil Abdallah

ذكر
السمك
عدد المساهمات : 11108
نقاط النشاط : 11943
السٌّمعَة : 70
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Jordan10
العمر : 25

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 18, 2016 6:29 pm

الف شكر على الدرس
رح اشوفو الان
بس كم عدد دروس الدورة ؟
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Saudi-10
العمر : 34
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Yoo_ao11

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 18, 2016 6:56 pm

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


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Basil Abdallah
سوبر الإبداع 

Basil Abdallah

ذكر
السمك
عدد المساهمات : 11108
نقاط النشاط : 11943
السٌّمعَة : 70
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Jordan10
العمر : 25

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 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 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Saudi-10
العمر : 34
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Yoo_ao11

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 18, 2016 8:07 pm

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


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Abshahad
سوبر الإبداع 

Abshahad

ذكر
الاسد
عدد المساهمات : 23608
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Sudan10
العمر : 39

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 18, 2016 8:12 pm

بارك الله فيك  علي  الدرس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
1sLaM A7mEd
سوبر الإبداع 

1sLaM A7mEd

ذكر
الاسد
عدد المساهمات : 9941
نقاط النشاط : 11686
السٌّمعَة : 65
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Egypt10
العمر : 22

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 18, 2016 8:36 pm

درس ممتاز
استفدت منه كثيرا
والخطوات واضحة
مبدعة دايما يا جرح
بانتظار باقي الدروس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.anjezweb.com/
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Saudi-10
العمر : 34
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Yoo_ao11

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 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;}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Basil Abdallah
سوبر الإبداع 

Basil Abdallah

ذكر
السمك
عدد المساهمات : 11108
نقاط النشاط : 11943
السٌّمعَة : 70
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Jordan10
العمر : 25

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 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;}
الف الف الف شكر على الشرح و العمل الرائع اشكرك فعلا على المجهود الرائع و بانتضار الميزد ن الدروس يا ام ياسر وردة حمراء وردة حمراء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Saudi-10
العمر : 34
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Yoo_ao11

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 18, 2016 9:52 pm

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


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
ابو جومانا
عضو فعال 

ابو جومانا

ذكر
الجدي
عدد المساهمات : 205
نقاط النشاط : 322
السٌّمعَة : 11
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Egypt10
العمر : 30

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالسبت نوفمبر 19, 2016 3:30 am

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

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Saudi-10
العمر : 34
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Yoo_ao11

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

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


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
YASSINE BABLIL
سوبر الإبداع 

YASSINE BABLIL

ذكر
الاسد
عدد المساهمات : 18875
نقاط النشاط : 23222
السٌّمعَة : 335
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Morocc10
العمر : 24

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالإثنين نوفمبر 21, 2016 10:11 pm

شرح في قمة الرووعة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ev1el.com
زائر
زائر
avatar


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالجمعة نوفمبر 25, 2016 10:55 pm

عمل وشرح ممتاز بارك الله فيك نجح معي كود وحمدالله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Saudi-10
العمر : 34
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Yoo_ao11

الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Empty
مُساهمةموضوع: رد: الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)   الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Emptyالأحد نوفمبر 27, 2016 5:50 am

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


الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1) Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
 
الدرس الثاني : التعرف الكلاس واكواد css وطريقة عملها ووضعها (جزء1)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: دورة تكويد استايلات احلى منتدى-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020