ثبت نام کنید
خرید نهایی 0

طراحی سایت زر آراد اسیا

09134048610

تماس با کارشناس

ماژول ویرایش قالب

شما با استفاده از این ماژول میتوانید ویژگی هایی از قبیل ، اندازه ، موقعیت ، فونت و پس زمینه باکس ها و المان های موجود در صفحه را ویرایش یا حذف کنید . 
برای کار کافیست موس را بر روی قسمت مورد نظر برده و هنگامی که حاشیه قرمز رنگ به خود گرفت بر روی ان کلیک کنید یک باکس بالای آن ظاهر می شود که ویژگی های اولیه و پرکاربرد در ان قرار دارد و باکسی دیگر در سمت راست قرار می گیرد که تمام ویژگی ها در ان قرار گرفته که می توانید آنها را تغییر دهید و دکمه ذخیره را بزنید 

در ابتدا توضیحی درباره ویژگی ها آمده است و در ادامه آن نکاتی درباره نحوه استفاده از خود ماژول 

ویژگی ها

اندازه

از این قسمت می توانید پهنا و ارتفاع را برای باکس مورد نظر تعیین کنید ، همچنین می توانید یک مقدار حداکثری هم مشخص کنید که در صورتی که محتوای آن باکس بیش از ارتفاع یا پهنای باکس شد تا چه اندازی اجازه بزرگشدن دارد. این گزینه برای باکس های عکس دارد مفید است 

موقعیت

از این قسمت می توانیم موقعیت قرار گیری باکس را تغییر دهیم . در ابتدا به توضیح اولین گزینه آن یعنی " نوع نمایش " می پردازیم

  • بلوک : مقدار پیشفرض بیشتر باکسها
  • ب مرکز: این گزینه باکس را در مرکز بخش خود قرار میدهد . ولی توجه داشته باشید که این گزینه زمانی کار میدهد که باکس مورد نظر دارای هم سطح باشد که در اینجا شما با استفاده از حالت " انتخاب دقیق باکس " که در ادامه و در نکات استفاده از ماژول آمده باید باکس و المان مورد نظر خود را انتخاب کنید
  • داخل خط : در این حالت باکس می تواند در کنار دیگر المان ها در بخش خود قرار بگیرد در واقع در این حالت باکس های هم سطح می توانند در کنار باکس انتخاب شده و در یک خط قرار بگیرند
  • بلوک داخل خط : این حالت ادغامی است که باکس علاوه بر اینکه می تواند در کنار هم سطح های خودش باشد ویژگی های " فاصله " که در ادامه توضیح داده میشود نیز در آن اثر کند
  • غیر فعال : که باکس را از صفحه حذف می کند


گزینه بعدی موقعیت است که گزینه های ان

  • نسبی : مقدار پیشفرض بیشتر باکسها ، به صورتی که اگر مقدار گزینه فاصله ها تغییر کند باکس نسبت به هم سطح های خودش جابجا می شود
  • آزاد : در این حالت باکس در بخش خود به حالت آزاد در می آید و باید با گزینه های فواصل جای دقیق باکس مشخص گردد ، در این حالت باکس می تواند ب روی دیگر باکس ها نیز قرار گیرد
  • ثابت : در این حالت باکس به صفحه چسبیده است و با پایین یا بالا کردن اسکرول موس جابجا نمی شود

گزینه بعدی حالت شناور است که باکس می تواند به سمت چپ یا راست بخش خود برود 
و در صورتی که حالت و نوع موقعیت باکس مشخص شد شما می توانید فاصله و موقعیت را به صورت عددی مشخص کنید

فاصله

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

رنگ آبی مشخص کننده فاصله داخلی که در واقع فاصله محتوای باکس تا حاشیه باکس است و رنگ سبز که مشخص کننده فاصله (خارجی) که در واقع مشخص کننده فاصله حاشیه باکس تا باکس کناری است

فونت

در این قسمت شما می توانید رنگ نوع اندازه و نوع چینش فونت را انتخاب کنید

پس زمینه

در این قسمت می توانید رنگ پس زمینه را عوض کنید یا برای پس زمینه باکس عکس انتخاب کنید و نحوه قرار گیری عکس را نیز تعیین کنید

حاشیه

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

بقیه

اولین گزینه نوع شکل موس را مشخص می کند وقتی که موس بر روی ان باکس برود 
گزینه بعدی میزان شفافیت باکس که عددی بین 0 تا 1 است را مشخص می کند 
گزینه اولویت مربوط به زمانی است که باکسی بر روی باکس دیگر افتاده باشد که در این حالت شما می توانید اولویت ان را مشخص کنید

نکات استفاده از ماژول

انتخاب دقیق باکس و المان مورد نظر

برای انتخاب شما می توانید موس رو بر روی باکس مورد نظر آورده تا حاشیه قرمز رنگی کنار آن ظاهر شود ، ولی در مواردی شما احتیاج دارید که باکس داخلی یا خارجی یا هم سطح های آن را انتخاب کنید، برای این کار کلید سمت چپ موس را چند ثانیه نگه دارید تا کادر سفید رنگی مشابه عکس زیر ظاهر شود 

در عکس بالا بر روی باکس "آدرس شرکت" کلید سمت چپ موس را نگه داشتیم و کادر سفید رنگ باز شده است . عبارت آبی رنگ خود باکسی است که در حالت عادی و با یک بار کلیک انتخاب می شود و شما می توانید باکس بالایی خود که با عبارت DIV مشخص شده را انتخاب کنید و یا همچنین هم سطح خود که با عبارت p مشخص شده است

باکس لیست تغییرات

در این باکس لیستی از المان هایی که از قالب تغییر داده شده است را می بینید که برای دیدن محل اون المان در صفحه موس را بر روی آن ببرید. در همین قسمت هم می تونید این تغییرات رو حذف کنید 

 

باکس ویژگی ها

وقتی باکسی را انتخاب می کنید در باکس سمت راست ، ویژگی هایی که برای اون باکس تعریف شدند پس زمینه روشنتری نسبت به بقیه ویژگی ها دارند 

در عکس بالا برای باکس انتخاب شده ،ویژگی پهنا و ارتفاع تعریف شده به همین دلیل پس زمینه روشن تری نسبت به ویژگی های حداکثر پهنا و ارتفاع که تعیین نشده است ، دارد. البته به این معنی نـیست که شما نمی توانید برای باکس مورد نظر حداکثر پهنا یا ارتفاع تعریف کنید 


هنگامی که مقدار ویژگی را تغییر میدهید حاشیه سمت راست آن از آبی به نارنجی تبدیل می شود که متمایز کننده از بقیه ویژگی هایی است که تغییر داده نشده اند . 
همچنین در سمت چپ ان آیکنی ظاهر می شود که با کلیک بر روی ان مقدار آن ویژگی به حالت اولیه بر می گردد 



برای مقدار دهی ویژگی های عددی ، واحد پیش فرض px یا پیکسل است برای تغییر ،بر روی ان کلیک کنید تا واحد اندازی گیری به درصد تبدیل شود 
همچنین بعضی از باکسها مقدار auto دارد و برای تغییر از این حالت و دادن مقدار عددی بر روی auto کلیک کنید

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