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

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

أحب أهنئ نفسي وكل مواطن سعودي بهذا اليوم
وعقبال ألف سنة ومملكتنا بخير وأمان
وجمعه مباركه لجميع المسلمين والمسلمات

طرحت من قبل بهذا القسم استفسار عن تجميع ايقونات المنتدى بصورة واحدة بتقنية CSS
وما قصروا الإخوان بتسهيل البحث لدي
http://www.traidnt.net/vb/traidnt1934431/#axzz1Ycf5u5fo

طبعا المقصود من تجميع جميع الصور بصورة واحدة هو فقط للتقليل من طلبات الصور http
يعني بدل ما يقوم المتصفح بإستدعاء روابط 20 صورة على سبيل المثال فسوف يقوم بإستدعاء صورة واحده فقط بها جميع محتويات الصورة المطلوبه

وهنا مثال


طبعا هذي الصورة تحتوي على 11 صورة
وتقريبا الحجم واحد ولكن الفرق بتقليل الطلبات وتوفير الوقت بفتح الصفحه

وأنا اخترت جمع هذه الصور لأنها أغلب الصور المتكررة بالرئيسية وبداخل الأقسام
وهنا اسماء الصور ومقاساتها بالصورة المجمعه

رمز PHP:

#whos_online : background-position: 0px 0px;



#forum_new : background-position: 0px -50px;
#stats : background-position: 0px -87px;
#subforum_old : background-position: 0px -145px;
#collapse_thead : background-position: 0px -170px;
#navbits_finallink_rtl : background-position: 0px -194px;
#navbits_start : background-position: 0px -221px;
#collapse_tcat : background-position: 0px -247px;
#menu_open : background-position: 0px -270px;
#subforum_new : background-position: 0px -290px;
#lastpost : background-position: 0px -315px;

سؤالي لجميع المصممين والخبراء
بالأخص الأخ أكرم أحمد
والذي شرح لي طريقة ما سبق
هو كيفية استدعاء هذه الصور لأني عجزت وماعرفت :tears:

هو طبعا راح يكون فيه اضافة كود بخواص css الاضافية
+
تغيير اكواد استدعاء كل صورة بقوالب المنتدى
ممكن إخواني شرح لطريقة طلب هذة الصور بشكل أكواد
وأكون لكم من الشاكرين

أكثر...