Apenas adicione o seguinte código em um widget:
- Código:
<ul class="ipsDataList">
<li class="ipsDataItem">
<div class="ipsDataItem_main ipsPos_middle">
<strong>Tópicos</strong>
</div>
<div class="ipsDataItem_stats ipsDataItem_statsLarge">
<span class="ipsDataItem_stats_number">{FORUMCOUNTOPIC}</span>
</div>
</li>
<li class="ipsDataItem">
<div class="ipsDataItem_main ipsPos_middle">
<strong>Posts</strong>
</div>
<div class="ipsDataItem_stats ipsDataItem_statsLarge">
<span class="ipsDataItem_stats_number">{FORUMCOUNTPOST}</span>
</div>
</li>
</ul>
<style type="text/css">
.ipsDataList {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.ipsDataItem {
width: 100%;
position: relative;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.ipsDataItem_main {
width: 100%;
margin: 0;
}
.ipsDataItem_main, .ipsDataItem_stats {
display: table-cell;
padding: 10px 10px;
vertical-align: middle;
}
.ipsDataItem_stats {
width: 15%;
min-width: 150px;
text-align: right;
list-style: none;
}
.ipsDataItem_statsLarge .ipsDataItem_stats_number {
font-size: 22px;
font-weight: 300;
line-height: 1.3;
}
.ipsDataList .ipsDataItem:last-child {
border-bottom: 0;
}
</style>
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Última edição por Daemon em Ter 18 Ago 2015 - 13:31, editado 1 vez(es)