طراحی سایت با یک تصویر

[redhat2]

سلام به دوستان ، چطور ممکنه یه تصویر مثل زیر داشته باشیم و بخواهیم هر قسمت از این تصویر را در جای خاصی بگار ببریم . مثل تصویر پایین که یکی از Radiobutton های سمت راست در سمت چپ تصویر نشون داده شده است .

[FastCode]

http://josefaeti.com/tutorials/css/css-how-to-use-multiple-images-stored-in-a-single-file.html

[redhat2]

ممنون یه سوال ، توی همین حالت background-position میاند و اینطوری می نویسند مثلا :

background: url(image-container.jpg) -268 -25;

یعنی از عدد استفاده می کنند ، توی این حات چطور میشه این اعداد را به صورت دقیقی بدست آورد .

[FastCode]

ممنون یه سوال ، توی همین حالت background-position میاند و اینطوری می نویسند مثلا :

background: url(image-container.jpg) -268 -25;

یعنی از عدد استفاده می کنند ، توی این حات چطور میشه این اعداد را به صورت دقیقی بدست آورد .
اگر منظورتون موقعیت هر قسمت در تصویر بزرگ هست:
من ویندوز ندارم و نمیتونم بهتون بگم که paint چطوری موقعیت موس رو میده ولی با gimp یتونید یک قسمت رو انتخاب کنید و مقعیتش رو در status bar ببینید

[Mohsen.]

به راحتی میتونید از Chrome Developer یا Firebug استفاده کنید.

[redhat2]

میشه مثلا بگید که موقعیت success یا کادر سبز در تصویر چه جورایی است ؟

[redhat2]

کسی نیست ؟

[refugee]

خب این که کاری نداره ( میتونی ببریش تو فتوشاپ موقعیت : عرض و ارتفاع رو بگیری از طریق ابزار خط کش )

اگه اون کادر سبز رو فقط نیاز داری , پیشنهاد میکنم همون تیکه رو فقط ببری و استفاده کنی .