Unmaintained [ValveTime.net] Quote Collapse 1.2

CHANGES IN THIS VERSION

• Customisable suffix that appears after the summary text (by default it is ...) Special thanks to KidCactus for help with this.
• New customisable option for changing the Read More/Less link position. The default option is the classic top-right positioning. You will need to set it to bottom centre in the Options for it to appear like below.

• For the classic positioning, it forces the attribution link DIV even on quotes which have no author or post details to ensure the read more/less link always has a home.

• New indicator now appears on top of the quote instead of hidden behind it on certain styles.

INSTALLATION

• Upload the contents of the "upload" folder to the XenForo root overwriting existing files.
• Upgrade the add-on in the usual way with the provided XML file.
• Don't forget to check out the new customisable options.

If you do not want to use the brilliant Template Modification System (TMS) follow these instructions:

• Download the .zip file and extract the contents.
• Upload the contents of the upload folder to the root of your XenForo installation.
• Do not install using the XML file.
• Find template bb_code_tag_quote.
• Replace:

Code:

<xen:require css="bb_code.css" />

• With:

Code:

<xen:require css="bb_code.css" />
<style>
.read-more
{
float: right;
background-image: url(styles/quotecollapse/more.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 20px;
width: 90px;
position: absolute;
top: 2px;
right: 5px;
}
.read-less
{
float: right;
background-image: url(styles/quotecollapse/less.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 20px;
font-style: italic;
font-size: 9pt;
width: 90px;
position: absolute;
top: 2px;
right: 5px;
}
.linkarea
{
position: relative;
}
</style>
<script src="js/quotecollapse/jquery.expander.js"></script>
<script>
$(document).ready(function() {
  var opts = {collapseTimer: 8000};
  $.each(['beforeExpand', 'afterExpand', 'onCollapse'], function(i, callback) {
    opts[callback] = function(byUser) {
      var by, msg = '<div class="success">' + callback;
      if (callback == 'onCollapse') {
        msg += ' (' + (byUser ? 'user' : 'timer') + ')';
      }
      msg += '</div>';
      $(this).parent().parent().append(msg)
    }
  });
  $('div.expander').expander({
    slicePoint: {$xenOptions.slicePoint},
    widow: 2,
    expandEffect: 'slideDown',
    expandSpeed: {$xenOptions.expandSpeed},
    collapseEffect: 'slideUp',
    collapseSpeed: {$xenOptions.collapseSpeed},
    expandText: '{$xenOptions.expandText}',
    userCollapseText: '{$xenOptions.collapseText}',
    expandPrefix: ''
  });
});
</script>

• Replace:

Code:

<aside>
<xen:if is="{$nameHtml}">
<div class="attribution type">{xen:phrase x_said, 'name={xen:raw $nameHtml}'}:
<xen:if is="{$source}">
<a href="{xen:link 'goto/{$source.type}', '', 'id={$source.id}'}#{$source.type}-{$source.id}" class="AttributionLink">&uarr;</a>
</xen:if>
</div>
</xen:if>
<blockquote>{xen:raw $content}</blockquote>
</aside>

• With:

Code:

<aside class="linkarea">
<xen:if is="{$nameHtml}">
<div class="attribution type">{xen:phrase x_said, 'name={xen:raw $nameHtml}'}:
<xen:if is="{$source}">
<a href="{xen:link 'goto/{$source.type}', '', 'id={$source.id}'}#{$source.type}-{$source.id}" class="AttributionLink">&uarr;</a>
</xen:if>
</div>
</xen:if>
<div class="expander">
<blockquote>{xen:raw $content}</blockquote>
</div>
</aside>

As requested by many, the read more/less link is now in a fixed position at the top right hand corner.

HOW TO UPGRADE:

• If you already have this installed, download the ZIP.
• You do NOT need to upload anything. Nothing has changed in the styles or js folder.
• Extract the XML file.
• Go to your Admin CP > List Add Ons > Find [ValveTime.net] QuoteCollapse > Upgrade
• Browse to the XML file and upgrade.

Please rate if you like it