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.

How to make Staff Widget like this?

Go down

Solved How to make Staff Widget like this?

Post by Nalence on January 2nd 2016, 10:21 pm

I saw this on other forums, and I was wondering if anyone knows how I can make this?



Or this:



Last edited by Nalence on January 4th 2016, 7:44 pm; edited 2 times in total

Nalence
Forumember

Female Posts : 78
Reputation : 2
Language : English

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by Luffy on January 2nd 2016, 10:24 pm

Could you please link us your forum in order to check and see its information?

Thank you!



avatar
Luffy
Manager
Manager

Male Posts : 5273
Reputation : 569
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by Nalence on January 2nd 2016, 10:28 pm

Yes, of course.

My Forum: http://thetudors.forumsr.com/forum

Nalence
Forumember

Female Posts : 78
Reputation : 2
Language : English

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by Nalence on January 4th 2016, 5:47 pm

Anyone?

Nalence
Forumember

Female Posts : 78
Reputation : 2
Language : English

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by 10spetter10 on January 4th 2016, 6:27 pm

You can make them with html in a custom widget. If you say which one you prefer I will make a sheet that you can use on your forum.
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by Nalence on January 4th 2016, 6:33 pm

I like first one better. Thank you Smile

Nalence
Forumember

Female Posts : 78
Reputation : 2
Language : English

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by 10spetter10 on January 4th 2016, 7:22 pm

Code:
<style>
#stafflist {
  text-align: center;
  padding: 10px 5px;
}
#stafflist img {
  max-width: 100%;
}
#stafflist .sl-title { /* layout 'Admin' */
  font-size: 16px;
  color: #877A62;
  font-style: italic;
  margin: 10px 0px;
  display: block;
}
#stafflist .sl-avatar { /* layout avatar */
  border-radius: 3px;
  margin-bottom: 3px;
}
#stafflist .sl-link { /* layout links to profile */
  text-decoration: none !important;
  color: #877A62 !important;
  font-size: 14px;
  font-style: italic;
}
#stafflist .sl-seperator {
  margin: 3px 0px;
}
</style>
<div id="stafflist">
   <span class="sl-title">Admins</span>

   <div class="sl-member">
      <img class="sl-avatar" src="http://i.imgur.com/r4NBvv5.jpg?2" />
      <a class="sl-link" href="#">Go to profile</a>
   </div>

   <img class="sl-seperator" src="http://i.imgur.com/uqsKJv9.png?1" />
</div>

Paste this code in a custom widget. Then you can add your own userlist to the widget by copy-paste the parts that you need.
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by Nalence on January 4th 2016, 7:44 pm

Thank you so much Smile It works Smile

This is Solved.

Nalence
Forumember

Female Posts : 78
Reputation : 2
Language : English

Back to top Go down

Solved Re: How to make Staff Widget like this?

Post by SLGray on January 4th 2016, 8:25 pm

Topic solved and archived


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42755
Reputation : 3011
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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