الرئيسيةالسلام عليكم ورحمه الله وبركاته
هو ف التاج ده
div
{
direction:rtl
}
مش من حق الكلام يتحرك من اليمين للشمال
طيب هو هيتنفذ ازاى
ف البرنامج
هو ف التاج ده
div
{
direction:rtl
}
مش من حق الكلام يتحرك من اليمين للشمال
طيب هو هيتنفذ ازاى
ف البرنامج
+9
Mohamed Ahmed
Yasmin
رزان
احلى الاوقات
sara magdy
m_elbasuony
نور القلب
angel
Abd El-Hamid IbrahiM
13 مشترك
Web Development -CSS- Learning Plan
m_elbasuony- عضو متواصل
عدد الرسائل : 169
العمر : 33
نقاط : 47
تاريخ التسجيل : 11/06/2008
Abd El-Hamid IbrahiM- ( مدير المنتدى )
عدد الرسائل : 3172
Location : IN THE GREEN LAND
Favorites : Linux adminstration and security
نسبة احترام قوانين المنتدى :
نقاط : 554
تاريخ التسجيل : 14/06/2007
- مساهمة رقم 27
رد: Web Development -CSS- Learning Plan
من طرف Abd El-Hamid IbrahiM السبت 5 يوليو 2008 - 17:29
div
{
direction:rtl
}
حضرتك مثلا عندك فى صفحة الاتش تى ام ال بتاعتك الكود ده
<div>
<p> هنكتب مثلا هنا اى حاجه بالعربى هنكتب مثلا هنا اى حاجه بالعربى </p>
</div>
المفروووض الكلام لاى بالعربى ده يبقى من اليمين للشمال
لو احنا سبناه من غير منحدده من الشمال لليمين
هنيجى بقه فى الفايل بتاع السى اس اس
هنقول
div{direction:rtl}
عشان نحدد انه من اليمين للشمال
rtl---> right to left
ltr---> left to right
بس كده
<div>
<p> هنكتب مثلا هنا اى حاجه بالعربى هنكتب مثلا هنا اى حاجه بالعربى </p>
</div>
المفروووض الكلام لاى بالعربى ده يبقى من اليمين للشمال
لو احنا سبناه من غير منحدده من الشمال لليمين
هنيجى بقه فى الفايل بتاع السى اس اس
هنقول
div{direction:rtl}
عشان نحدد انه من اليمين للشمال
rtl---> right to left
ltr---> left to right
بس كده
m_elbasuony- عضو متواصل
عدد الرسائل : 169
العمر : 33
نقاط : 47
تاريخ التسجيل : 11/06/2008لا انا قصدى هى هتتحرك
ولا لا؟
بس كده
ولا دى حاجه تانيه
Abd El-Hamid IbrahiM- ( مدير المنتدى )
عدد الرسائل : 3172
Location : IN THE GREEN LAND
Favorites : Linux adminstration and security
نسبة احترام قوانين المنتدى :
نقاط : 554
تاريخ التسجيل : 14/06/2007
- مساهمة رقم 29
رد: Web Development -CSS- Learning Plan
من طرف Abd El-Hamid IbrahiM السبت 5 يوليو 2008 - 18:02
لا مش هتتحرك
ده ديه بتحدد طريقة الكتابه
من الشمال لليمين ولا من اليمين للشمال
انا فهمت قصدك
الكلام الى حضرتك تعوزى تحركيه بتحطيه ما بين تاج الماريكو فى كود الاتش تى ام ال
<html>
<body>
<h1><marquee direction="left">Hello World</marquee></h1>
<h2><marquee direction="right">Hello World</marquee></h2>
</body>
</html>
زى الكود ده كده
جربيه
ده ديه بتحدد طريقة الكتابه
من الشمال لليمين ولا من اليمين للشمال
انا فهمت قصدك
الكلام الى حضرتك تعوزى تحركيه بتحطيه ما بين تاج الماريكو فى كود الاتش تى ام ال
<html>
<body>
<h1><marquee direction="left">Hello World</marquee></h1>
<h2><marquee direction="right">Hello World</marquee></h2>
</body>
</html>
زى الكود ده كده
جربيه
m_elbasuony- عضو متواصل
عدد الرسائل : 169
العمر : 33
نقاط : 47
تاريخ التسجيل : 11/06/2008شكرا جدا جدا جدا
منكم نستفيد
اللهم اجعله ف ميزان حسناتك
جزاك الله كل خير
sara magdy- CS Supporter
- عدد الرسائل : 696
Location : with my love
Favorites : web development/Math
نقاط : 319
تاريخ التسجيل : 30/03/2008
تم التحميل
وجزاكم الله كل خير
وجزاكم الله كل خير
نجـــــلاء- مشرف قسم الاى اس
عدد الرسائل : 24
العمر : 34
نقاط : 0
تاريخ التسجيل : 20/03/2008
sara magdy كتب:تم التحميل
وجزاكم الله كل خير
Mohamed Ahmed- عضو فعال
عدد الرسائل : 299
العمر : 34
نقاط : 43
تاريخ التسجيل : 23/04/2008- مساهمة رقم 33
رد: Web Development -CSS- Learning Plan من طرف Mohamed Ahmed الأحد 6 يوليو 2008 - 7:18تم التحميل
جزاكم الله خيرا
احلى الاوقات- عضو فعال
عدد الرسائل : 265
العمر : 34
نقاط : 57
تاريخ التسجيل : 16/08/2007- مساهمة رقم 34
رد: Web Development -CSS- Learning Plan من طرف احلى الاوقات الثلاثاء 8 يوليو 2008 - 16:44السلام عليكم
ايه هيه خاصيه float
وامتى بحتاج استخدمها؟
Abd El-Hamid IbrahiM- ( مدير المنتدى )
عدد الرسائل : 3172
Location : IN THE GREEN LAND
Favorites : Linux adminstration and security
نسبة احترام قوانين المنتدى :
نقاط : 554
تاريخ التسجيل : 14/06/2007
- مساهمة رقم 35
رد: Web Development -CSS- Learning Plan
من طرف Abd El-Hamid IbrahiM الثلاثاء 8 يوليو 2008 - 16:52
خاصية الفلووت
انتى مثلا عندك الكود ده
فى ملف الاتش تى م ال
<div class="leader">
<div class="side1">
<p>.........</p>
<p>.........</p>
</div>
<div class="side2">
<p>.......</p>
<p>........</p>
</div>
</div>
فى الكود ده احنا عندنا ديف كبييييييير
جواه اتنين ديف
عايزين بقه نخلى الديف الاولانى شمال الديف التانى
او العكس
بنروح فى كود السى اس اس
ونعمل الكود ده
.leader.side1{float:left;}
كده هيبقى الديف الاولانى على شمال الديف التانى
هو ده استخدامها عملية تنسيق لمحتويات الصفحه
انتى مثلا عندك الكود ده
فى ملف الاتش تى م ال
<div class="leader">
<div class="side1">
<p>.........</p>
<p>.........</p>
</div>
<div class="side2">
<p>.......</p>
<p>........</p>
</div>
</div>
فى الكود ده احنا عندنا ديف كبييييييير
جواه اتنين ديف
عايزين بقه نخلى الديف الاولانى شمال الديف التانى
او العكس
بنروح فى كود السى اس اس
ونعمل الكود ده
.leader.side1{float:left;}
كده هيبقى الديف الاولانى على شمال الديف التانى
هو ده استخدامها عملية تنسيق لمحتويات الصفحه
m_elbasuony- عضو متواصل
عدد الرسائل : 169
العمر : 33
نقاط : 47
تاريخ التسجيل : 11/06/2008- مساهمة رقم 36
رد: Web Development -CSS- Learning Plan من طرف m_elbasuony الثلاثاء 8 يوليو 2008 - 20:00السلام عليكم ورحمه الله وبركاته
معلش متاخره شويه بس عندنا ظروف
احنا بنستخدم ال
margin,padding,
line height ,list- style,font-style,
text-decoration,font-weight,
هو ف حاجه اسمها ارتفاع السطر ووزن الخط
ويعنى ايه الاستيل بتاع القائمه وبتاع الخط هما لهم استيل ولو لهم هل الاستيل ده ينطبق ع جميع انواع القوائم
سؤال كمان ايه معنى الجمله دى
float: right;
margin: 3px 0 0 15px;
Hunikal- مشرف منتدى برمجة الويب
عدد الرسائل : 1914
العمر : 34
Location : Alexandria
نقاط : 183
تاريخ التسجيل : 19/06/2007
بالنسبةللـ Floatسؤال كمان ايه معنى الجمله دى
float: right;
margin: 3px 0 0 15px;
فزي ما بشمهندس عبد الحميد قال
يعتبر تنسيق لمحتويات الصفحة ومعني الاتجاة انة هينسق
الديف او اي حاجة هو مخضض ليها انها تكون موجودة علي اليمين
margin
دة اللي بيحدد المسافة بين الحد بتاع الجدول و العنصر اللي حوالية
نوضح
نفرض مثلا ان في جدول و لية porder و تحتية جدول تاني
المسافة بين البوردر و الجدول التاني هي دي الـ margin
و هنا هو قايل علي الترتيب ان المسافة
3px من الاعلي بينة و بين العنصر الاعلي منة
0 بينة و بين العنصر اللي علي اليمين
0 بينية و بين العنصر اللي تحتية
15 بينة و بين العنصر اللي علي شمالة
و ال px دي وحدة قياس المسافة المستعملة
و ممكن تحددي الmargin بالنسبة لاتجاة معين
عن طريق margin-top:
margin-left:
Hunikal- مشرف منتدى برمجة الويب
عدد الرسائل : 1914
العمر : 34
Location : Alexandria
نقاط : 183
تاريخ التسجيل : 19/06/2007
دة تم توضيحةmargin
,
,padding
يعتبر نفس موضوع الmargin بس من الداخل يعني المسافة بين الكلام و بين الحد بتاع الجدول
و الصورة اللي تحت دي بتوضح الموضوع اوي
https://2img.net/r/ihimizer/img208/7430/screenshotboxpropertiesda8.png
بيحدد المسافة بين الاسطرline height
بيحدد منة مثلا شكل الرمز اللي جمب كل عنصر في اللستةlist- style
بيحدد هل هو خط مائل ام لا لعني لية استيل و شكل ولا لا,font-style,
بتحدد هل في خط تحت الكلام ام لا او الخط من خلال الكلام بيمر في نص الكلمة خط اكنك بتشطبي عليهاtext-decoration
بتحدد ثمك الخط اللي هو بولد ولا لا او ممكن يكون اضخم كمان بتحديد رقم معين,font-weight,
هو ف حاجه اسمها ارتفاع السطر ووزن الخط
ؤلناهم فوق
ويعنى ايه الاستيل بتاع القائمه وبتاع الخط
ؤلناهم فوق
اة كل القوايمهما لهم استيل ولو لهم هل الاستيل ده ينطبق ع جميع انواع القوائم
Hunikal- مشرف منتدى برمجة الويب
عدد الرسائل : 1914
العمر : 34
Location : Alexandria
نقاط : 183
تاريخ التسجيل : 19/06/2007
لو في اي حاجة مش واضحة ممكن اوضحها اكتر
المهم الاستفادة
بالتوفيق
المهم الاستفادة
بالتوفيق
sola- عضو متواصل
عدد الرسائل : 134
العمر : 35
نقاط : 22
تاريخ التسجيل : 25/09/2007السلام عليكم
ياريت حد يوضح امته بستخدم ال class وامته بستخدم id
وميرسى مقدما
Hunikal- مشرف منتدى برمجة الويب
عدد الرسائل : 1914
العمر : 34
Location : Alexandria
نقاط : 183
تاريخ التسجيل : 19/06/2007
id
المفروض انها مبتتكررش يعني العنصر اللي اديلة اي دي معينة
مينفعش اكرر نفس الاي دي لاي عنصر تاني في الصفحة
ف بتكون حاجة مميزة للعنصر دة بستفيد بيها في الـ css
ان انا اعمل استايل معين لعنصر معين
و في الفورم مثلا في ارسال و استقبال البينات
لو عندي 2 تكست بوكس واحد للاسم و التاني للعمر
ف هدي لكل واحد فيهم اي دي مختلف عشان افرقهم عن بعض في معالجة البينات
بيستعمل في الـ css
#idname
{
//code
}
class
دي بتتكرر لاكتر من عنصر في الصفحة
و الميزة فيها انها ممكن تحدد اكتر من عنصر و نديهم نفس الاستايل css
مثلا في البلوجات الردود كلها بتكون بنفس الشكل لان كل رد في div واخد class="comment" مثلا و بيطبق استايل واحد علي الكلاس كوميينت ف بيطبق علي كل التعليقات
بيستعمل في الـ css
.classname
{
//code
}
المفروض انها مبتتكررش يعني العنصر اللي اديلة اي دي معينة
مينفعش اكرر نفس الاي دي لاي عنصر تاني في الصفحة
ف بتكون حاجة مميزة للعنصر دة بستفيد بيها في الـ css
ان انا اعمل استايل معين لعنصر معين
و في الفورم مثلا في ارسال و استقبال البينات
لو عندي 2 تكست بوكس واحد للاسم و التاني للعمر
ف هدي لكل واحد فيهم اي دي مختلف عشان افرقهم عن بعض في معالجة البينات
بيستعمل في الـ css
#idname
{
//code
}
class
دي بتتكرر لاكتر من عنصر في الصفحة
و الميزة فيها انها ممكن تحدد اكتر من عنصر و نديهم نفس الاستايل css
مثلا في البلوجات الردود كلها بتكون بنفس الشكل لان كل رد في div واخد class="comment" مثلا و بيطبق استايل واحد علي الكلاس كوميينت ف بيطبق علي كل التعليقات
بيستعمل في الـ css
.classname
{
//code
}
angel- عضو ملكى
عدد الرسائل : 1452
العمر : 34
نقاط : 444
تاريخ التسجيل : 12/11/2007انا عايزه اعرف كل حاجه عن div
ياريت لو سمحتوا
وعايزه اعرف ازاى اليست ده
* home
* itroduction
* css basic
* css advanced
اتحطت فى لين واحد مش فى ليست عادى
Hunikal- مشرف منتدى برمجة الويب
عدد الرسائل : 1914
العمر : 34
Location : Alexandria
نقاط : 183
تاريخ التسجيل : 19/06/2007
all about <div> tag
id, class, title, style, dir, lang, xml:lang
- بيحدد جزء من كود الصفحة و يجمعة في جروب
- بيسهل عملية التنسيق في الـ CSS
- بيعمل مسافة بينة و بين العنصر اللي قبلة و اللي بعدة اكنة بيعمل <br /> قبل و بعد
- بيعزل جزء معين من الصفحة مثل تاج الـ <p>
- ممكن يكون جواة اي نوع من انواع التجات غالبا
- مش ممكن يكون موجود داخل تاج <p>
- معظم الـ attributes
id, class, title, style, dir, lang, xml:lang
Hunikal- مشرف منتدى برمجة الويب
عدد الرسائل : 1914
العمر : 34
Location : Alexandria
نقاط : 183
تاريخ التسجيل : 19/06/2007
فين الكلام دة في انهي ملف ؟angel كتب:وعايزه اعرف ازاى اليست ده
* home
* itroduction
* css basic
* css advanced
اتحطت فى لين واحد مش فى ليست عادى
angel- عضو ملكى
عدد الرسائل : 1452
العمر : 34
نقاط : 444
تاريخ التسجيل : 12/11/2007فين الكلام دة في انهي ملف ؟
Hunikal- مشرف منتدى برمجة الويب
عدد الرسائل : 1914
العمر : 34
Location : Alexandria
نقاط : 183
تاريخ التسجيل : 19/06/2007
- الكود:
#menu ul
{
margin: 0;
padding: 10px 0 0 0;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li
{
display: inline;
margin: 0;
padding: 0;
}
list-style: none;
كدة احنا لغينا استايل اللست و الشكل اللي بيكون جمب كل ايتم منها
ثم display: inline;
قولنا ان احنا هنعرضهم في نفس السطر مش كل ايتم في سطر لوحدها
و الـ display دي ليها اكتر من اختيار
| none | The element will not be displayed |
| block | The element will be displayed as a block-level element, with a line break before and after the element |
| inline | Default. The element will be displayed as an inline element, with no line break before or after the element |
| list-item | The element will be displayed as a list |
| run-in | The element will be displayed as block-level or inline element depending on context |
| compact | The element will be displayed as block-level or inline element depending on context |
| marker | |
| table | The element will be displayed as a block table (like <table>), with a line break before and after the table |
| inline-table | The element will be displayed as an inline table (like <table>), with no line break before or after the table |
| table-row-group | The element will be displayed as a group of one or more rows (like <tbody>) |
| table-header-group | The element will be displayed as a group of one or more rows (like <thead>) |
| table-footer-group | The element will be displayed as a group of one or more rows (like <tfoot>) |
| table-row | The element will be displayed as a table row (like <tr>) |
| table-column-group | The element will be displayed as a group of one or more columns (like <colgroup>) |
| table-column | The element will be displayed as a column of cells (like <col>) |
| table-cell | The element will be displayed as a table cell (like <td> and <th>) |
| table-caption | The element will be displayed as a table caption (like <caption>) |
m_elbasuony- عضو متواصل
عدد الرسائل : 169
العمر : 33
نقاط : 47
تاريخ التسجيل : 11/06/2008- مساهمة رقم 47
رد: Web Development -CSS- Learning Plan من طرف m_elbasuony الخميس 10 يوليو 2008 - 13:48السلام عليكم ورحمه الله وبركاته
بجد انا متشكره جدا
ع المساعده الجامده دى
سؤال
هو الامتحان هيكون امتى
؟؟؟؟؟؟؟؟؟؟
Abd El-Hamid IbrahiM- ( مدير المنتدى )
عدد الرسائل : 3172
Location : IN THE GREEN LAND
Favorites : Linux adminstration and security
نسبة احترام قوانين المنتدى :
نقاط : 554
تاريخ التسجيل : 14/06/2007
- مساهمة رقم 48
رد: Web Development -CSS- Learning Plan
من طرف Abd El-Hamid IbrahiM الخميس 10 يوليو 2008 - 13:51
بعد بكره ان شاااء الله
12/7
12/7
Abd El-Hamid IbrahiM- ( مدير المنتدى )
عدد الرسائل : 3172
Location : IN THE GREEN LAND
Favorites : Linux adminstration and security
نسبة احترام قوانين المنتدى :
نقاط : 554
تاريخ التسجيل : 14/06/2007
- مساهمة رقم 49
رد: Web Development -CSS- Learning Plan
من طرف Abd El-Hamid IbrahiM الإثنين 14 يوليو 2008 - 16:44
السلام عليكم ورحمة الله وبركاته
كل الناس الى بعتتلى الامنتحان
عرفت درجاتها
وما شااء الله فى ناس كويسه
جدااااااااااا
ده يا جماعه الحل بتاع الامتحان
http://www.2shared.com/file/3593103/cda3421b/FIRST_EXAM_solution.html
حضراتكوا ممكن تشوفوه
والحاجه الى مش مفهومه
ياريت تقولوا عليهااا هنا فى الموضوع
وهيترد عليهااا
بكره اجازة ان شااء الله
وبعد بكره البشمهندس هيونيكال هيحط الجزء الجديد
لان انا هبقى مسافر ومش هعرف ادخل المنتدى خالص
كل الناس الى بعتتلى الامنتحان
عرفت درجاتها
وما شااء الله فى ناس كويسه
جدااااااااااا
ده يا جماعه الحل بتاع الامتحان
http://www.2shared.com/file/3593103/cda3421b/FIRST_EXAM_solution.html
حضراتكوا ممكن تشوفوه
والحاجه الى مش مفهومه
ياريت تقولوا عليهااا هنا فى الموضوع
وهيترد عليهااا
بكره اجازة ان شااء الله
وبعد بكره البشمهندس هيونيكال هيحط الجزء الجديد
لان انا هبقى مسافر ومش هعرف ادخل المنتدى خالص
m_elbasuony- عضو متواصل
عدد الرسائل : 169
العمر : 33
نقاط : 47
تاريخ التسجيل : 11/06/2008- مساهمة رقم 50
رد: Web Development -CSS- Learning Plan من طرف m_elbasuony الإثنين 14 يوليو 2008 - 17:29السلام عليكم ورحمه الله وبركاته
جزاك الله كل خير