منتديات أحلى استايل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتدى عام وتقنى ودعم
 
دخولدخول  التسجيلالتسجيل  الرئيسيةالرئيسية  
 

 [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"

اذهب الى الأسفل 
+2
الأمل القادم
Dawn birth
6 مشترك
كاتب الموضوعرسالة
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 35
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالإثنين 21 سبتمبر 2009, 10:16 pm

السلام عليكم ورحمة الله وبركاته
..............................
في هذا الدرس نوضح كيفيت وضع شريط منزلق لوصف اي عنصر "صورة مثلا" في صفحة الهتمل الخاصة بك
للتوضيح على الطبيعة:
هنـــــــــــــــــــــــــــــا

مختصر الطريقة:
نقوم بوصف العنصر بطريقة عادية جدا مع تحديد اسم للوصف عن طريق وسم
الكود:
<div class="desc">هنا الوصف</div>
في الكود السابق تم تحديد اسم الزصف بـ"desc"
بعد ذلك
في منطقة الstyleفي رأس الصفحة او في ملف css نقوم بتحديد خاصية ال
overflowللعنصر"desc"فيكون الكود هكذا
الكود:
.desc{
overflow:scroll;
}
scroll
تعني ظهور الشريط المنزلق في حالة اذا كان الوصف اعرض او أطول من مساحة المنطقة المحددة للكتابة
هناك خصائص أخرى لoverflow
hidden مخفي
auto بمعنى ان الشريط سيظهر فقطاذا لزم الامر حتى يمكن مشاهدة بقية الوصف
و الآن كود جاهز للتجربة
الكود:
<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>تجربة</title>
<style type="text/css">
#content{
text-align:center;
width:300px;
margin:auto;
position:relative;

border:1px solid #dcdcdc;
}
.desc{
margin:auto;
width:200px;
height:80px;
color:red;
font:normal 12px Tahoma;
overflow:scroll;
border:1px solid #dcdcdc;

}
</style>
</head>

<body>
<div id="content">
<img src="http://img525.imageshack.us/img525/8771/65379900.jpg" />
<div class="desc">
برنامج رائع و صغير الحجم
<br />
 يسخدم في التصميم لانتاج
 <br />
الصور الرائعة سواء
 <br />
 الثابتة أو
  <br />
المتحركة كما أنه مجاني
 و متاح للجميع
<div>
</div>
</body>

</html>
انتهى الدرس
أرجو من الادارة تخصيص منتدى خاص بدروس ومقالات css
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
زائر
زائر
Anonymous



[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالإثنين 21 سبتمبر 2009, 10:25 pm

انا مش بحب اتعامل مع css

لاني مش بفهم فيه كتير يعني

على العموم شكرا ليك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 35
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالإثنين 21 سبتمبر 2009, 10:51 pm

أسهل شيء هي السي اس اس
العفو
شكرا لمرورك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
الأمل القادم
Member
Member
الأمل القادم


سجل فى : 27/01/2009

المساهمات : 1620
العمر : 37
التقييم : 13
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالإثنين 21 سبتمبر 2009, 11:44 pm

واااااااااااااو ننتظر المزيد العاجل ونرجو اكواد للتمبولات ...
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.sidiamer.com/
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 35
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 4:57 am

بإذن الله
شكرا لمرورك يا الامل القادم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
زائر
زائر
Anonymous



[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 2:06 pm

مبدع كعادتك
بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 35
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 4:18 pm

شكرا لردك اخي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
AHMED MANGESTO
Member
Member
AHMED MANGESTO


سجل فى : 11/02/2009

المساهمات : 967
العمر : 36
التقييم : 2
من ..
ذكر
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 5:11 pm

تسلم ايدك يا قمر هتابع معاك إن شاء الله الدروس موفق إن شاء الله [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 993982
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.world-lake.com
MonsteR
Member
Member
MonsteR


سجل فى : 13/01/2009

المساهمات : 2736
العمر : 38
التقييم : 15
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 9:13 pm


والله انك جيت على الوجع

انا ابحث عن هاذا الكود منذ فترة تتراوح بين 3 شهور
ولم اجده

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 992281
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ibd3at.yoo7.com
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 35
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 9:22 pm

AHMED MANGESTO كتب:
تسلم ايدك يا قمر هتابع معاك إن شاء الله الدروس موفق إن شاء الله [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 993982
شكرا لردك
يا رب تستفيد
MoNSter كتب:

والله انك جيت على الوجع

انا ابحث عن هاذا الكود منذ فترة تتراوح بين 3 شهور
ولم اجده

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 992281
الحمد لله انك لقيته أخيرا [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 251907
شكرا لردك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
MonsteR
Member
Member
MonsteR


سجل فى : 13/01/2009

المساهمات : 2736
العمر : 38
التقييم : 15
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 9:29 pm


تسلم يا غالي.. وشكرا لك جزيل جزيل الشكر

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 992281
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ibd3at.yoo7.com
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 35
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 22 سبتمبر 2009, 9:52 pm

العفو واي استفسار
أنا في الخدمة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
schoolel7ob
Member
Member
schoolel7ob


سجل فى : 11/12/2007

المساهمات : 360
العمر : 33
التقييم : 0
ذكر

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالثلاثاء 29 سبتمبر 2009, 5:29 pm

تسلم الايادى
بس انا كنت عاوز كود
css
اللى بيعمل صورة فوق الاقسام وصورة تحت الاقسام
انا نسخه تانيه
ممكن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.arahman.yoo7.com
ساسوكي اوتشيها
Member
Member
ساسوكي اوتشيها


سجل فى : 28/09/2009

المساهمات : 229
التقييم : 1
ذكر

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" Empty
مُساهمةموضوع: رد: [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"   [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" I_icon_minitimeالإثنين 09 نوفمبر 2009, 10:40 am

[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 437wonderfullf
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property"
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كيفية وضع كود المربع لوصف المنتديات؟؟؟؟؟
» "شرح بالصور" كيفية إضافة لوحة إعلانات
» محركات بحث و أداة "عربي" للبحث على الإنترنت "" حصري ""
» طلب تبادل اعلانى مع منتديات الأهلاوى الأول ""متوقر كل الشروط""(تم التبادل)7/1/2009
» عودة بعد غياب ""واجهة جيل المستقبل الان "" أرائكم تفيدني

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات أحلى استايل :: عالم الاكواد والتقنيات العامه :: تقنيات وشروحات اخرى-
انتقل الى:  
جميع الحقوق محفوظه لاكاديميه  احلى ستايل©ahlastylDigit@lالاعلى |الرئيسيه |قوانين المنتدى | احصائيات | احلى منتدى