Voting Buttons - Remove Minus & Change Image

A Very Warm Welcome.


 
Affiliates


Affiliates at a Glance

(Replaces the Marquee)

Latest Activity
Whatcha Doin’ Now
Feel free to add a link to any post of yours that might be of interest to others.
This Week’s Song
Facts

Shakespeare made up the name “Jessica” for his play Merchant of Venice.
Shakespeare probably based it on the biblical name ISCAH, which would have been spelled Jescha in his time.

Share | 
 

 Voting Buttons - Remove Minus & Change Image

View previous topic View next topic Go down 
AuthorMessage
Zandranna
Owner
Owner
avatar

Name : Sandy
Location : Dorset
UK
Posts : 975
Kudos : 58
Mood : Content
Birthday : 1st Nov
Scorpio Rat

PostSubject: Voting Buttons - Remove Minus & Change Image   16/02/17, 12:57 pm

How to remove the minus voting.

Display > Templates > General > viewtopic_body

Find: Usually around line 170

Code:

        <!-- BEGIN switch_no_bar -->
                                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                                    <!-- END switch_no_bar -->
        
                                    <!-- BEGIN switch_vote -->
                                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                                    <!-- END switch_vote -->        


Then replace with this........

Code:

        <!-- BEGIN switch_no_bar -->
                                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar" style="display: none;">----</div>
                                    <!-- END switch_no_bar -->
        
                                    <!-- BEGIN switch_vote -->
                                    <div class="vote-button" style="display: none;"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
                                    <!-- END switch_vote -->

Back to top Go down
View user profile https://twitter.com/zandranna http://www.zandranna.com/u1wall
Zandranna
Owner
Owner
avatar

Name : Sandy
Location : Dorset
UK
Posts : 975
Kudos : 58
Mood : Content
Birthday : 1st Nov
Scorpio Rat

PostSubject: Re: Voting Buttons - Remove Minus & Change Image   16/02/17, 01:11 pm

To then add your own image.......  About 158

Code:

<!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->


And change it to this............... Changing the url of the image to one of your own.

Code:

<!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
<!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="https://imgfast.net/users/3716/78/29/67/album/heart-10.gif"></a></div>
 <!-- END switch_vote -->

You will then have to go to the CSS and add......

Code:

.vote {
 width: 20px;
 }


Change the width to adapt to the width of your image.
Back to top Go down
View user profile https://twitter.com/zandranna http://www.zandranna.com/u1wall
 
Voting Buttons - Remove Minus & Change Image
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Zan's Zone :: How Can I Help? :: Help for Board Owners :: Tips & Tricks-
Jump to:  

Advertising Us & Our Websites


The Best of Top 100s