رفتن به مطلب

یک سوال درمورد طراحی قالب


پست های پیشنهاد شده

در بعضی از سایت ها مثلا تصاویری که برای پس زمینه قسمت عنوان مطالب و قسمت سایدبار و آیکون های منو استفاده میکنند یک تکه هست!

وقتی این آیکون ها یک تکه باشه چطور میشه در جاهای مختلف بصورت درست استفاده کرد؟

این تصویر رو نگاه کنید(مربوط به سایت wordpress98 هست)

single.png

لینک به ارسال

به این تکنیک css image sprites میگن. ببینید:

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

لینک به ارسال

با خاصیت background-position یا همون background

نمونه:

کد زیر از 14 پیکسل پایینتر و 14 پیکسل به سمت راست تصویر رو نشون میده

background-position: 14px 14px;

یا:

عدد اول فاصله از چپ

عدد دوم فاصله از بالا

background: #00ff00 url('smiley.gif') no-repeat fixed 100px 100px;

به نوعی شما باید مکان نمایش را به قسمت مربوطه تغییر دهید

با تنظیم کردن پهنا و ارتفاع خروجی مورد نظر حاصل میشود

http://www.w3schools.com/cssref/pr_background-position.asp

http://www.w3schools.com/cssref/css3_pr_background.asp

لینک به ارسال

مزیت این کار اینه که تعداد درخواست به سمت سرور کمتر میشه و در نتیجه سرعت بالاتر میره

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...