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.

Ranks to work like this

+2
KpuCk0
Ape
6 posters

Go down

Solved Ranks to work like this

Post by Ape September 24th 2015, 12:51 am

Hello All Wink me again.

ok i have just seen this and want to do something like it

Ranks to work like this Captur32
 can some one help me get this for all forums Not just for phpbb3 but for all of them so others can do this too Wink


Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Ranks to work like this

Post by KpuCk0 September 24th 2015, 1:16 am

Tiny post profile field, rank image with curves and some CSS on whatever forum you want to do it.That's what you need here. tongue
KpuCk0
KpuCk0
Forumember

Male Posts : 871
Reputation : 171
Language : Bulgarian, English
Location : Pleven, Bulgaria

http://www.lfsdrift.org

Back to top Go down

Solved Re: Ranks to work like this

Post by Ape September 24th 2015, 2:20 am

That dont really help much lol


Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Ranks to work like this

Post by Ch@lo Valdez September 24th 2015, 5:58 am

have you the img rank? please post here i think i know how
Ch@lo Valdez
Ch@lo Valdez
Forumember

Male Posts : 138
Reputation : 50
Language : spanish

Back to top Go down

Solved Re: Ranks to work like this

Post by SLGray September 24th 2015, 6:55 am

It looks just like an image that you add to the rank, but is design to extend pass the profile area.


Ranks to work like this 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 : 51452
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Solved Re: Ranks to work like this

Post by Ange Tuteur September 24th 2015, 11:11 am

It looks pretty flat, so I'd say it's achievable purely with CSS. Cool
Code:
.postprofile dt + dd {
  color:#FFF;
  font-weight:bold;
  background:#4AD;
  border:1px solid #17A;
  border-radius:0 0 3px 3px;
  position:relative;
  margin:3px -10px;
  padding:3px;
}

.postprofile dt + dd:before, .postprofile dt + dd:after {
  content:".";
  font-size:0;
  background:#17A;
  display:block;
  position:absolute;
  top:-6px;
  height:6px;
  width:6px;
}

.postprofile dt + dd:before {
  border-radius:4px 0 0 0;
  left:-1px;
}

.postprofile dt + dd:after {
  border-radius:0 4px 0 0;
  right:-1px;
}

Might need some margin adjustments, but should work on phpbb3. Wink
Ranks to work like this Captur66
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by Ape September 24th 2015, 4:32 pm

That is just how I wanted it but is there away to change the background colour to each of the /groups ?

Right now there all blue Sad


Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Ranks to work like this

Post by Ange Tuteur September 24th 2015, 4:50 pm

Do you have a script which gives the staff a class name on their posts ? If so you can do this for example :
Code:
.st-answer.admin .postprofile dt + dd, .st-answer.admin .postprofile dt + dd:before, .st-answer.admin .postprofile dt + dd:after {
  background-color:#F90;
  border-color:#C60;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by Ape September 24th 2015, 5:12 pm

I have the old FM background system on the forum other then that the staff are all set to groups that colour there names Wink as you know i don't have a lot of css space left so i think i will have to have a play about with some codes Sad


Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Ranks to work like this

Post by Ange Tuteur September 24th 2015, 5:23 pm

Oh in that case, another thing you can do is add a div tag in the user rank with a class. Like this :
Code:
<div class="rang-band dev">Developer</div>

This is the default CSS :
Code:
.rank-band {
  color:#FFF;
  font-weight:bold;
  background:#4AD;
  border:1px solid #17A;
  border-radius:0 0 3px 3px;
  position:relative;
  margin:3px -10px;
  padding:3px;
}

.rank-band:before, .rank-band:after {
  content:".";
  font-size:0;
  background:#17A;
  display:block;
  position:absolute;
  top:-6px;
  height:6px;
  width:6px;
}

.rank-band:before {
  border-radius:4px 0 0 0;
  left:-1px;
}

.rank-band:after {
  border-radius:0 4px 0 0;
  right:-1px;
}

and then you'll have the group CSS for changing the color :
Code:
.rank-band.dev:before, .rank-band.dev:after { background-color:#111 }
.rank-band.dev {
  background-color:#333;
  border-color:#111;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by Ape September 24th 2015, 5:33 pm

Thank you @Ange Tuteur i will look along that when i have done a clean up of my codes lol i have made a little change to the one you gave me at first to make it fit in with the forum for now and will take a look in to the other code later on

Thanks once again Buddy Wink


Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Ranks to work like this

Post by Ange Tuteur September 24th 2015, 5:37 pm

No problem, just let me know if you need anything. thumleft
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by Ape September 24th 2015, 5:42 pm

Will do Thank you


Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Ranks to work like this

Post by Guest September 24th 2015, 5:50 pm

Can this be done with images for the rank banners, as well?
avatar
Guest
Guest


Back to top Go down

Solved Re: Ranks to work like this

Post by Ape September 24th 2015, 5:53 pm

when i changed it over from what i had i had a rank then a bar under it like this
Ranks to work like this Captur33 as you can see i changed the rank img to the bars Wink


Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Ranks to work like this

Post by KpuCk0 September 24th 2015, 5:57 pm

Leah7 wrote:Can this be done with images for the rank banners, as well?

I guess it's possible, when you make the background of the rank image the same as the banner.But you must use only ranks with images, without any text.
KpuCk0
KpuCk0
Forumember

Male Posts : 871
Reputation : 171
Language : Bulgarian, English
Location : Pleven, Bulgaria

http://www.lfsdrift.org

Back to top Go down

Solved Re: Ranks to work like this

Post by Beyonder October 5th 2015, 6:54 am

So many codes...........
Beyonder
Beyonder
Forumember

Male Posts : 721
Reputation : 29
Language : English
Location : Beyond Realm

http://fictionalomniverse.forumotion.com/

Back to top Go down

Solved Re: Ranks to work like this

Post by Ape October 6th 2015, 3:21 pm

As i would say this is solved my self i will lock it Wink
Topic solved and archived



Ranks to work like this Left1212Ranks to work like this Center11Ranks to work like this Right112
Ranks to work like this Ape_b110
Ranks to work like this Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
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