SadraHkm

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

7 پست در این موضوع قرار دارد

سلام دوستان

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

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

 

.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;
}

 

0

به اشتراک گذاری این پست


لینک به پست
در 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 معلوم نیست نمیشه درستش کرد. دیگه از چه راهی میشه همچین چیزی درست کرد ؟

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

ویرایش شده در توسط hcp90
0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 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
0

به اشتراک گذاری این پست


لینک به پست
در 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;
}

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

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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری