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.

Rank Background

4 posters

Go down

Solved Rank Background

Post by Take Notes December 7th 2015, 5:06 am

Hey,

So I saw on a forum a rank with a background behind it and I was wondering what the code for CSS to use it. It was basically a strip behind the text.

Example (basically what it looks like):

________________

Moderator
________________

^^ Except maybe half the space in between the lines and the rank if that makes sense?


Last edited by Clashmune on December 7th 2015, 8:12 am; edited 1 time in total
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by SLGray December 7th 2015, 5:22 am

Was it an image or just lines?

If it was just lines, you can add this to the rank title:
Code:
____________<br />RANK TITLE<br />___________


Rank Background 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 : 51489
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Solved Re: Rank Background

Post by Take Notes December 7th 2015, 5:31 am

Wasn't just lines, it was a solid color behind it like a button or a bar.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by Ace December 7th 2015, 6:13 am

Hi,

Can you provide us the forum URL that you saw it?

Regards.
Ace
Ace
Forumember

Posts : 250
Reputation : 49
Language : Portuguese & English

http://ajuda.forumeiros.com/u39577

Back to top Go down

Solved Re: Rank Background

Post by Take Notes December 7th 2015, 6:22 am

Link: think-tank.forumotion.com
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by Ace December 7th 2015, 6:29 am

Hi,

Add this in your CSS:

Code:
.rowName, .rowRank{
background: #222;
}

Regards.
Ace
Ace
Forumember

Posts : 250
Reputation : 49
Language : Portuguese & English

http://ajuda.forumeiros.com/u39577

Back to top Go down

Solved Re: Rank Background

Post by Take Notes December 7th 2015, 6:41 am

Added it but it didn't seem to work.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by SLGray December 7th 2015, 6:51 am

Code:
.rowRank {
  background: #222;
}


Rank Background 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 : 51489
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Solved Re: Rank Background

Post by Take Notes December 7th 2015, 6:59 am

Didn't seem to work either.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by SLGray December 7th 2015, 7:03 am

Code:
.rowName, .rowRank{background: #222 !important;}


Rank Background 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 : 51489
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Solved Re: Rank Background

Post by Take Notes December 7th 2015, 7:12 am

Nothing yet.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by SLGray December 7th 2015, 7:18 am

Code:
.postprofile dd:last-child, .postprofile dt + dd {
      background-color: #222;
}


Rank Background 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 : 51489
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Solved Re: Rank Background

Post by Take Notes December 7th 2015, 7:37 am

Kind of worked but it had a line under the Website, PM, etc. Is it to change the color of it as well?
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by SLGray December 7th 2015, 7:45 am

I believe you will have to give the rank titles a CSS selector to style them with CSS.


Rank Background 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 : 51489
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Solved Re: Rank Background

Post by Take Notes December 7th 2015, 7:56 am

Do you think you could please help me with my Profile Box topic?

This one is solved. Thanks for the help.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Rank Background

Post by Ape December 8th 2015, 12:43 am

Topic solved and archived


Rank Background Left1212Rank Background Center11Rank Background Right112
Rank Background Ape_b110
Rank Background Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19122
Reputation : 1993
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top

- Similar topics

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