لونك المفضل
الألوان
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 أعضاء في هذا الشهر

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

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

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

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

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

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

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 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
دمتم بخير

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

BouJemAA
BouJemAA
عضو محترف
 نُشر في في الإثنين ديسمبر 05, 2016 4:18 am

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


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


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


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


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

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

Abshahad
Abshahad
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 5:27 am

لكي الف شكر علي ما تقدميه حفظك الله
التوقيع

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

avatar
زائر
زائر
 نُشر في في الإثنين ديسمبر 05, 2016 8:51 am

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


عدل سابقا من قبل Ahmed Reda في الإثنين ديسمبر 05, 2016 12:35 pm عدل 1 مرات

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

avatar
زائر
زائر
 نُشر في في الإثنين ديسمبر 05, 2016 12:05 pm

شكرا شكرااا

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

الله يحفضك

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 12:06 pm

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



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


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


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

منور الموضوع يابطل ..
دمت بخير
التوقيع


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

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 12:07 pm

almaldin كتب:
لكي الف شكر علي ما تقدميه حفظك الله

الشكر لله ياقمر نورت

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 12:08 pm

Ahmed Reda كتب:
شكراً لم على الطرح المُمَيّز.

يسلمو منور ياباشا

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 12:11 pm

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

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

الله يحفضك

الدرس انت سبب في عمله بسبب رغبتك بتعلم
وايضار سارة طالبت بالدرس
وها هو شرح مفصل
دمت بخير

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

Basil Abdallah
Basil Abdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 1:24 pm

اشكرك على الدرس الجميلة و الرائع
التوقيع

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

avatar
زائر
زائر
 نُشر في في الإثنين ديسمبر 05, 2016 2:42 pm

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

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

صورة :

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

https://2img.net/h/oi64.tinypic.com/f20gzq.png

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 2:59 pm

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


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

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

avatar
زائر
زائر
 نُشر في في الإثنين ديسمبر 05, 2016 3:35 pm

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

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

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

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

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

avatar
زائر
زائر
 نُشر في في الإثنين ديسمبر 05, 2016 8:55 pm

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


الله يحفضك

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

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

الله يحفضك

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

http://tagribi.ahlamontada.com/

شكرا

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

Âñå ÀsLń Môŝibă
Âñå ÀsLń Môŝibă
عضو خبير
 نُشر في في الإثنين ديسمبر 05, 2016 8:59 pm

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


اتمنى ان اكون سبب سعادة لمن حولي
وأن لااكون وجعا لاحد
...ربماآ انا لااستطيع إسعآد أحد ..ولكن اقسم انني لا احب ايذاء احد

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الإثنين ديسمبر 05, 2016 9:18 pm

منور يا امير مجروح عمل مميز ابدعت
+++
ران موري اهلا فيكي نورتي ^_^
التوقيع


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

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

طرماح
طرماح
عضو جديد
 نُشر في في الثلاثاء ديسمبر 06, 2016 5:02 am

جاري

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الثلاثاء ديسمبر 06, 2016 5:58 am

اهلا فيك نورت
التوقيع


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

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

عشقك يكفيني
عشقك يكفيني
عضو فعال
 نُشر في في الأربعاء ديسمبر 07, 2016 12:30 am

درس دقيق وشرح اكثر من رائع
ابدعتي

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

JoryAbdallah
JoryAbdallah
بصمة خالدة
 نُشر في في الخميس ديسمبر 08, 2016 5:21 pm

نورت الموضوع تسلم على متابعه
التوقيع


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

اعلانات نصية