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

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

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.


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.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.

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Solved Re: Rank Style

Post by Genesis 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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!

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

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.

10spetter10
Forumember

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

Solved Re: Rank Style

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

is this solved ?




APE
Manager
Manager

Male Posts : 8614
Reputation : 748
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




APE
Manager
Manager

Male Posts : 8614
Reputation : 748
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