Separate the permalink and sharing overlay in posts

Separate the permalink and sharing overlay in posts

Paul B

XenForo moderator
Staff member
Brogan submitted a new resource:

Separate the permalink and sharing overlay in posts (version 1.0) - Ever wanted a permalink and an overlay? Well now you can.

A few people have commented that it's not immediately obvious that clicking on the permalink in the bottom right of a post will bring up the sharing overlay.

This simple template edit will separate the two, hopefully making it more obvious.

It also rearranges the order of the links slightly, moving the permalink to the far right.

First you need to create two new phrases.
You can name these however you want, as long as you use the same naming in the template (highlighted in red in the code...

Read more about this resource...
 
Brogan, just noticed something with this overlay. Seems to be 'underneath' the BBCode for SoundCloud for me. Any thoughts on how to fix this and put the SoundCloud BBCode to the 'back'?
BBCode_Overlay.webp
 
That's an issue with the soundcloud media bb code.

Add wmode=opaque or the equivalent to it.
 
That's an issue with the soundcloud media bb code.

Add wmode=opaque or the equivalent to it.

This is what I'm using for the embed html

Code:
<object height="81" width="100%">
<param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2F{$id}&amp;g=bb"></param>
<param name="allowscriptaccess" value="always"></param>
<embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2F{$id}&amp;g=bb" type="application/x-shockwave-flash" width="100%"></embed>
</object>

Where do I enter the wmode=opaque?
 
You could try within the src="..." but ideally you need to check the Soundcloud site and see what parameters are available for use in the embed code.
 
Just added this to another project and I have to say it is a great improvement to assist with sharing your content and getting the word out via social networking :)
 
"The end result is this (I have also changed the Reply link phrase to Quote)"... Where to find this to change?
 
Is there changes already, or it was extra changes? <div class="publicControls">
<xen:hook name="post_public_controls" params="{xen:array 'post={$post}'}">
<xen:if is="{$post.canLike}">
<a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span></span><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
</xen:if>
<xen:if is="!in_array({$visitor.user_id}, array(1445))">
<xen:if is="{$canReply}">
<a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}" data-postUrl="{xen:link posts/quote, $post}" class="ReplyQuote item control reply" title="{xen:phrase reply_quoting_this_message}"><span></span>{xen:phrase reply}</a>
</xen:if>
</xen:if>
</xen:hook>
<a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase cta_share_this_post}" class="item control postNumber hashPermalink OverlayTrigger" data-href="{xen:link posts/permalink, $post}">{xen:phrase cta_share}</a>
<a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="item muted postNumber" data-href="{xen:link posts/permalink, $post}">#{xen:calc '{$post.position} + 1'}</a>
</div>
 
I did but without success


51b72bce1a049724904e82e10835cb1a.png
 
The current post template in 1.5 is a little different than the one that is shown in the instructions. Should the replacement portion be changed as well?
 
Top Bottom