MyBB Community Forums

Hey guys,

I have been changing the appearance of the buttons via a custom css class, and I'm now encountering problems with the multiquote button that can be found on the Post Bit Multiquote template.

After removing the MyBB default image, it is refusing to recognise when it is clicked. This happens irrespective of if I add the class styling.

This is the default for that particular template:

<a href="javascript:Thread.multiQuote({$post['pid']});" style="display: none;" id="multiquote_link_{$post['pid']}"><img src="{$theme['imglangdir']}/postbit_multiquote.gif" alt="{$lang->postbit_multiquote}" title="{$lang->postbit_multiquote}" id="multiquote_{$post['pid']}" /></a>
<script type="text/javascript">
//<!--
	$('multiquote_link_{$post['pid']}').style.display = '';
// -->
</script>

Any suggestions so it'll work still with the coded styling? For the other buttons I've been taking the img src out and adding the class name to the a href with success except for this time.

Try this post:

http://community.mybb.com/thread-120533-...#pid873660

(2013-05-04, 10:34 AM)Leefish Wrote: [ -> ]Try this post:

http://community.mybb.com/thread-120533-...#pid873660

Thanks, that's a handy topic!

However, this is just for the one skin I'm providing someone else - is there anyway to do it without touching their JS files? Trying to make the import of the skin as simple as possible for them.

Not really; but you can change the link to the threads.js in the template(s) to get the js from a custom js in the theme folder

Good idea, thanks!

Took a break kinda but back now.

Linking to the hosted elsewhere thread.js - template changes go where?
Looking at the link given, I've uploaded a new version of the thread.js file with the changes suggested.

Now where do I go in the templates of the skin to tell it to grab the modified version (remember this skin is being made for someone else who may have other skins to choose from)?

CSS Edits Required
Also, I want to double check the CSS requirements and template modifications required. All other buttons are currently coded thus:

.draebutton a {
       padding: 4px;
       margin-top: 4px;
       margin-bottom: 8px;
       margin-left: auto;
       margin-right: auto;
       border: 1px inset #0b54ae;
       border-radius: 5px;
       box-shadow: 1px 1px 2px #0b54ae;
       color: #0b54ae;
       text-align: center;
       font-family: 'Megrim', cursive;
       font-size: 14px;
       text-transform: uppercase;
       text-decoration: none;
       text-shadow: none;
       background: url(http://i6.photobucket.com/albums/y244/j9wolf/lastfrontier/mal2_yellow.png) #060606;
}

.draebutton a:hover {
       padding: 4px;
       margin-top: 4px;
       margin-bottom: 8px;
       margin-left: auto;
       margin-right: auto;
       color: #0bb9ae;
       text-align: center;
       font-family: 'Megrim', cursive;
       font-size: 14px;
       text-transform: uppercase;
       background: url(http://i6.photobucket.com/albums/y244/j9wolf/lastfrontier/mal5.png) #060606;
}

An example of a button template:

<a href="private.php?action=delete&amp;pmid={$id}&amp;my_post_key={$mybb->post_code}" class="draebutton">Delete</a>