Skip to content

Instantly share code, notes, and snippets.

@Nefelibatax
Last active August 29, 2015 14:03
Show Gist options
  • Save Nefelibatax/348cc39a0a113b661159 to your computer and use it in GitHub Desktop.
Save Nefelibatax/348cc39a0a113b661159 to your computer and use it in GitHub Desktop.
<!-- 'background:#85d9ce;' is the colour of the circle div, make sure you have the same colour code for 'color=85d9ce' in the iframe tag to make is seem like it's circular
Find: 'api.soundcloud.com/tracks/143989619' from your OWN soundcloud iframe code and only take the NUMBERS after 'tracks/' the number '143989619' is what you'll replace in the iframe code below -->
<div style="background:#85d9ce;height:50px;width:50px;float:left;overflow:hidden;border-radius:100%;margin:0px 0px 0px;">
<div style="height:34px;width:25px;float:left;overflow:hidden;margin:9px 12px 0px;">
<div style="height:60px;width:65px;float:left;margin:-19px 0px 0px -18px;">
<iframe height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/143989619&amp;color=85d9ce&amp;&amp;hide_related=true&amp;show_artwork=false" style="border-radius:100%;" width="100%"></iframe>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment