MyBB Community Forums

I decided to use CSS buttons instead of images for the postbit buttons in my theme but the multiquote button is giving me grief because I don't know how to edit the template so that it shows a pressed button.

Try this: http://community.mybb.com/thread-114905.html

(2012-07-09, 06:43 PM)Yaldaram Wrote: [ -> ]Try this: http://community.mybb.com/thread-114905.html

Thanks, but even he used an image for the multiquote button(s).

Have you changed your CSS to reflect a change when it's turned on? I'm assuming you're using the CSS buttons tutorial from Audentio. If you're not using that tutorial, click here. You'll see how to do it.

Make sure the background color/gradient is different between the two classes:

• a.postbit_button, a.large_button
  
• a.multiquote_on
  

And that in your headerinclude, you have this code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
/**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
jQuery.cookie=function(name,value,options){if(typeof value!="undefined"){options=options||{};if(value===null){value="";options.expires=-1;}var expires="";if(options.expires&&(typeof options.expires=="number"||options.expires.toUTCString)){var date;if(typeof options.expires=="number"){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=o​ptions.expires;}expires="; expires="+date.toUTCString();}var path=options.path?"; path="+(options.path):"";var domain=options.domain?"; domain="+(options.domain):"";var secure=options.secure?"; secure":"";document.cookie=[name,"=",encodeURIComponent(value),expires,path,domain,secure].join("");}else{var cookieValue=null;if(document.cookie&&document.cookie!=""){var cookies=document.cookie.split(";");for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+"=")){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}retu​rn cookieValue;}};
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {

if( $.cookie('multiquote') !== null ) {
    var quoted = $.cookie("multiquote");
    var quoted_split = quoted.split('|');
    jQuery.each(quoted_split, function() {
        $('#multiquote_link_' + this).addClass('multiquote_on');
    });
}

$('a.button_multiquote').click(function() {
    if($(this).hasClass('multiquote_on')) {
        $(this).removeClass('multiquote_on');
    } else {
        $(this).addClass('multiquote_on');
    }
});

});
</script>