Support راهنمائی درباره استفاده از آیکن ها در پیشوند موضوعات زنفورو

[MissPariya]

سلام
در این تایپیک توضیحاتی درباره پیشوند موضوعات داده بودین ، امکان این هست درباره استفاده از آیکن در پیشوند موضوعات هم توضیح بدین

Support - css اختصاصی برای پیشوند ؟

سلام و عرض ادب .. میخواستم بپرسم css اختصاصی که به صورت رایگان توضیع شده باشه وجود داره که برای پیشوند ازش بشه استفاده کرد ؟ رنگ های پنل پیشوند خیلی ساده به نظر میان .. منظورم اینه میشه پیشوند ها رو یه خورده آب و تاب داد تا از این حالت ساده و یک نواختی در بیان ؟ ممنونم

xnforo.ir

 

[XenForo]

سلام ، خواهش می کنم دوست محترم ، بله حتما روش آموزش این کار رو هم براتون توضیح می دم

طی کردن مسیر زیر زنفورو

• مدیریت زنفورو
• شکل و ظاهر
• قالب ها
• جستجوی عبارت زیر در قالبی که مد نظر دارین
• extra.less
• اضافه کردن کدهای فوق به این قالب

/***********************Pishvande Mozoat XNFORO.IR*******************/
.xnforolprofix {
    background: #CD7F32;
    color: #fafafa;
    &:hover {
        background: #4A4E51;
        color: #fafafa;
    }
    &:before {
        font-family: "Font Awesome 5 Pro";
        padding-right: 5px;
        content: "\f079"
    }
}
/***********************Pishvande Mozoat XNFORO.IR*******************/

---

نکات مهم در مورد کد بالا :

• جهت عوض کردن رنگ بک گراند

background: #CD7F32;

• جهت عوض کردن رنگ متن مورد نظر

color: #fafafa;

• جهت عوض کردن رنگ بک گراند و هاور پیشوند

        background: #4A4E51;
        color: #fafafa;

• جهت تغییر دادن فونت آیکون هم این گذینه رو عوض کنین

content: "\f079"

---

سپس رفتن به مسیر زیر

• مدیریت زنفورو
• انجمن ها
• پیشوند موضوعات
• اضافه کردن پیشوند موضوع جدید
• سپس در بخش سی اس اس پیشوند این کد رو بزارید

xnforolprofix

---

نمونه ساخته شده از موردی که خواسته بودید ، موفق باشین

 

[MissPariya]

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

 

[XenForo]

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

بله این کد رو به قالب مد نظر خودتون و به الگوی زیر اضافه کنین

• extra.less

/***********************Pishvande Mozoat XNFORO.IR*******************/
.xnforolprofix {
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 80%;
    line-height: 1.26;
    text-decoration: none;
}
/***********************Pishvande Mozoat XNFORO.IR*******************/

• نمونه نمایشی به این شکل میشه

 

[MissPariya]

بله این کد رو به قالب مد نظر خودتون و به الگوی زیر اضافه کنین

• extra.less

/***********************Pishvande Mozoat XNFORO.IR*******************/
.xnforolprofix {
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 80%;
    line-height: 1.26;
    text-decoration: none;
}
/***********************Pishvande Mozoat XNFORO.IR*******************/

• نمونه نمایشی به این شکل میشه

وااااای چقد زوووود ؟؟؟؟ خیلی مرسیییییییییییییییییییی