XenForo Tutorials

Prefix (nek)

Submitted by Sunny1997, , Thread ID: 123414

Thread Closed
Sunny1997
Newbie
Level:
0
Reputation:
0
Posts:
16
Likes:
4
Credits:
0
04-03-2019, 01:31 PM
#1
First add these codes to the (Extra.less) template


Code:
/* Prefix codes */
[class*='trgamersonek_']{font-family:'Exo';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);}
[class*='trgamersonek_']:before{font-family:"FontAwesome";margin-right:3px;font-size:11px;padding:0}
.trgamersonek_duyuru{background: rgb(237, 0, 0);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
.trgamersonek_duyuru:before{content:"\f0a1"}
.trgamersonek_bilgi{background: rgb(71, 167, 235);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
.trgamersonek_bilgi:before{content:"\f129"}

Then add these codes to the thread prefixes (Other, using custom CSS class name)fieldtrgamersonek_duyuru for announcement etc..

RE: Prefix (nek)

nibbas
Newbie
Level:
0
Reputation:
0
Posts:
15
Likes:
0
Credits:
15
05-07-2019, 06:59 PM
#2
I love the approach and it works fine and looks great. Gonna modify my forum with this right now.

Users browsing this thread: 1 Guest(s)