Resource icon

Unmaintained [ValveTime.net] Quote Collapse 1.2

No permission to download
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.
quotecollapse_new.PNG

  • 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.
quotecollapse_new2.PNG

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

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.

quotecollapse_1.PNG


quotecollapse_2.PNG


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 :)
Top