روشی برای CSS Sprite

[farokh110 5]

سلام

لطفا یک روش خوب و بهینه برای انجام CSS Sprite روی سایت جوملایی من معرفی کنید

ممنون

[MRDindar 481]

1 ساعت پیش, farokh110 گفت:

سلام

لطفا یک روش خوب و بهینه برای انجام CSS Sprite روی سایت جوملایی من معرفی کنید

ممنون

درود

معمولا یه سری از افزونه این کار رو خودکار انجام میدن که خوب در 99% موارد اشتباه از آب در میاد بهتره دستی انجام بدین. مثال هاش اینجا هست:

http://www.w3schools.com/css/css_image_sprites.asp

یاحق

[chavosh 30]

با سلام

از این دو تا سایت استفاده کنید.

http://spritepad.wearekiss.com

http://csssprites.com

[farokh110 5]

8 ساعت قبل, chavosh گفت:

با سلام

از این دو تا سایت استفاده کنید.

http://spritepad.wearekiss.com

http://csssprites.com

سلام و تشکر

ممکنه روش کار رو توضیح بدید؟

[chavosh 30]

بر 2/3/2017 at 20:25 , farokh110 گفت:

سلام و تشکر

ممکنه روش کار رو توضیح بدید؟

با سلام

نحوه کار با این سایت ها رو در اینترنت سرچ کنید پیدا میکنید .بصورت کلی وارد سایت های که اشاره کردم میشوید برای مثال http://spritepad.wearekiss.com عکس های که میخواهید را از روی دسکتاپ میکشید میندازید روی شبکه های سایت مورد نظر برای مثال 3تا عکس به از منو سایت بر روی Fit document  کلیک میکنید سپس بر روی Download کلیک میکنید فایلی را که دانلود کرده اید رو باز کرده داخلش یک عکسی وجود رارد که 3 تا عکس شما روش چیده شده است عکس را در قالب خود قرار میدهید در فایل دانلودی یک فایل css هم وجود دارد با برنامه notepad

بار کرده سپس داخل فایل برای هرکدام از تصاویر یک کدی نوشته شده که از  هر کدام از عکسها بخواهید استفاده کنید کافیه که کد مربوط به اون عکس را در cssقالب خود قرلر دهید.

آموزش های کامل تر به صورت ویدئویی در اینترنت وجود دارد به زبان فارسی با کمی سرچ پیدا میکنید .

موفق باشید.

ویرایش شده بهمن 95 توسط chavosh