۳۰-۸-۱۳۹۱, ۰۳:۳۳ صبح
سلام
وقت بخیر
بنده قصد دارم فایل های قالب سایت رو به روش sprite استفاده کنم تا سرعت لود سایت کمی بهتر بشه
با استفاده از سایت زیر فایل ها رو به صورت یک تکه تبدیل کردم و کد موقعیت ها رو در خروجی گرفتم :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
فایل یک تکه رو در مسیر زیر آپلود کرده ام :
tamplate/images/
حالا کدهای جدید رو به چه صورت باید با کد تصاویر قدیمی جابه جا کنم؟
به عنوان مثال بخشی از کدهای قالب برای نمایش بخشی از هدر سایت به شکل زیر هست :
و کد تولید شده برای این عکس در فایل sprite به شکل زیر هست :
چطور باید کد با موقعیت های sprite رو به جای آدرس عکس در فایل قالب استفاده کنم؟
اساتید و دوستان لطفا راهنمایی بفرمایید
با سپاس
وقت بخیر
بنده قصد دارم فایل های قالب سایت رو به روش 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; }
اساتید و دوستان لطفا راهنمایی بفرمایید
با سپاس