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.

Issue about stylish legend

View previous topic View next topic Go down

Issue about stylish legend

Post by The Singer on January 12th 2017, 6:36 pm

Hello @@Mark,
Just see the image
I am wanting this type of legend in my forum too. How to make it like this one?


Last edited by The Singer on January 12th 2017, 7:18 pm; edited 1 time in total
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Re: Issue about stylish legend

Post by Guest on January 12th 2017, 7:01 pm

Try to elaborate the title instead of directly asking me, anyway, here's the code I used:
Code:
a.gensmall[href="/g2-administrator"] {
  border: 1px solid #ddd;
  border-left-color: #68b800;
  border-right-color: #68b800;
  border-left-width: 5px;
  border-right-width: 5px;
  border-radius: 5px;
  padding: 5px 15px 5px 15px;
}
a.gensmall[href="/g3-support-moderator"] {
  border: 1px solid #ddd;
  border-left-color: #f5a849;
  border-right-color: #f5a849;
  border-left-width: 5px;
  border-right-width: 5px;
  border-radius: 5px;
  padding: 5px 15px 5px 15px;
}

I place it inside index_body template, covering it with <style> </style> tag since my target only is to change the appearance of the group legend in the statistics part. Wink

Guest
Guest


Back to top Go down

Re: Issue about stylish legend

Post by The Singer on January 12th 2017, 7:05 pm

Ok @@Mark but check my forum http://avacschat.yforum.biz there already legend designed by code of Ange... how to change it to yours?
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Re: Issue about stylish legend

Post by SLGray on January 12th 2017, 7:37 pm

When you are posting for help, you need to give all the information so we can help you.

For Example: If you have already modified your legend, you should have stated it in your first post.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40167
Reputation : 2713
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Issue about stylish legend

Post by The Singer on January 12th 2017, 7:39 pm

Yes, thanks @SLGray now tell me the method to redesign it or modify once again
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Re: Issue about stylish legend

Post by The Singer on January 16th 2017, 9:31 am

Code:
#fa_stats {
    background: #ffa500;
    color: #FFF;
    font-family: Arial, Verdana, Sans-serif;
  font-size:10px;
    padding: 15px 0;
    text-align: center;
}
#online-box #fa_qeel {
    clear: both;
    margin: 0 -5px;
}
.stat_label {
    background: #F2F2F2;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0;
    margin: 0 12px 0 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
so I should remove it from template to make above design?
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Re: Issue about stylish legend

Post by APE on January 16th 2017, 6:24 pm

You need to remove the old code and then add the new one making a change to the new codes to fit your forum.

also note that the forums is not the same version's



avatar
APE
Manager
Manager

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

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

Back to top Go down

Re: Issue about stylish legend

Post by The Singer on January 19th 2017, 7:05 pm

Yes not changing becoz my forum is phpbb3 but he provides code for punbb
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

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