+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: درخواست راهنمایی جهت استفاده از css sprite (/thread-9067.html)
درخواست راهنمایی جهت استفاده از css sprite - 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; }اساتید و دوستان لطفا راهنمایی بفرمایید
با سپاس