جستجو برای:
  • کنترل وب
    • مدرسین
    • درباره ما
    • ارتباط با ما
    • قوانین و مقررات
    • ثبت انتقادات و پیشنهادات
  • خانه
  • دوره های آموزشی
    • دوره های جامع
      • آموزش المنتور
      • آموزش ووکامرس
      • آموزش طراحی سایت
      • آموزش فیگما
      • آموزش سئو
    • دوره های فشرده
      • آموزش html
      • آموزش css
      • آموزش تولیدمحتوا
    • دوره های رایگان
      • آموزش وردپرس
  • آموزشهای رایگان
  • کنترل بلاگ
 
کنترل وب
دسترسی سریع
  • طراحی سایت
  • المنتور
  • وردپرس
  • ووکامرس
0

ورود و ثبت نام

  • کنترل وب
    • مدرسین
    • درباره ما
    • ارتباط با ما
    • قوانین و مقررات
    • ثبت انتقادات و پیشنهادات
  • خانه
  • دوره های آموزشی
    • دوره های جامع
      • آموزش المنتور
      • آموزش ووکامرس
      • آموزش طراحی سایت
      • آموزش فیگما
      • آموزش سئو
    • دوره های فشرده
      • آموزش html
      • آموزش css
      • آموزش تولیدمحتوا
    • دوره های رایگان
      • آموزش وردپرس
  • آموزشهای رایگان
  • کنترل بلاگ

بلاگ

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

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

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

 

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

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

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

 

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

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

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

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

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

 

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

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

 

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

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

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

 

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

 

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

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

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

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

 

رنگ خط-کنترل وب

 

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

 

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

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

 

تنظیم ارتفاع خط عمودی در المنتور-کنترل وب

 

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

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

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

برای امتیاز به این نوشته کلیک کنید!
[کل: 5 میانگین: 4.6]
اشتراک گذاری:
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!
مطالب زیر را حتما بخوانید
  • لیست قیمت در المنتور - کنترل وب
    لیست قیمت در المنتور

    12 بازدید

  • z ایندکس در المنتور | کنترل وب
    z ایندکس در المنتور

    14 بازدید

  • تغییر عرض سکشن در المنتور-کنترل وب
    تغییر عرض سکشن در المنتور

    22 بازدید

  • ماسک در المنتور-کنترل وب
    ماسک (Mask) در المنتور

    34 بازدید

  • نصب وردپرس روی لوکال هاست (زمپ) - کنترل وب
    نصب وردپرس روی لوکال هاست (زمپ)

    48 بازدید

  • دکمه بازگشت به بالا در المنتور | کنترل وب
    دکمه بازگشت به بالا در المنتور

    84 بازدید

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دسته‌ها
  • آموزش المنتور
  • آموزش وردپرس
  • مقالات
  • ویدئو
نوشته‌های تازه
  • لیست قیمت در المنتور
  • z ایندکس در المنتور
  • تغییر عرض سکشن در المنتور
  • ساخت خط عمودی در المنتور
  • ماسک (Mask) در المنتور
لوگو کنترل وب

کنترل وب

مرجع آموزش هنر طراحی سایت

کنترل وب

مرجع آموزش هنر طراحی سایت

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

Telegram Instagram

دسترسی سریع

  • آموزش وردپرس
  • آموزش المنتور
  • آموزش ووکامرس
  • آموزش سئو
  • تریک css
  • آموزش وردپرس
  • آموزش المنتور
  • آموزش ووکامرس
  • آموزش سئو
  • تریک css

لینک های پر بازدید

  • ترفند المنتور
  • آموزش رایگان المنتور
  • دوره جامع وردپرس
  • آموزش html-css
  • مینی دوره آموزش وردپرس

جدید ترین آموزشها

لیست قیمت در المنتور

z ایندکس در المنتور

تغییر عرض سکشن در المنتور

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

ماسک (Mask) در المنتور

Telegram Instagram

کنترل وب روی سرورهای قدرتمند ایران سرور پشتیبانی میشود.

لوگو کنترل وب
  • کنترل وب
    • مدرسین
    • درباره ما
    • ارتباط با ما
    • قوانین و مقررات
    • ثبت انتقادات و پیشنهادات
  • خانه
  • دوره های آموزشی
    • دوره های جامع
      • آموزش المنتور
      • آموزش ووکامرس
      • آموزش طراحی سایت
      • آموزش فیگما
      • آموزش سئو
    • دوره های فشرده
      • آموزش html
      • آموزش css
      • آموزش تولیدمحتوا
    • دوره های رایگان
      • آموزش وردپرس
  • آموزشهای رایگان
  • کنترل بلاگ
  • کنترل وب
    • مدرسین
    • درباره ما
    • ارتباط با ما
    • قوانین و مقررات
    • ثبت انتقادات و پیشنهادات
  • خانه
  • دوره های آموزشی
    • دوره های جامع
      • آموزش المنتور
      • آموزش ووکامرس
      • آموزش طراحی سایت
      • آموزش فیگما
      • آموزش سئو
    • دوره های فشرده
      • آموزش html
      • آموزش css
      • آموزش تولیدمحتوا
    • دوره های رایگان
      • آموزش وردپرس
  • آموزشهای رایگان
  • کنترل بلاگ

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت