سوال در مورد css< مهم

با سلام
در بعضی از کدهای css
مشاهده می شود که یک عکس در به عنوان بک گراند قرار داده اند اما با استفاده از background-position موقعیت های مختلف این هعکس را در جاهای مختلف قالب به کار می برند
می خواستم بدونم این مقادیر پیکسلی از موقعیت تصاویر در css رو از کجا می توان به دست آورد و با چه برنامه ای

نمونه کد:
کد:
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background: url(../images/tab.png) no-repeat;
    background-position:100% -150px;

}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background: url(../images/tab.png) no-repeat;
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background: url(../images/tab.png) no-repeat;
    background-position:0 -50px;

عکس را پیوست کردم
 

پیوست ها

  • tab.png
    tab.png
    3.4 کیلوبایت · بازدیدها: 7

Webber

Well-Known Member
سلام
میشه گفت با آزمون و خطا موقعیت مناسب تعیین می شود.فتوشاپ هم می تونه کمک کنه.

موفق باشید
 
با سلام من هم با آزمون و خطا مشکلم را حل کردم اما تعیین این مقادیر به نظر من از روی آزمون و خطا نیست بلکه راه روشی دارد

در مورد فوتو شاپ هم اگر می توانید بگویید که چطور این مقادیر به دست می آید

تشکر از پاسختون
اشکان
 

meysamz

Member
بهترين راه استفاده از يك Layer واحد در فتوشاپ است.
مثلا براي عكي فوق يك لايه با رنگي متمايز و با اندازه 50PX ايجاد كنيد و با دابليكيت مي توانيد مشخص كنيد كه الان در چه ارتفاعي هستيد
 
سلام ممنون توضيحاتتون خيلي تخصصي بود

ولي باز هم تشكر اگه فرصتي داشتيد با تصوير يا آدرس دهي در برنامه فوتوشاپ توضيحاتي بدهيد
 

جدیدترین ارسال ها

بالا