مشاهده RSS Feed

Ahmadreza

آموزش قراردادن before , after برای دکمه های ناو بار (منو)

به این مطلب امتیاز بدهید
آموزش قراردادن before , after برای دکمه های ناو بار (منو)

سلام;

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

برای این کار از قسمت تنظیمات گزینه "مدیریت مسیر ها ( تب ها )" رو انتخاب کنید و لینک مورد نظر رو ویرایش کنید.
در قسمت عنوان که اسم لینک هست یک فاصله بزارید و بنویسید:
کد HTML:
<span class="new"></span>
و در انتهای ادشنال قرار بدین:
کد:
.new:after {
    content: 'NEW';
    background: #f26e6e;
    position: absolute;
    font-size: 10px;
    line-height: 10px;
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
}




اگر فونت آیکون دارید قسمت content به جای NEW کد فونت رو بزارید و یک فونت فامیلی هم اضافه کنید.

موفق باشید.
برچسب ها: هیچ یک ویرایش برچسب ها
دسته بندی ها
دسته بندی نشده

نظرات

Designed With Cooperation

Of Creatively