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

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

مختصر الطريقة:
نقوم بوصف العنصر بطريقة عادية جدا مع تحديد اسم للوصف عن طريق وسم

الكود:: <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

زائر

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

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

على العموم شكرا ليك

أسهل شيء هي السي اس اس
العفو
شكرا لمرورك

واااااااااااااو ننتظر المزيد العاجل ونرجو اكواد للتمبولات ...

بإذن الله
شكرا لمرورك يا الامل القادم

زائر

مبدع كعادتك
بالتوفيق

شكرا لردك اخي

تسلم ايدك يا قمر هتابع معاك إن شاء الله الدروس موفق إن شاء الله

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

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

AHMED MANGESTO كتب:: تسلم ايدك يا قمر هتابع معاك إن شاء الله الدروس موفق إن شاء الله

شكرا لردك
يا رب تستفيد

MoNSter كتب:: والله انك جيت على الوجع

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

الحمد لله انك لقيته أخيرا [درس css]كيفية عمل scroll bar لوصف عنصر في صفحتك "overflow property" 251907

شكرا لردك

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

العفو واي استفسار
أنا في الخدمة

تسلم الايادى
بس انا كنت عاوز كود
css
اللى بيعمل صورة فوق الاقسام وصورة تحت الاقسام
انا نسخه تانيه
ممكن

Member سجل فى : 28/09/2009 المساهمات : 229 التقييم : 1

» كيفية وضع كود المربع لوصف المنتديات؟؟؟؟؟
» "شرح بالصور" كيفية إضافة لوحة إعلانات
» محركات بحث و أداة "عربي" للبحث على الإنترنت "" حصري ""
» طلب تبادل اعلانى مع منتديات الأهلاوى الأول ""متوقر كل الشروط""(تم التبادل)7/1/2009
» درس تحويل فديو إلى صورة متحركة ""حصري "" من إكتشافي وعملي