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

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


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ
 

 الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ

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

JoryAbdallah

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 3:54 am

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

وعودة مرة اخرى لتكميل سلسله الدروس وطبعا اقصد جعل مدة بين كل درس ودرس كي اجد اقبال للمتابعه
والاحظ متابعه صامته ههههههه باين انهم تلخبطوا
اليوم درسنا جميل تقطيع وتكود لاطار الاقسام بكود وطريقة سهله جدا
الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Uo_ouo23

الدرس 29 دقيقة :

https://youtu.be/8c252bCHXT4

اهداف الدرس :
-التعرف على الكود css الموحد لعمل الاطارات
-التعرف على كلاسات التي تعمل على وضع الايطار للاقسام
-التعرف مواضع تعديل الكلاسات لكي يتم عمل اطار محدد حول الاقسام او الاحصائيات او الدردشة

كود الاطار الموحد css للنسخة 2
ضع رد لرؤية الكود:
 
كود الاطار الموحد css للنسخة 3
ضع رد لترى الكود:
 
كود الاطار الموحد لنسخة انفجن
ضغ رد لرؤية الكود:
 
كود الاطار الموحد لنسخة pun

ضع رد لرؤية الكود:
 
بالنسبة لوضع اطار خاص للدردشة الطريقة هي :
عمل وسم للدردشة لعمل اطار حولها بقالب index_body
نسخة الثانية تبحث عن {CHATBOX_TOP} للمكان الدردشة العليا وتستبدله بــ
ضع رد لرؤية الكود:
 

وتبحث عن {CHATBOX_BOTTOM} لمكان دردشة السفلى وتستبدله بـــ

ضع رد لرؤية الكود:
 


بقية النسسخ نعمل له وسم للاطار بمسمى الكلاس
للموضع الدردشة العليا تبحث عن {CHATBOX_TOP} وتستبدله بـــ

ضع رد لرؤية الكود:
 


لموضع الدردشة بالاسفل تبحث عن {CHATBOX_BOTTOM} وتستبدله بـــ

ضع رد لرؤية الكود:
 

طبعا مع نغيير اسم الكلاس JAR7 باي اسم تود اضافته

وخلصنا درسنا بعون الله

الاكواد مخفية لمزيد من التفاعل 557207 557207 557207 557207 557207
دمتم بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
BouJemAA
عضو ذهبي 

BouJemAA

ذكر
عدد المساهمات : 2453
نقاط النشاط : 3670
السٌّمعَة : 29
بلد العضو : الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Morocc10

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 4:18 am

الف شكر لعلمك ولكي على هاته الدروس المتميزة  والقيمة


نفع الله بك ورفع من شأنكي إن شاء الله


وكل التقدير لك


في انتظار القادم والأحلى دائما وردة حمراء


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Untitl15
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abshahad
سوبر الإبداع 

Abshahad

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 5:27 am

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


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 8:51 am

شكراً لك على الطرح المُمَيّز.


عدل سابقا من قبل Ahmed Reda في الإثنين ديسمبر 05, 2016 12:35 pm عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 12:05 pm

شكرا شكرااا

والله احتاج هيذا الدرس وافدتيني كتير شكرا

الله يحفضك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 12:06 pm

Delta كتب:
الف شكر لعلمك ولكي على هاته الدروس المتميزة  والقيمة


نفع الله بك ورفع من شأنكي إن شاء الله


وكل التقدير لك


في انتظار القادم والأحلى دائما وردة حمراء
منور الموضوع يابطل ..
دمت بخير


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 12:07 pm

almaldin كتب:
لكي الف شكر علي ما تقدميه حفظك الله
الشكر لله ياقمر نورت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 12:08 pm

@Ahmed Reda كتب:
شكراً لم على الطرح المُمَيّز.
يسلمو منور ياباشا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 12:11 pm

@AmEr MaGroh كتب:
شكرا شكرااا

والله احتاج هيذا الدرس وافدتيني كتير شكرا

الله يحفضك
الدرس انت سبب في عمله بسبب رغبتك بتعلم
وايضار سارة طالبت بالدرس
وها هو شرح مفصل
دمت بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Basil Abdallah
سوبر الإبداع 

Basil Abdallah

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 1:24 pm

اشكرك على الدرس الجميلة و الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 2:42 pm

اختي جوري هل ممكن سؤال

هل التقطيع هكذا هل هو صحيح ؟؟

صورة :

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ F20gzq

https://2img.net/h/oi64.tinypic.com/f20gzq.png
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

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

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 2:59 pm

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


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
زائر
زائر
avatar


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 3:35 pm

وهاكذا اختي الغالية

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ 2cgkohw

https://2img.net/h/oi67.tinypic.com/2cgkohw.jpg

اختي اذا عملتها معا الخط الرمادي راح بتنحذف الجوانب

الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 8:55 pm

اختي شكرا شكرا شكرا شكرا


الله يحفضك

انظري كيف كودهم بأحترافية من اول مرة

لآنو درسك جميل وواضح

الله يحفضك

انظري كيف كودت اطار

http://tagribi.ahlamontada.com/

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Âñå ÀsLń Môŝibă
عضو محترف 

Âñå ÀsLń Môŝibă

انثى
القوس
عدد المساهمات : 1202
نقاط النشاط : 1287
السٌّمعَة : 8
بلد العضو : الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Algeri10
العمر : 18

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Empty
مُساهمةموضوع: رد: الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ   الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ Emptyالإثنين ديسمبر 05, 2016 8:59 pm

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


اتمنى ان اكون سبب سعادة لمن حولي
وأن لااكون وجعا لاحد
...ربماآ انا لااستطيع إسعآد أحد ..ولكن اقسم انني لا احب ايذاء احد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 3انتقل الى الصفحة : 1, 2, 3  الصفحة التالية

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