درس/ ماهو السكروبال وتصميم السكروبال للمنتديات مع شرح التعديل

[ممرض محترف]

بسم الله الرحمن الرحيم

توضح الصورة هذه السكروبال

http://www.traidnt.net/vb/attachment.php?attachmentid=85558&stc=1&d=1162413214




طيب نريد ان نغير الشكل و ننجعله كهذا مثلا

http://www.traidnt.net/vb/attachment.php?attachmentid=85559&stc=1&d=1162413214


اللي في منتدى أبوالعز
www.abul3zi.net/vb/

طيب الهاك والشرح :.
الهاك
html
{
scrollbar-arrow-color: #680804;
scrollbar-3dlight-color: #F3E7CF;
scrollbar-highlight-color: #FFFAF1;
scrollbar-face-color: #F3E7CF;
scrollbar-shadow-color: #928B7C;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFBE5;
}
هذا بالضبط زي اللي في موقع أبوالعز وترايدنت
شرح الهاك :.
كيف تاخذ رقم اللون من الفوتوشوب ؟
أضفط على أحد مربعين الألون اللي تحت أداة اليد والمكبر
تطلع لنا قائمة جديدة نختار اللون بعدين فيه مربع بجواره هذا الشكل #
إنسخ الرقم الي بداخل ذلك المربع
وتعال غيره مثلاكان الرقم كذا #680804 >>يسير مثلا أحمر #ff0000
وهكذا
نبدأ بالشرح
طبعا مع كل سطر الصورة توضيحية
السطر الأول :.
scrollbar-arrow-color: #680804;

http://www.traidnt.net/vb/attachment.php?attachmentid=85560&stc=1&d=1162413214
السهم الأحمر
السطر الثاني :.
scrollbar-3dlight-color: #F3E7CF;

http://www.traidnt.net/vb/attachment.php?attachmentid=85560&stc=1&d=1162413214
اللون الأزرق
السطر الثالث :.
scrollbar-highlight-color: #FFFAF1;

http://www.traidnt.net/vb/attachment.php?attachmentid=85560&stc=1&d=1162413214
اللون الأبيض
السطر الرابع :.
scrollbar-face-color: #F3E7CF;

http://www.traidnt.net/vb/attachment.php?attachmentid=85560&stc=1&d=1162413214
اللون الأخضر
السطر الخامس :.
scrollbar-shadow-color: #928B7C;

http://www.traidnt.net/vb/attachment.php?attachmentid=85560&stc=1&d=1162413214
اللون الأصفر
السطر السادس :.
scrollbar-darkshadow-color: #000000;

http://www.traidnt.net/vb/attachment.php?attachmentid=85560&stc=1&d=1162413214
اللون الأبيض
السطر السابع والأخير :.
scrollbar-track-color: #FFFBE5;

http://www.traidnt.net/vb/attachment.php?attachmentid=85560&stc=1&d=1162413214
الخلفية اللي لونها برتقالي
الحمد لله تم الشرح

أتمنى أني وفقت في الشرح

وكل الشكر للاخ ابو العز

الموضوع الأصلي

http://www.abul3zi.net/vb/showthread.php?p=1335#post1335

[ممرض محترف]

ما ابي اخليكم تتعبون وتبحثون هذي صفحة الاكواد لعيونكم

http://www.colorschemer.com/online.html

[بوح الروح]

اخوي واثق الخطوة
الف شكر لك على الشرح
مرة سهل جزاك الله خيرا

تحيتي

اختك : بوح الروح