Panel
Fighter
webmaster
+1 vote
Notice 47 views

Point ranking widget

View:

Archtecture:

This widget is made with below features.

Widget maker settings:

Widget name:

Point ranking (month)

Contents - HTML / JS allowed:

<style>
.qa-pr-widget-item {
padding: 3px 0 3px 22px;
border-bottom: 1px dotted #ccc;
}
.qa-pr-widget-rank-1 {
background:url([*opt_site_url*]qa-theme/Base/images/rank/rank1.png) no-repeat left center;
}
.qa-pr-widget-rank-2 {
background:url([*opt_site_url*]qa-theme/Base/images/rank/rank2.png) no-repeat left center;
}
.qa-pr-widget-rank-3 {
background:url([*opt_site_url*]qa-theme/Base/images/rank/rank3.png) no-repeat left center;
}
.qa-pr-widget-avatar {
margin-right:5px;
}
.qa-pr-widget-handle {
margin-right:5px;
}
.qa-pr-widget-points {
font-size:80%;
}
.qa-pr-widget-points:before {
content:"(";
}
.qa-pr-widget-points:after {
content:" pt)";
}
.qa-pr-widget-more {
text-align: right;
margin: 0;
padding: 5px 0 0 0;
}
</style>

<div class="qa-wm-widget qa-wm-widget[*number*]">


</div>

image

by webmaster asked Apr 8, 2016 in Plugins
by webmaster edited Apr 19, 2016

4 Comments

Hi Sama. Good work.
I think it would be interesting to display the user avatar in the widget.
It is also possible. Since handle is long often in Japan, this widget did not display the avatar. If you want to display avatar, you can change the parameters of the short code.

Before:
avatar="0"

After:
avatar="1"
avatarsize="20"

I tried to do so. Look at sidebar.
I think now is much more beautiful and interesting! Congratulations
Yeah. This might be good. I leave this. Thanks.

Please log in or register to add a comment.

Please log in or register to answer this question.

Welcome to PowerQA. PowerQA is a new discussion software (not OSS). Here is a community for PowerQA developers. Current stable version is V1.8.6. It is enhanced day by day.

Statistics

  • 333 questions
  • 272 answers
  • 465 comments
  • 91 users

Post types

...