Music plalist in Site Designer ?
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
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,
Can you share a link to your page with the elements added?
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
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
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
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/
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/
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
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/
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/
The frameworkless component LIVE view
https://alphathemes.coffeecup.com/index.html
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/
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/
The frameworjless component download (with PDF doc) is here
https://alpha1themes.asia
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/
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/
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/
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/
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
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
Eric Rohloff wrote:
Hi Michael,
Can you share a link to your page with the elements added?
Hi Michael,
Can you share a link to your page with the elements added?
Thanks Eric , sorry , site is not online yet . Regards , Michael
Inger has audio playlists on her component site at
https://mock-up.coffeecup.com/f-comps/f … ylist.html
https://mock-up.coffeecup.com/va-comps/ … ylist.html
https://mock-up.coffeecup.com/bs-comps/ … ylist.html
https://mock-up.coffeecup.com/ma-comps/ … ylist.html
Frank
https://mock-up.coffeecup.com/f-comps/f … ylist.html
https://mock-up.coffeecup.com/va-comps/ … ylist.html
https://mock-up.coffeecup.com/bs-comps/ … ylist.html
https://mock-up.coffeecup.com/ma-comps/ … ylist.html
Frank
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.