WGAN Forum
Founder &
WGAN-TV Podcast
Host
Atlanta, Georgia |
DanSmigrod private msg quote post Address this user | |
Hi All,
Here are three ways to add your logo to your Matterport 3D Tour:
✓ WP3D Models WordPress Plugin (Tagged: WP3D Models)
✓ MPEmbed (Tagged: MPEmbed)
✓ CAPTUR3D (Tagged: CAPTUR3D)
✓ Add Code courtesy of @Wingman
Best,
Dan
P.S. From a Related WGAN Forum discussion:
✓ How to add branding (logo) and Video to Matterport 3D Tours
Quote:
Originally Posted by Wingman This is a code you can use without Capture3D or any extra overlay. I have rewritten it from the code posted on MOUG as their code is not usable and a logo covers all tour window without any way to open the tour behind it.
<div align="center">
<div style="position: relative; width: 853px; height: 480px">
<img style="width:100px; height:100px; position: absolute; top: 1px; right: 1px; z-index: 1" src="Company-logo.png">
<iframe width="100%" height="100%"
src="https://my.matterport.com/show/?m=GxLp36Ssyrs&hl=1&play=1" frameborder="0"
allowfullscreen></iframe>
</div>
</div>
You can play with a logo position and move it to different corners by changing "top" to "bottom" or "right" to "left".
And I am sure it should not be a problem to turn your logo into a link. Even though the code should be rewritten to include HTML Anchor tag or onclick action added to the image tag with a bit of javascript.
This is what it looks like when teh code above is used.
Quote:
Originally Posted by Wingman And the code below is a code for a clickable logo
<div align="center">
<div style="position: relative; width: 853px; height: 480px">
<img style="width:100px; height:100px; position: absolute; top: 1px; right: 1px; z-index: 1" src="mylogo.png" onclick="javascript:goTo()">
<iframe width="100%" height="100%"
src="https://my.matterport.com/show/?m=GxLp36Ssyrs&hl=1&play=1" frameborder="0"
allowfullscreen></iframe>
</div>
</div>
<script>
function goTo() {
var myUrl="https://www.wingmanmedia.com.au";
window.open(myUrl);}
</script>
It does not change a cursor style from a cursor to a hand when you bring a cursor over your logo but it can be added too if needed.
Dan if you think it should be moved to a separate topic please do so. |
5 years ago |
Post 1 IP
flag post |