The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

[PUNBB] Regarding Stylizing RANKS

3 posters

Go down

In progress [PUNBB] Regarding Stylizing RANKS

Post by Reisen February 24th 2014, 7:14 am

If possible, how exactly do you achieve this look on all the users ranks? Pretty much, I want to add a .bg color and border around the rank 'title'. 

This below is what I want to achieve, and my forum is Punbb.

[PUNBB] Regarding Stylizing RANKS 9hv1ue -  [PUNBB] Regarding Stylizing RANKS 2e4itte
Reisen
Reisen
New Member

Male Posts : 14
Reputation : 2
Language : english
Location : USA

http://khsite.0forum.biz

Back to top Go down

In progress Re: [PUNBB] Regarding Stylizing RANKS

Post by SLGray February 24th 2014, 9:49 am

That is an image that you can add to the rank.

Administration Panel > Users & Usergroups > Ranks
When you modify an old rank or create a new rank, there should be a box to enter an image URL.


[PUNBB] Regarding Stylizing RANKS Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: [PUNBB] Regarding Stylizing RANKS

Post by JScript February 27th 2014, 3:46 am

@Reisen
Hi!

Or add this html in rank names, examples:
Member:
Code:
<span class="member">Member</span>

Moderator:
Code:
<span class="moderator">Moderator</span>

Administrator:
Code:
<span class="administrator ">Administrator </span>

And add this CSS:
Code:

.administrator {
    background: none repeat scroll 0 0 #EB0008;
}
.member, .moderator, .administrator {
    background: none repeat scroll 0 0 #65A830;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

So long,

JS
JScript
JScript
Forumember

Male Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum