Music plalist in Site Designer ?

User 2093401 Photo


Registered User
10 posts

Hello ,

Is there a template for this ? Can't find anything in Coffee Cup

I need a 16 song playlist ...16 play buttons from local mp3s , 1 track at a time to showcase my audio production work .

This sort of thing is perfect : https://codepen.io/craigstroman/pen/aOyRYx

But when I add these elements just this page shows and my responsive site gets obliterated ... ??

Help please .

Thanks , Michael

User 187934 Photo


Senior Advisor
20,239 posts

Hi Michael,
Can you share a link to your page with the elements added?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2699991 Photo


Registered User
5,077 posts
Online Now

Michael Vidale wrote:
Hello ,

Is there a template for this ? Can't find anything in Coffee Cup

I need a 16 song playlist ...16 play buttons from local mp3s , 1 track at a time to showcase my audio production work .

This sort of thing is perfect : https://codepen.io/craigstroman/pen/aOyRYx

But when I add these elements just this page shows and my responsive site gets obliterated ... ??

Help please .

Thanks , Michael



Hi michael
Well there isn't a template for something like you show on the link,,,,, BUT you can use some of the components that come already with Site Designer (although it should really be the foundation framework, all it then needs is stylyng and a little bit of Bali Magic

Here is a video showing something that can be achieved, I made it to sort of showcase one of my favourite bands called RUNRIG from the isle of Skye Scotland.

Its not a finished project yet, but it has something similar to what you want I think

Have a look, enjoy a little bit of the music.
https://youtu.be/d3wDswOx-6E
I will put the project up live later this week, so that anyone else who maybe interested cab see it in real life situation so to speak.

Anyone interested in seeing how its done can get in touch & I will do a step by step tutorial video.

There is also a way to put that code on codepen, into your project without it spoiling your page layout, which I am sure Eric will point out, so I will leave that for him.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,077 posts
Online Now

Hello Again
Well the previous video has gone, and is now replaced with another

https://youtu.be/FD7ihh5NBus

The audio playlist has been developed styled and and improved. There are now 3 versions, 2 for site designer foundation framer and 1 for site designer frameworkless. Both versions just use components readily available within site designer itself, with a little help from a friend "Frank Cook" (CC forum User) who sorted out the JS stuff needed to make the playlist more user friendly, and deserves a big SHOUT OUT to FRANK
The new video is a demo of what can be achieved with the components through styling,
The two basic components can be available on request for downloading, and will be available sometime soon on one of my websites.
That's it for now

Wayan



Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,077 posts
Online Now

The frameworkless component LIVE view

https://alphathemes.coffeecup.com/index.html
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,077 posts
Online Now

The frameworjless component download (with PDF doc) is here

https://alpha1themes.asia
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,077 posts
Online Now

A live view of the reveal playlist has been added, the how to do it step by step videos will be tomorrow Indonesian time
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2093401 Photo


Registered User
10 posts

Wayan Jaya wrote:
A live view of the reveal playlist has been added, the how to do it step by step videos will be tomorrow Indonesian time


Thanks Wayan , cheers , Michael
User 2093401 Photo


Registered User
10 posts

Eric Rohloff wrote:
Hi Michael,
Can you share a link to your page with the elements added?


Thanks Eric , sorry , site is not online yet . Regards , Michael

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.