alikhani98

دادان استایل به li در نوشته ها

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

باسلام من میخوام وقتی از تگ li نوی نوشته هام یا کلا توی سایتم استفاده شد از استایل زیر استفاده کنم:


.entry-content li, .comment-content li {
margin: 0px 1.71429rem 0px 0px;
}
.entry-content ul, .comment-content ul, .mu_register ul {
list-style: disc outside none;
}
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {
line-height: 1.71429;
}

خوب چطوری ازش استفاده کنم؟ منظورم اینه که چطوری کاری کنم که وقتی از li استفاده شده این استایل روس اعمال بشه!

0

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


لینک به پست

همین ها رو نمی تونید در فایل استایل قرار بدید؟

و یا مثلاً:


<style type="text/css">
.its-me {text-align:justify;color:#d90000;}
.its-me-image {margin-right:30px;}
</style>
<div>
<ul>
<li><p class="its-me">متن اول</p></li>
<li><p class="its-me">متن دوم</p></li>
</ul>
</div>

2

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


لینک به پست

خوب چه کاریه!

توی اغلب پوسته ها وقتی استفاده میشه اینطوری نمایش داده میشه:

  • متن

ولی برای من:

متن

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

0

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


لینک به پست

اینکه می فرمایید چه کاریه، بعضی وقت ها لازم میشه

اونو بهش میگن list-style و می تونه مقادیر: square و یا مثلاً disqus بگیره

2

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


لینک به پست

دوست عزیز ببخشید کمی لحنم بد بود

فکر کنم منظورم را متوجه شدی

خوب من زیاد میخوام توی مطالبم از تگ li استفاده کنم،و اینکه کد style را اول هرپست اضافه کنم/فممکنه تا چند وقت دیگه یادم بره،خوب قالب های دیگه چطوری برای li توی نوشته کلاس تعریف کردند منم میخوام همون کار را بکنم و لقمه را دور سرم نچرخونم!

0

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


لینک به پست

در استایل سایتتون جستجو کنید هر جا


list-style: none;

داشت حذفش کنید

3

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


لینک به پست

این وجود داره:

ol, ul, li {list-style:none}

خوب من li را ازش حذف کردم.درست شد ولی نه کاملا من دوباره برای li نوشتم:

li {margin-right:20px;}

ولی نشد! و پوسته بهم ریخت،حالا چطوری کاری کنم که برای li به اندازه 20 پیکسل بیاد تو؟

0

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


لینک به پست

تست کنید:


.entry-content li, .comment-content li {
margin-right:20px;
}

3

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


لینک به پست

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

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

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

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


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

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

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


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