حالت موضوعی | حالت خطی

**arash2860**

سلام
وقت بخیر
بنده قصد دارم فایل های قالب سایت رو به روش sprite استفاده کنم تا سرعت لود سایت کمی بهتر بشه

با استفاده از سایت زیر فایل ها رو به صورت یک تکه تبدیل کردم و کد موقعیت ها رو در خروجی گرفتم :

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

فایل یک تکه رو در مسیر زیر آپلود کرده ام :

tamplate/images/

حالا کدهای جدید رو به چه صورت باید با کد تصاویر قدیمی جابه جا کنم؟
به عنوان مثال بخشی از کدهای قالب برای نمایش بخشی از هدر سایت به شکل زیر هست :

کد: (انتخاب همه)

#joomina-ir-header3 {

    position:absolute;

    left:248px;

    top:1px;

    width:45px;

    height:51px;

    background-image:url(../images/header3.png);

    background-repeat:no-repeat;

    background-position:top right;

و کد تولید شده برای این عکس در فایل sprite به شکل زیر هست :

کد: (انتخاب همه)

.sprite-header3{ background-position: 0 -531px; width: 45px; height: 51px; }

چطور باید کد با موقعیت های sprite رو به جای آدرس عکس در فایل قالب استفاده کنم؟
اساتید و دوستان لطفا راهنمایی بفرمایید
با سپاس