ساخت خط عمودی در المنتور

ساخت خط عمودی در المنتور به کمک حاشیه ستون در بخش داخلی

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

توی این مقاله از بخش آموزش المنتور سایت کنترل وب قصد داریم به کمک آپشن حاشیه در بخش ستون المنتور این کارو انجام بدیم:)

آموزش ساخت خط عمودی در المنتور 

برای ساخت خط عمودی در المنتور، در اولین قدم یه سکشن باز کنید و داخل اون یه بخش داخلی بندازید.

حالا به تعداد عنصر هایی که میخواید اونا رو از هم جدا کنید داخل اون بخش داخلی خودتون ستون بسازید.

مثلا یک بخش داخلی دو ستونه ایجاد میکنیم و داخل هر ستون یک عنوان میندازیم.

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

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

بعنوان مثال اینجا روی ویرایش ستون سمت راست کلیک میکنیم و وارد تب استایل این بخش میشیم.

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

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

حالا برای ساخت خط عمودی در المنتور، بعد از انتخاب نوع کادر دور نوبت به مقدار عرض میرسه!

توی قسمت عرض شما باید با زدن علامت لینک، به اون سمت از ستون که برای ساخت خط مد نظرتون هست ضخامت عرض مورد نظرتون رو بدید.

مثلا اینجا ما قصد داریم خط خودمون رو سمت چپ این ستون بسازیم پس به قسمت چپ 1px(مقدار دلخواه) عرض میدیم.

از قسمت رنگ هم، میتونیم رنگ خط خودمون رو تغییر بدیم.

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

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

حالا همونچوری که توی تصویر پایین مشخصه ارتفاع خط شما به مقدار دلخواهتون تغییر میکنه:)

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

ما توی دوره جامع آموزش المنتور دونه دونه ویجتهای المنتور و تریک های روی اونها رو بصورت کامل توضیح دادیم 🙂

راستی! شما روش دیگه ای برای ساخت خط عمودی در المنتور بلدید ؟؟