• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Separate the permalink and sharing overlay in posts

Separate the permalink and sharing overlay in posts

Brogan

XenForo moderator
Staff member
#1
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...
 

ArnyVee

Well-known member
#2
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.jpg
 

ArnyVee

Well-known member
#4
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?
 

Brogan

XenForo moderator
Staff member
#5
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.
 

ArnyVee

Well-known member
#7
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 :)
 

avalon-ua

Active member
#11
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>
 

popr

Active member
#15
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?