Voting Buttons - Remove Minus & Change Image
A Warm Welcome


 
This site is - 320 Days Old
A Warm Welcome to Zan's Zone Guest
Please feel free to come and go as you please.
Please tell me if you see any mistakes in the skin so that I can fix it.
Feel free to add a link to your own board, blog or website in your signature.
The size of images added to signatures are restricted to avoid long scrolling passed them.
If you have made a post on your own board and you would like to post a link to it, Post it Here
This Week’s Video
Whatcha Up To?

My Time & Weather

Click for Bournemouth, United Kingdom Forecast

Worthwhile Charities

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 : 1231
Kudos : 103
Mood : Bunged up with a cold
Birthday : 1st Nov
Scorpio

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 http://www.zandranna.com/u1wall https://twitter.com/zandranna
Zandranna
Owner
Owner
avatar

Name : Sandy
Location : Dorset
UK
Posts : 1231
Kudos : 103
Mood : Bunged up with a cold
Birthday : 1st Nov
Scorpio

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 http://www.zandranna.com/u1wall https://twitter.com/zandranna
 
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: