اضافه کردن اعلان به منو
08 November 2021
ولاگ
اضافه کردن نشان اعلان به منو
سلام، من به شما نشان خواهم داد که چگونه نشان های منو در وردپرس ایجاد کنید، این بسیار ساده است،
به داشبورد wordpress بروید و بر روی customize کلیک کنید بر روی custom css کلیک کنید
مراحل اضافه کردن نشان های اعلان منو در وردپرس
1. کد CSS سفارشی را اضافه کنید
به داشبورد وردپرس بروید و روی customizion کلیک کنید سپس روی css سفارشی کلیک کنید و کد زیر را کپی کنید
.menu-badge {
font-size: 9px;
position: relative;
bottom: 94px;
width: 10%;
margin: 10px;
color: #ffffff;
background-color: #4caf50;
padding: 1px 4px;
border-radius: 3px;
float: left;
}
.menu-badge2 {
font-size: 9px;
position: relative;
bottom: 94px;
width: 27%;
margin: 10px;
color: #ffffff;
background-color: #FF0000;
padding: 1px 4px;
border-radius: 3px;
float: left;
}
2. نشان را به یک المان منو اضافه کنید
To appear badge in menu go to Appearance -> Menuand copy below cod on Navigation Label every item you want.
<span class="menu-badge2 badge-bounce">(پایان ثبت نام)</span>
3. انیمیشن را به نشان Notification اضافه کنید
برای اضافه کردن انیمیشن کد زیر را اضافه کنید
.badge-bounce {
animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}
@keyframes bouncing{
0%{top:-6px}
100%{top:-10px}
}