سؤال : للذين لديهم خبرة في المواقع والمنتديات [الأرشيف] - زيزوم .منتديات . دردشة زيزوم الصوتية . مدونات زيزوم المجانية

ابو بكر

01-02-2009, 12:14 PM

سلام عليكم ورحمة الله وبركاته
حياكم الله معشر الاخوة الافاضل والاخوات الفضليات أعضاء منتدانا الغالي زيزوم .
أريد منكم طلب صغير للذين لديهم خبرة في المواقع والمنتديات ماشاء الله تبارك الله.
أريد منهم سؤال على كيفية تغيير هذا إليكم الصورة
http://al-samer.org//uploads/images/al-samer-a72fa397fe.gif

همام

01-02-2009, 01:33 PM

وعليكم السلام ورحمة الله وبركاته
حياك الله ابو بكر

هذا يسمى السكرول بار

وهذا شرح شرح تغيير لون السكرول بار في صفحه

يظهر لك على اليسار الصفحة واسفلها للوندوز العربي

واليمين والاسفل للوندوز الانجليزي ..

المهم ما يهمك الشي هذا ..

كيف تغير السكرول بار تبع موقعك ..

أولا افتح الفرونت بيج

افتح الصفحة المراد تركيب سكرول بار لها

روح للتعليمات البرمجية للصفحه
بعدين روح منطقة الهيد (HEAD)

اضف هذا الكود بعد كلمة <head> :

كود PHP:
<STYLE>
BODY {
scrollbar-3dlight-color: #dadada;
scrollbar-arrow-color: #dadada;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #dadada}
</STYLE>

بحيث يصبح بهذا الشكل

http://www.zyzom.com/vb/attachment.php?attachmentid=142&d=1230895778

ملاحظة هامة : ( يمكنك تغير الألوان تبع السكرول بار .. بتغير اكواد الالوان )

سوي معاينه للصفحه الحين وراح يطلع معاك النتيجه النهائيه للعمل

بالامكأن تغير الالوان حسب رغبتك وذلك من الارقام والحروف المجاوره للمربع #

وبعدين سوي حفظ للصفحه وارفعها الى مجلد موقعك

اما اذا كان المراد تغيير السكرول بار في المنتدى

اولا نذهب للتحكم بالانماط او الاستايلات

http://www.a7sasi.net/up/uploads/4f4a0cad60.jpg

ثم نختار الاستايل المراد تغيير السكرول بار حقة ونذهب كما في الصورة

http://www.different-des.com/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 732x32 وحجمها 35 كيلو بايت .http://www.a7sasi.net/up/uploads/c36d53065c.jpg

ونذهب الى اخر السي اس اس في الاسفل كما في الصورة

http://www.different-des.com/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 737x417 وحجمها 195 كيلو بايت .http://www.a7sasi.net/up/uploads/ec3cc5c8c7.jpg

ونظع الكود التالي

كود PHP html
{
scrollbar-****-color: #F0EFF4;
scrollbar-arrow-color: #5167A1;
scrollbar-track-color: #F0EFF4;
}

ونقوم بالظغط على حفظ

بعدها نقوم بتغيير الالوان حسب الرغبة

وهذا كود سكرول بار حق محترفين جبته لكم

للتحكم الكامل أو شبه الكامل فى الوان كل كبيرة وصغيرة من السكرول بار Scroll bar وقد جمعيت هذه الخيارات فقط لأنى رأيت أنها هى المؤثرة فى شكل ولون شريط التمرير والباقى ليس له داعى فى هذا الموضع .

كود PHP <style> html{
SCROLLBAR-FACE-COLOR: #0F0F0F;
SCROLLBAR-HIGHLIGHT-Color: #505050;
SCROLLBAR-SHADOW-COLOR: #686868;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-****-COLOR: #000000;
SCROLLBAR-3D-LIGHT-COLOR: #303030;
SCROLLBAR-DARK-SHADOW-COLOR:#0F0F0F
}</style>

ولكن تركيبة يختلف شوي يوضع في اسفل الهيدر

ويتم تغيير الالوان حسب الرغبة

ابو بكر

01-02-2009, 01:49 PM

سلام عليكم
بارك الله فيك غالينا همام على هذا الشرح الممتع
وجزاك الفردوس الاعلى