رفتن به مطلب

راهنمایی در کدنویسی ( خط عمودی )


پست های پیشنهاد شده

سلام دوستان

لطفا این سایت رو ببینیید :

http://themes.profteamsolutions.com/selfie/?page_id=2002#1440006894266-e8e486c0-a692

اون قسمت "MY EXPERIENCE" رو ببینید ( حدودا انتهای قالب ) میبینید که یه خط به طور شاخه شاخه تقسیم شده. چطور میشه بدون content یه همچین خط عمودی درست کرد ؟ ( فقط خطش . یعنی کاری به اون باکس ها ... دیگه ندارم . فقط همون خط عموده که وسط صفحس )

ممنون

لینک به ارسال

از این کد استفاده شده :

 

.timeline.timeline-selfie:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 2px;
    border-radius: 2px;
    display: block;
}

 

لینک به ارسال
در 18 دقیقه قبل، graphicno گفته است :

از این کد استفاده شده :

 


.timeline.timeline-selfie:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 2px;
    border-radius: 2px;
    display: block;
}

 

میدونم. خودم دیدم. ولی چون اون content معلوم نیست نمیشه درستش کرد. دیگه از چه راهی میشه همچین چیزی درست کرد ؟

لینک به ارسال

خب اصلا اینجا content نیازی نیست اون ی رنگ واسه بکگراند تعیین کرده بعدش مقدار height رو 100% قرار داده برای width خط هم که 2px در نظر گرفته شما از طریق inspect کد رو بررسی کنید کامل متوجه میشید چون وقتی width رو غیر فعال میکنید کلا خط از بین میره 

لینک به ارسال
در 5 دقیقه قبل، graphicno گفته است :

خب اصلا اینجا content نیازی نیست اون ی رنگ واسه بکگراند تعیین کرده بعدش مقدار height رو 100% قرار داده برای width خط هم که 2px در نظر گرفته شما از طریق inspect کد رو بررسی کنید کامل متوجه میشید چون وقتی width رو غیر فعال میکنید کلا خط از بین میره 

خب درسته . توی inspect هم رفتم دیدم. اون بکگراند و ارتفاع و عرضی که داده، به محتوی اون content داده. همینطوری که نمیشه height و width داد. چون با حذف کردن content، خط میره

ویرایش شده توسط hcp90
لینک به ارسال
در 3 دقیقه قبل، hcp90 گفته است :

خب درسته . توی inspect هم رفتم دیدم. اون بکگراند و ارتفاع و عرضی که داده، به محتوی اون content داده. همینطوری که نمیشه height و width داد

شما به این صورت عمل کنید :

.timeline {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 2px;
    border-radius: 2px;
    display: block;
}

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

Screenshot (7).png

ویرایش شده توسط graphicno
لینک به ارسال
در 13 دقیقه قبل، graphicno گفته است :

شما به این صورت عمل کنید :


.timeline {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 2px;
    border-radius: 2px;
    display: block;
}

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

آهان. درست شد . ممنون :)

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...