نمایش نسخه قابل چاپ
سلام، من تازه کار با inspect element کروم هستم.
همون طور که تو تصویر میبینید
میخواستم padding مقدار رو به 100 برسونم. اما تو فایل css پیداش نمیکنم.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
سلام
تصوير واضح نيست
موفق باشيد
تصویر تغییر داده شد. سایز تصویر 1920x1080
این هم دموی آنلاین [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
با سلام
این فایل رو تست کنید
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
یا علی
تغییری نکرد.
نگاه کنین. روش رو میخام بدونم، روند کار رو
شما دقیقا می خواهید چه تغییری ایجاد کنید؟
همون جور که در تصویر میبینید مقدار padding رو 100 وارد کردم که 1 بود.
و اون فاصله سبز رنگ به وجود اومده به میزان 100 px
خوب تغییر ایجاد شده ولی در عمل به کدوم دیو باید مقدار داده شه؟
داخل فایلی که بهتون گفتم خط 644 کلاسی با عنوان .jshop .prod_price وجود داره که این عبارت رو بهش اضافه کنید:
padding-left: 100px;
حالا مقدارش دیگه دست خودتونه
امتحان کنید و نتیجه رو بفرمایید
خوب، میبخشید زحمت میدم به شما، بدجور واسم گنگ هست.
شما از کجا این رو فهمیدی؟
اگر دقت کنید دو بخش وجود دارد:
بخش اول: قیمت:30000 (کلاس prod_price)
بخش دوم: مقدار/ 1 /اضافه کردن به کارت/ اضافه کردن به لیست درخواست (کلاس prod_buttons)
ما یا باید بخش اول را از سمت چپ پدینگ 100 بدیم و یا بخش دوم را از سمت راست، که ما قسمت اول را اجرا کردیم و اگر قسمت دوم رو هم اجرا می کردیم نتیجه همین می شد.
امیدوارم متوجه شده باشید.
منظور من این هست که طی چه مراحلی متوجه شدین padding-left: 100px; رو باید به تگ .jshop .prod_price{ اضافه کرد.!
من که الان دست و پا شکسته متوجه prod_price در تگهای html شدم. خوب استایل padding-left: 100px; رو باید به تگ prod_price اضافه کرد اما اضافه کردن اینها در فایل default.css رو از کجا باید فهمید.!؟
طریقه کار با ای پلاگین کروم مهم هست.
اگر دقت کنید زمانیکه کلاس مورد نظر را پیدا می کنید نام فایل css و شماره خط مربوطه کنار کلاس نمایش داده میشه. عجله نکنید و اگه یکم با این افزونه کار کنید راه می افتید.
در سمت راست، بله همه کلاس ها فایل هاشون مشخص شده اما padding-left: 100px; در بالای اونا به این صورت
element.style {
padding-left: 100px;
}
اضافه میشه که آدرسش مشخص نشده!!
از سمت راست اگه بخوايين ببينيد حرف شما درسته. ولي در سمت راست دايو مورد نظرتون رو پيدا كنيد و كلاس دايو رو ببينيد.
element.style به اين معناست كه در فايل stylesheet كلاسي براي دايو مورد نظر تعيين نشده ولي سمت راست نام دايو رو بهتون ميگه
پيشنهاد ميكنم با دقت با اين مورد كار كنيد و اگر به نتيجه نرسيديد پست بزنيد
موفق باشيد