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.

Ranks to work like this

View previous topic View next topic Go down

Solved Ranks to work like this

Post by APE on September 24th 2015, 12:51 am

Hello All Wink me again.

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


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





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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: Ranks to work like this

Post by KpuCk0 on 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


Design Team Leader


Rules of the Graphic Design Section || Becoming a Designer || Graphic Requests

Never tell your password to anyone!
No help without your forum URL!
No support via PM!

KpuCk0
Graphic Designer
Graphic Designer

Male Posts : 787
Reputation : 155
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 on September 24th 2015, 2:20 am

That dont really help much lol





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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: Ranks to work like this

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

have you the img rank? please post here i think i know how

Ch@lo Valdez
Forumember

Male Posts : 100
Reputation : 31
Language : spanish

Back to top Go down

Solved Re: Ranks to work like this

Post by SLGray on 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.


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Ranks to work like this

Post by Ange Tuteur on 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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by APE on 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





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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: Ranks to work like this

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by APE on 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





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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: Ranks to work like this

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by APE on 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





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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: Ranks to work like this

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

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Ranks to work like this

Post by APE on September 24th 2015, 5:42 pm

Will do Thank you





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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: Ranks to work like this

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

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

Guest
Guest


Back to top Go down

Solved Re: Ranks to work like this

Post by APE on 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
as you can see i changed the rank img to the bars Wink





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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: Ranks to work like this

Post by KpuCk0 on 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
Graphic Designer
Graphic Designer

Male Posts : 787
Reputation : 155
Language : Bulgarian, English
Location : Pleven, Bulgaria

http://www.lfsdrift.org

Back to top Go down

Solved Re: Ranks to work like this

Post by Hagoromo Otsutsuki on October 5th 2015, 6:54 am

So many codes...........

Hagoromo Otsutsuki
Forumember

Male Posts : 528
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Ranks to work like this

Post by APE on October 6th 2015, 3:21 pm

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






APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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