Issue about stylish legend

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 : 43481
Reputation : 3090
Language : English
Location : United States

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

Male Posts : 12318
Reputation : 1282
Language : fluent in dork / mumbojumbo & English haha

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

Back to top


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