Prefixes style with icons
#1
In this Thread i am gonna share my prefixes style i have on my forum

HTML
<span class="Tutorialprefix1"><i class="fa fa-gear" style="font-size:16px"></i>1.6</span>
<span class="MobilePhoneprefix1"><i style="font-size:16px" class="fa">&#xf10a;</i>Android</span>
<span class="Forumprefixe1"><i style="font-size:16px" class="fa">&#xf0e6;</i>Blog</span>
<span class="adminprefixeds1"><i style="font-size:16px" class="fa">&#xf005;</i>Information</span>
css
.Tutorialprefix1 {
background-color: #bd9c52!important;
    border-color: #a3833e!important;
    color: #fff!important;
    padding: 0 4px 0 2px;
}

.Forumprefixe1 {
background-color: #ff9800!important;
    border-color: #cc7a00!important;
    color: #fff!important;
    border-radius: 10%;
    padding: 0 1px 0 1px;
}

.MobilePhoneprefix1{
background-color: #03a9f4!important;
    border-color: #0287c3!important;
    color: #fff!important;
    border-radius: 10%;
    padding: 0px 1px 0 1px;
}

.adminprefixeds1{
background-color: #692525!important;
    border-color: #581222!important;
    color: #fff!important;
    border-radius: 10%;
    padding: 0px 1px 0 1px;
}

Of course you can use them

---Edit:
[Image: FS4bJql.png]
[Image: h5lBDzp.png]
[Image: Oe0qLmo.png]
[Image: c8k2gKb.png]
[Image: oUIdPxi.png]
[Image: ad1.gif]
Reply


Messages In This Thread
Prefixes style with icons - by Mastersly - 2020-03-02, 07:18 PM
RE: Prefixes style with icons - by Omar G. - 2020-03-02, 10:10 PM
RE: Prefixes style with icons - by Mastersly - 2020-03-03, 07:22 AM
RE: Prefixes style with icons - by Mastersly - 2020-03-05, 07:33 AM
RE: Prefixes style with icons - by blongso - 2020-03-06, 05:59 AM

Forum Jump:


Users browsing this thread: 1 Guest(s)