Step to make custom vote button.

[v10engine]

Hi All,
Let me request for advise for how to edit the classic vote button to my custom style.Thank you so much.

[Elephant789]

Great request but I have a doubt that you will get any help.

[Yankidank]

It would help if you gave us some direction on how you plan to design the button. Its really simple for the most part, you just plug in the code into the design. The only trick to it is that you need to leave in list element <li> so that the vote number will ajax update automatically when pressing "vote".

Here's the original segment of code from link_summary.tpl that pertains to the vote number and vote button:

{if $Voting_Method eq 1}
        {if $story_status eq "published"}
            <ul class="news-upcoming">
        {else}
            <ul class="news-upcoming2">
        {/if}
                <li class="vote-publish"><a id="xvotes-{$link_shakebox_index}" href="{$story_url}">{$link_shakebox_votes}</a></li>
                <li class="vote" id="xvote-{$link_shakebox_index}">
                    {if $link_shakebox_currentuser_votes eq 0 && $link_shakebox_currentuser_reports eq 0}
                        <a href="javascript:{$link_shakebox_javascript_vote}">{#PLIGG_Visual_Vote_For_It#}</a>
                    {else}
                        {if $link_shakebox_currentuser_reports neq 0}
                            <span>{#PLIGG_Visual_Vote_Report#}</span>
                        {else}
                            {if $pagename eq "user" && $user_logged_in neq $link_submitter}
                                <a href="javascript:{$link_shakebox_javascript_unvote}">{#PLIGG_Visual_Unvote_For_It#}</a>
                            {else}
                                <span>{#PLIGG_Visual_Vote_Cast#}</span>
                            {/if}    
                        {/if}
                    {/if}
                </li>
            </ul>
    {/if}

For the most part, you can tweak this however you want by adding elements, but when you start subtracting things you might begin causing small errors like the number not increasing without a page refresh. I suggest just taking this code as is and surrounding certain elements with <div> and <span> classes to style it to your liking.
If you don't have a clue how to style items, or you are a beginner I suggest you either pay someone to help you out or read several articles to help you out. I have no doubt that a lot of you will try to edit this and end up making a lot of mistakes and reporting them on the forum like it's a problem with Pligg, when in fact its a customization issue.

[Yankidank]

I think I will provide more of a tutorial/example of how to do this using Steve Lam's date stamp for wordpress modification for the K2 theme. Hopefully by the end of the weekend I will have enough spare time to do this.

[v10engine]

I would say thank you so much "Yankidank" for reply my thread, for now my site (autosoci) just need to redesign for some number of different graphic buttons that generated and selected from differently of car makers logo, such Toyota logo appeared on vote button when a user submit a news in to toyota catalog, it just to modify of graphic works, but I'm just a newbie for pligg. now I try to read many posts for how to do like this step by step that was a good thing to do, but I think asking is better and faster to reach it.