The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Rank Style

View previous topic View next topic Go down

Solved Rank Style

Post by Zuke on January 22nd 2016, 10:53 pm

Hey there! I'd like to ask if anyone knew how to make a sort of rank style on PunBB.

I'd like it to look like this:

http://prntscr.com/9tjp0f

I'd like to be able to change the colors, and make it so it's for other ranks too, like: http://prntscr.com/9tjpkt

What it currently looks like:

http://prntscr.com/9tjqb5

Any help?

Thanks! Very Happy


Last edited by Zuke on January 22nd 2016, 11:13 pm; edited 1 time in total
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: Rank Style

Post by SLGray on January 22nd 2016, 10:55 pm

Is this an image? If yes, you need to request it in the graphics section.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40209
Reputation : 2716
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Rank Style

Post by Zuke on January 22nd 2016, 10:58 pm

SLGray wrote:Is this an image? If yes, you need to request it in the graphics section.
No. This is replacing the rank to make it look like this. Not an under rank image or anything.
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: Rank Style

Post by Vanityy on January 22nd 2016, 11:04 pm

I don't know the code but it might be easiest to just add a rank image and hide the rank text.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Rank Style

Post by Zuke on January 22nd 2016, 11:13 pm

Forumedic wrote:I don't know the code but it might be easiest to just add a rank image and hide the rank text.
True. I'll just do that. Thanks anyway!
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: Rank Style

Post by 10spetter10 on January 22nd 2016, 11:24 pm

First you need to place a span around your rank with a classname, then you can use this css:

Code:
.classname {
  background-color: #FFD500;
  border: 1px solid #7E6400;
  padding: 3px;
  box-shadow: 0px 1px 1px #FFF inset;
  border-radius: 3px;
  font-size: 9px;
  text-shadow: 1px 0px 1px #000;
}

I tried to remake the yellow one, you can change all the colors as you wish.
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Solved Re: Rank Style

Post by APE on January 23rd 2016, 2:47 am

is this solved ?



avatar
APE
Manager
Manager

Male Posts : 10672
Reputation : 997
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Rank Style

Post by APE on January 25th 2016, 1:14 am

Topic solved and archived



avatar
APE
Manager
Manager

Male Posts : 10672
Reputation : 997
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


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