Question

View:

Archtecture:

This widget is made with below features.

• "Widget Maker"
• "Shortcode"
• "Range filter"

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*]">

Users

• webmaster
• Vanbells
• Jonatan
• islamafify
• ProThoughts
• yerbol89
• gurjyot singh
• JackSiro
• Funrunna
• SEIKAKU

More ...

</div>

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.