پنجشنبه ۱۰ اسفند ۰۲
کد زیر رو کپی کن
}
.item_success:before {
content: ' فرهان '; /*خب اینجا به جای فرهان متن ىلخواهتون رو بزارید*/
background: #f1c6ea; /*رنگ پس زمینه اینجا رنگش سبزه میتونید تغییر بدید*/
font-size: 14px; /*اندازه فونت متنتون*/
color: #fff; /*رنگ متنتون*/
border-radius: 100px; /*گرد شدن کل این بخش میتونید عدد رو تغییر بدید تا گرد شدنش کم و زیاد بشه*/
/*-------------------------------کد های پایین مهم نیست بدونید---------------------------------*/
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
padding: 0 40px;
font-weight: 600;
}
.item_success {
background: none;
border: none;
position: relative;
}
.item_success .icon {
background-position: right -36px;
position: relative;
z-index: 1;
filter: invert(1) drop-shadow(2px 4px 6px black); /*رنگ تصویر یا همون تیک سبز برای تغییر رنگ باید به توضیحات زیر توجه کنید*/
}
این کد نظراته که فقط کافیه بذاریش اخر css
حالا برای برجسبای صورتی
اول این کد پایینی رو تو قسمت css همون اول های کد ها بالای اون قسمتی که نوشته body میذاری
}
/*بخش برچسب های آبی*/
.side-items {
padding: 5px;
background: #000;
border-radius: 10px;
box-shadow: 2px 2px 10px #febee0;
margin: 10px 0;
}
.blue-tasks-farhan {
}
.blue-tasks-farhan a {
color:#febee0;
}
.titr {
text-align: right;
margin: 0px 5px 0px 5px;
border-radius: 30px;
background: #000;
color: #fcacc5;
padding: 2px 8px;
font-family: yekan;
cursor: default;
}
.blue-tasks-farhan a h3 {
font-size:14px;
font-weight:600;
text-align:right;
}
.blue-tasks-farhan img {
display:none;
}
.blue-tasks-farhan audio {
width:100%;
height:28px;
border-radius:100px;
background: #000;
}
.blue-tasks-farhan video {
width:100%;
height:200px;
border-radius:5px;
background: #000;
box-shadow:2px 2px 3px #febee0;
}
بعدش این کد پایین رو دقیقا بالای اون بخشی که نوشته خلاصه امار توی قسمت html میذاری
</box:blog_info>
<box:post_list flag="blue-tasks-farhan" max="6">
<div class="side-items">
<div class="titr">
برچسب های صورتی </div>
<view:post_list>
<div class="blue-tasks-farhan">
<a href="(*post_link*)" title="(*post_title*)">
<h3>(*post_title*)</h3>
</a>
<div class="p-matn">
(*post_summary*)
</div>
<check:if post_has_read_more>
<div class="read-more-flag">
<a href="(*post_link*)"> ادامه برچسب </a>
</div>
</check:if>
</div>
</view:post_list>
</div>
</box:post_list>
و در اخر وارد قسمت تنظیمات پیشرفته میشی و این قسمت اون تیک نشانه ها رو فعال میکنی و تو قسمت نشانه ها هم چیزایی ک میبینی تو عکس نوشته مینویسی و تموم
