تخته امتیازات

درود. قبلا در این لینک آموزشی نوشتم که امیدوارم مشکلتون رو حل کنه: https://devme.ir/codex/how-transfer-files-fast-quick-to-filemanager-host-php

درود مجدد. برای راستچین کردن گاهی اوقات ممکنه بیشتر از 20 نوع خصوصیت مختلف در CSS باید تغییر داده بشه. برای مثال موقعیت مکانی یک عنصر ممکنه توسط خصوصیت float تعیین شده باشه یا توسط text-align یا ترکیبی از position و left یا right. یا توسط direction یا دستورات ترکیبی دیگه. راه آسونی برای اینکار تقریبا وجود نداره مگر اینکه یک سری دستورات عمومی رو توسط CSS بیاییم راستچین کنیم. مثلا : https://pastecode.xyz/view/f59a9575 یعنی می تونیم به خصوصیت های کلی در CSS دستورات عمومی راستچین رو بدیم. با اینکار عمده المان ها راستچین میشن اما طبیعتا به دنبال اینکار، موقعیت مکانی تعداد زیادی از المان ها هم به هم میریزه که کم کم باید درست بشه. بهترین راهش استفاده از Inspect Element هست. به این صورت که هر المانی که در سایت می خواهید تغییر موقعیتش بدید رو با Inspect Element بررسی کنید. در پنجره ی دستورات CSS اون المان دنبال خصوصیتی باشید که اون المان توسط اون تعیین موقعیت شده. بعضی از خصوصیاتی که برای موقعیت مکانی المان ها استفاده میشه رو در اول همین پاسخ آوردم که می تونید خصوصیات رو تغییر مقدار بدید تا موقعیت مکانی المان ها درست بشه. در حین انجام کار هم رفرش نکنید سایت رو. تمامی تغییرات ممکن رو در همون مرتبه انجام بدید، بعد در پنل Inspect Element روی نام فایل CSS کلیک کنید. مثال تصویر زیر. بعد از کلیک روی این قسمت، در پنل باز شده کدهای CSS براتون آورده میشه که در واقع این کدها، تمامی تغییراتی که با Inspect Element روی خصوصیت ها دادید هم شامل میشه. به راحتی همین کدها رو در مکانی از کامپیوتر شخصیتون ذخیره کنید. حالا می تونید سایتتون رو رفرش کنید. بعد از رفرش طبیعتا تمامی تغییراتی که انجام دادید از بین میره اما برای برگردوندن تغییرات قبلی و انجام ادامه ی راستچین سازی، مجددا در پنل Inspect element همون سایت، مثل تصویر بالا روی نام فایل کلیک کنید. در قسمت باز شده، تمامی محتویات رو پاک کنید و کدهایی که در مرحله ی قبلی از این فایل بعنوان بک آپ ذخیره کردید رو Paste کنید. حالا می تونید ادامه تغییرات رو انجام بدید. در آخر هم اگه موس رو روی نام فایل CSS در این پنجره نگهدارید، آدرسی که فایل در اون قرار داره رو براتون نمایش میده که می تونید تغییرات رو در فایل های اصلی اسکریپت ذخیره کنید و اونها رو دائمی کنید. تغییر بوت استرپ یکی از راه هاشه. راه دیگه اینه که یک کپی از اون کلس بگیرید و در یکی از فایل های CSS اسکریپت قرارش بدید. بعد اون خصوصیتی که می خواهید تغییر داده بشه رو به صورت important در این کلس کپی شده قرار بدید. این روش زمانی مفیده که فایل های استایل بوت استرپ از سرورهای خارجی مثل گوگل یا سایت خود بوت استرپ لود بشه. شخصا نرم افزاری ندیدم برای اینکار. یعنی تاحالا نرفتم دنبالش. چون هر قدر نرم افزار قدرتمندی باشه، بازهم نمی تونه جایگزین هوش انسانی بشه. چون یک نرم افزار بر اساس دستورات از قبل تعیین شده میاد مقادیر float یا direction یا text-align و.... رو تغییر میده که در زبان فارسی و برای زیباسازی و استاندارد بودن کار، نیاز هست بعضی از المان ها در موقعیت های مختلفی قرار بگیرند که در این زمینه ممکنه نرم افزارها خوب عمل نکنند. در کل راستچین کردن کامل یک اسکریپت بیشتر از 1 روز زمان نمی بره. پیشنهاد می کنم بطور دستی انجام بدید. آموزش های زیادی هم در این زمینه داخل اینترنت هست که بگردید پیدا می کنید. در اوایل پاسخم اشاره کردم که چطور می تونید کدهای فایل CSS رو به همراه تغییرات اعمال شده توسط Inspect Element رو ذخیره کنید. موفق باشید.