+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: Combine images using CSS sprites (/thread-16540.html)
صفحه‌ها: 1 2
Combine images using CSS sprites - mohi - ۱۵-۸-۱۳۹۳ ۰۳:۱۲ صبح
در سایت gtmetrix.net
قسمتی داره که در عکس مشخص کردم
با استفاده از سایت
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
هم کد css ش رو بدست آوردم متنها نمیدونم این کد css رو در کدوم قسمت بگذارم در کدوم فایل css
RE: Combine images using CSS sprites - YasinDesign - ۱۵-۸-۱۳۹۳ ۰۳:۳۷ صبح
میشه بیشتر توضیح بدید ؟
خب این سایت ها سایت شما را آنالیز میکنن که چقد سرعت سایتتون برای لود بالاست و چه آیتم هایی در کدنویسی خطا داره
میخوایید چیکار کنید ؟
کجا فایل css دیدید ؟
RE: Combine images using CSS sprites - mohi - ۱۵-۸-۱۳۹۳ ۰۳:۵۸ صبح
(۱۵-۸-۱۳۹۳ ۰۳:۳۷ صبح)Master-Power نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
میشه بیشتر توضیح بدید ؟
خب این سایت ها سایت شما را آنالیز میکنن که چقد سرعت سایتتون برای لود بالاست و چه آیتم هایی در کدنویسی خطا داره
میخوایید چیکار کنید ؟
کجا فایل css دیدید ؟
شما اگه با سایت gtmetrix.com کار کرده باشید میدویند جریان چی هست و نیاز نیست که من درباره این سایت توضیح بدم
سوال من واضح است
هم در تصویر که پیوست کردم مشخص کردم که کجا رو میخام ارتقا بدم هم در عنوان پرسش
Combine images using CSS sprites
میگه با استفاده از css عکساتونو ترکیب کنید تا حجم سایتتون کمتر شه
ترکیب هم با استفاده از این سایته
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
هم css میده هم تصویر کم حجم شده
حالا کد css در کدام فایل css باید وارد کنم
(سوالم فک میکنم خیلی واضح بود ! )
RE: Combine images using CSS sprites - YasinDesign - ۱۵-۸-۱۳۹۳ ۰۴:۱۶ صبح
خب اول اینکه شما باید css بلد باشید
چون که وقتی بخواید کد خروجی را توی فایل css قبلی قالب که معمولا template.css هست وارد کنید باید کدهای قبلی مربوط به تصاویر را پاک کنید
RE: Combine images using CSS sprites - mohi - ۱۵-۸-۱۳۹۳ ۰۴:۳۴ صبح
(۱۵-۸-۱۳۹۳ ۰۴:۱۶ صبح)Master-Power نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
خب اول اینکه شما باید css بلد باشید
چون که وقتی بخواید کد خروجی را توی فایل css قبلی قالب که معمولا template.css هست وارد کنید باید کدهای قبلی مربوط به تصاویر را پاک کنید
دوست عزیز مشکل و سوال من بلد بودن یا نبود css نیست
(اگه بلد نبودم نمیپرسیدم)
سوال من اینه در کدوم فایل css این کد رو وارد کنم؟
در template.css اصلی وارد کردم ولی هنوز این پیغام در این سایت پا برجا بود
RE: Combine images using CSS sprites - YasinDesign - ۱۵-۸-۱۳۹۳ ۰۶:۳۰ صبح
دوست عزیز گفتم که باید وقتی وارد میکنید تصاویر قبلی را در کدها پاک کنید
یا تنظیمات قبلی را پاک کنید
کار زمان گیری هست
RE: Combine images using CSS sprites - mohi - ۱۵-۸-۱۳۹۳ ۰۶:۴۵ صبح
این کارو هم انجام دادم
RE: Combine images using CSS sprites - mohi - ۱۶-۸-۱۳۹۳ ۰۳:۳۸ صبح
در سایت gtmetrix.net
قسمتی داره که در عکس مشخص کردم
با استفاده از سایت
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
هم کد css ش رو بدست آوردم متنها نمیدونم این کد css رو در کدوم قسمت بگذارم در کدوم فایل css
کد html هم داره اوندر کدوم قسمت باید گذاشته بشه؟
RE: Combine images using CSS sprites - Reza Ganji - ۱۶-۸-۱۳۹۳ ۱۲:۱۱ عصر
درود
این میگه میتونید با ترکیب تصاویر و با استفاده از اسپرایت شیت حجم و تصاویر کمتری استفاده کنید.
یعنی اینکه شما یک تصویر کلی برای آیکن ها و دیگر عناصر درست کنید که همه توش باشند و سپس با استفاده از سی اس اس تصویر رو نمایش بدید و با دادن طول و عرض اون قسمت موردنظر رو فقط در قسمت های مختلف نمایش بدید.اینطوری یک تصویر یکبار فراخوانی میشه و در بسیاری از جاهای قالب و سایت استفاده میشه.
البته میدونم کمی گنگ توضیح دادم و شما هم آمادگی قبلی برای این منظور نداشتید اما با دیدن این آموزش انگلیسی متوجه میشید منظور دقیق چی بوده :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
RE: Combine images using CSS sprites - amirali - ۱۶-۸-۱۳۹۳ ۰۷:۳۰ عصر
سلام دوست عزیز
باید برای تصاویر مورد نظرتون تگی رو اختصاص بدید و بعد داخل فایل style.css اون تگ رو تعریف و سپس توابع رو داخلش قرار بدید.
درصورت تمایل میتونم برتون انجام بدم.
YID: ideh.host