این قسمت مشکل بیشتر قالب های رزبلاگه
Combine images using CSS sprites یا همان ( ترکیب تمامی تصاویر شما به یک تصویر)
این خطا میگوید که چه دلیلی دارد که تمامی تصاویر شما باید از آدرس های
مختلف بارگذاری شود ؟ آیا بهتر نیست که تمامی تصاویر را با هم ترکیب کنیم و
با دانش css آن ها را در مکان های مناسب خود قرار دهیم ؟ اینطور باعث میشه
که یک عدد عکس لود شود و حجم تصاویر انجمن کم شده و انجمن سریعتر بارگذاری
شود.
شما برای رفع این خطا بهتر است که از سایت زیر استفاده نمایید
http://spriteme.org/
به سایت بالا رفته و عبارت SpriteMe را پیدا کنید . حالا روی اون
کلیک کرده و به بوک مارک مرورگر خود بکشید و راها کنید اینطوری میتوانید به
هر سایتی را که خواستید مراجع کنید و از محل بوک مارک ها روی SpriteMe کلیک کرده
و منتظر دریافت تصاویر و کد های css بهینه بمانید .به عکس زیر توجه کنید .
منتظر میمانیم تا تمامی تصاویر Sprite شده و تبدیل به یک تصویر گردد سپس روی export css کلیک میکنیم تا css های رو ببینیم
حالا شما هم عکس را دارید و هم css ها رو . بعد از کلیک بر روی export صفحه ای مانند زیر را میبینید .
بعد از این مرحله باید لینک هایی که به شما میده با لینک های سایتتون جابجا کنید و یه تصویر کلی از بکگراند تصویرتون داشته باشید
که در این صفحه به شما گفته شده که مثلا شما
.tp-loader.spinner0 {را در استایلتون پیدا کرده و به جای
background-image: url("../assets/loader.gif");از این کد استفاده کنید
background-image: url("http://www.jaredhirsch.com/coolrunnings/public_images/068b455101/spriteme1.png");background-position:
-2px -2px;
