[Solved] stats widget

how to make a stats widget with affilates just like what you have here?

You want stats or affilate? It is two different widgets, for stats it is just forumotions variables and you can find it in administration panel -> general -> forum -> configuration and click on * next to decipton.

Affilates is just widget with no for table style widget.

what he means is this

It is two different widgets. Please explain what exactually you want and I'm shure I can help you.

Yea the affilate.

Do you mean you want the table of affiliate?

Yes mark

Create new widget and put this code, on end you can add sites.

Code:

[panda=html]  <table width="100%" cellspacing="1" cellpadding="7" border="0" align="center"><tr><td height="1" width="20%" class="column"></td><td width="60%"></td><td width="20%" class="column"></td></tr><tr><td colspan="3" width="100%"><script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle();});});</script>
    <style>
       
    .webstore-button.webstore-A-B-C {
    border-color: #2D53AF;
    background-color: #4D7BD6;
    background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
    background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
    background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
    background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
    background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding-bottom: 4px;
    }
    .webstore-Gf-wb {
    display: inline-block;
    }
    .webstore-A-L-i-J-B-K {
    height: 28px;
    font-size: 11px;
    line-height: 28px;
    min-width: 170px;
    }
    .webstore-button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid;
    cursor: pointer;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    padding: 0 4px 0 4px;
    -webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
    outline: 0px;
    }
    .webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
    }
    .webstore-A-B-eb-I {
    width: 19px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
    }
    .webstore-A-B-I-O-P {
    margin-right: -7px;
    margin-left: 20px;
    }
    .webstore-A-B-I {
    position: relative;
    vertical-align: text-bottom;
    top: 7px;
    }
    .webstore-A-L-i-J-B-K {
    font-size: 11px;
    line-height: 28px;
    }
    .webstore-button {
    cursor: pointer;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    }
    .webstore-A-B-o {
    margin: auto;
    direction: ltr;
    line-height: 0px;
    }
    .webstore-rb-Gc
    .webstore-fd-rb {
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 14px;
    }
    .webstore-button.webstore-A-B-C:hover {
    border-color: #4076FF;
    background-color: #5C92FF;
    background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
    background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
    background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
    background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
    background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
    }
    #parceiros {
        max-height: 300px;
        overflow: auto;
        padding: 0px;
    }
    #parceiros img {
        opacity: .2;
        -webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;
    }
    #parceiros img:hover {
        opacity: 10;
    }
    </style><br><center><div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc"><div class="webstore-A-B-o"><div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P"></div><div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">Affiliate</div></div></div>
    <br><br><div id="parceiros" style="display: block; ">
    <marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" width="200" height="200">
 <center>  <a href="http://forumotion.com" target="_blank"><img src="http://r29.imgfast.net/users/2912/19/22/63/avatars/gallery/kavata10.png" width="130"></a><br />
    <a href="LINK" target="_blank"><img src="IMAGEM" width="130"></a><br  /></center>
    </marquee>
    </center>

    </div>
    <br></td></tr></table>

working thanks.. thank you so much admin nep

Is this solved?

yes. close it now. thanks!

<div class="solved">Solved & Locked</div>