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 friend/foe list

View previous topic View next topic Go down

Solved Issue about friend/foe list

Post by The Singer on January 20th 2017, 4:43 pm

So @Draxion look this one
How to make this design add friend list and foe list in my forum http://avacschat.yforum.biz?


Last edited by The Singer on January 21st 2017, 2:44 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

Solved Re: Issue about friend/foe list

Post by Draxion on January 20th 2017, 5:39 pm

If you don't have it activated.

Admin Panel --> Users and Groups --> Users --> User Options --> User Settings --> Allow friends/foes management (yes)


Last edited by Draxion on January 20th 2017, 5:45 pm; edited 1 time in total
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by Luffy on January 20th 2017, 5:44 pm

@The Singer add in your CSS this code:
Code:
div#profile-advanced-add a {
background: red; /*background for foes*/
border: 2px solid darkred; /*border for foes*/
padding: 4px 8px;
border-radius: 2px;
margin: 2px
}
div#profile-advanced-add a:first-child {
background: green; /*background for friends*/
border-color: darkgreen /*border for friends*/
}

If something doesn't work add
Code:
!important
and should work. Wink





avatar
Luffy
Manager
Manager

Male Posts : 4789
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by The Singer on January 20th 2017, 6:14 pm

It is working but showing this result both bar should be separated each others... @Luffy
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Issue about friend/foe list

Post by SLGray on January 20th 2017, 7:29 pm

Is this only happening on mobile devices?

You need to state if you are using a mobile device.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40213
Reputation : 2716
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by Luffy on January 20th 2017, 8:47 pm

@The Singer
Change
Code:
margin: 2px
with
Code:
margin: 10px 2px





avatar
Luffy
Manager
Manager

Male Posts : 4789
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by The Singer on January 20th 2017, 9:12 pm

Sorry @Luffy still same problem from pc and mobile. That means it is a problem...I used above code but nothing happened
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Issue about friend/foe list

Post by Luffy on January 21st 2017, 12:19 pm

@The Singer have you added !important to the last code?





avatar
Luffy
Manager
Manager

Male Posts : 4789
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by The Singer on January 21st 2017, 12:22 pm

Last code means? Can you give me code with adding important?
@Luffy I added margin: 2px 10px ! important; but still nothing happens in my both forum http://avacschat.yforum.biz and http://avacs.yforum.biz still same problem....


Last edited by The Singer on January 21st 2017, 12:32 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

Solved Re: Issue about friend/foe list

Post by Luffy on January 21st 2017, 12:32 pm

You need to start understanding the codes. It's easy to be honest. If a code doesn't work you can try with adding !important to it. The last one we added was margin so the entire code would be this one:
Code:
div#profile-advanced-add a {
background: red; /*background for foes*/
border: 2px solid darkred; /*border for foes*/
padding: 4px 8px;
border-radius: 2px;
margin: 10px 2px!important
}
div#profile-advanced-add a:first-child {
background: green; /*background for friends*/
border-color: darkgreen /*border for friends*/
}





avatar
Luffy
Manager
Manager

Male Posts : 4789
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by The Singer on January 21st 2017, 12:35 pm

Code:
 
div#profile-advanced-add a {
background: #EE5533; /*background for foes*/
border: 2px solid darkred; /*border for foes*/
padding: 4px 8px;
border-radius: 2px;
margin: 10px 2px !important;
}
div#profile-advanced-add a:first-child {
background: #88BB55; /*background for friends*/
border-color: darkgreen /*border for friends*/
}
@Luffy I already used this code but same problem... ufff
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Issue about friend/foe list

Post by Luffy on January 21st 2017, 12:47 pm

Okay then replace the code with this one:
Code:
 
div#profile-advanced-add a {
background: #EE5533; /*background for foes*/
border: 2px solid darkred; /*border for foes*/
display:inline-block;
padding: 4px 8px;
border-radius: 2px;
margin: 10px 2px !important;
}
div#profile-advanced-add a:first-child {
background: #88BB55; /*background for friends*/
border-color: darkgreen /*border for friends*/
}





avatar
Luffy
Manager
Manager

Male Posts : 4789
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by The Singer on January 21st 2017, 12:57 pm

Okay it seems me working but a bit gap between two bar check it
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Issue about friend/foe list

Post by Luffy on January 21st 2017, 1:27 pm

You can change
Code:
margin: 10px 2px !important
and change 10px to something smaller until you see the best gap. Wink





avatar
Luffy
Manager
Manager

Male Posts : 4789
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Issue about friend/foe list

Post by The Singer on January 21st 2017, 2:42 pm

@Luffy thanks you beauty
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Issue about friend/foe list

Post by Luffy on January 21st 2017, 3:06 pm

You're welcome!

Problem solved & topic archived.
Please read our forum rules: ESF General Rules





avatar
Luffy
Manager
Manager

Male Posts : 4789
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

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