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?

View previous topic View next topic 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 : 75
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!






Luffy
Manager
Manager

Male Posts : 4252
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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 : 75
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 : 75
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.

10spetter10
Forumember

Posts : 195
Reputation : 81
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 : 75
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.

10spetter10
Forumember

Posts : 195
Reputation : 81
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 : 75
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.


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2446
Language : English
Location : United States

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