Top Bar with animation problem - Page...

Aug 31st, 2020 at 05:09 PM
User 122279 Photo

Inger
Senior Advisor
14,535 posts

Late to the party, but I see Wayan has solved the issue for you!
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Aug 31st, 2020 at 05:50 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Beastro wrote:
Here is a short video (still uploading) about how it appears:
https://youtu.be/CNZo1RdvgAw


I realise that now, so I went ahead & made one from a different component (sticky-notes) restyled it

Asilent demo only movie is also on the way, a how-to with sound will have to be later as it is 4"00 am here family still sleeping

https://youtu.be/kRxopT70uU8
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/
Aug 31st, 2020 at 10:51 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Hi
I have made a "How To" Video for styling a menu component like the one top-menu-responsive.

It is part one of TWO videos because there is quite a bit of work involved, part two will follow.

https://youtu.be/3dacKlgZ8Es
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/
Sep 1st, 2020 at 04:32 AM
User 116462 Photo

Astropilot
Registered User
129 posts

Wayan Jaya Space Cadet wrote:
Hi
I have made a "How To" Video for styling a menu component like the one top-menu-responsive.

It is part one of TWO videos because there is quite a bit of work involved, part two will follow.

https://youtu.be/3dacKlgZ8Es


Thanks a million Wayan! Excellent tutorial, perfect rhythm - not too fast and not too slow - and I am looking forward to part 2. Also you answered many secondary questions along the way concerning the SD interface.

So again, thank you very much!
Kind regards
Berthold, Spain
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5
Sep 1st, 2020 at 04:45 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Thanks a million Wayan! Excellent tutorial, perfect rhythm - not too fast and not too slow - and I am looking forward to part 2. Also you answered many secondary questions along the way concerning the SD interface.

So again, thank you very much!
Kind regards


Well here is part 2

Hope you can follow ok

https://youtu.be/2oToK2FJOhs

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/
Sep 1st, 2020 at 05:24 AM
User 116462 Photo

Astropilot
Registered User
129 posts

Wayan Jaya Space Cadet wrote:
Hi
I have made a "How To" Video for styling a menu component like the one top-menu-responsive.

It is part one of TWO videos because there is quite a bit of work involved, part two will follow.

https://youtu.be/3dacKlgZ8Es


Strangely enough, even this menu seems to have a Flexdirection ROW hardcoded into the CSS once you reach 640px. There is no way to change it in SD. It just stays at a supposed COLUMN setting, while you see the menu switching to ROW orientation.
Berthold, Spain
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5
Sep 1st, 2020 at 05:59 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Beastro wrote:
Wayan Jaya Space Cadet wrote:
Hi
I have made a "How To" Video for styling a menu component like the one top-menu-responsive.

It is part one of TWO videos because there is quite a bit of work involved, part two will follow.

https://youtu.be/3dacKlgZ8Es


Strangely enough, even this menu seems to have a Flexdirection ROW hardcoded into the CSS once you reach 640px. There is no way to change it in SD. It just stays at a supposed COLUMN setting, while you see the menu switching to ROW orientation.


I don't fully understad

You can have it as a row or a column
there is another short video on its way showing it as a column or a row all the way up or down
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/
Sep 1st, 2020 at 06:03 AM
User 116462 Photo

Astropilot
Registered User
129 posts

Wayan Jaya Space Cadet wrote:


I don't fully understad

You can have it as a row or a column
there is another short video on its way showing it as a column or a row all the way up or down


Please disregard my previous post. I forgot to set the breakpoints to "DEFAULT"...:rolleyes::rolleyes:
Berthold, Spain
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5
Sep 1st, 2020 at 06:10 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Beastro wrote:
Wayan Jaya Space Cadet wrote:


I don't fully understad

You can have it as a row or a column
there is another short video on its way showing it as a column or a row all the way up or down


Please disregard my previous post. I forgot to set the breakpoints to "DEFAULT"...:rolleyes::rolleyes:


Hehehehe that happens a lot to a lot of people:D

You really got me going there for a moment, I thought I was beginning to lose my marbles
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/
Sep 1st, 2020 at 07:24 AM
User 116462 Photo

Astropilot
Registered User
129 posts

Wayan Jaya Space Cadet wrote:
Beastro wrote:
Wayan Jaya Space Cadet wrote:


I don't fully understad

You can have it as a row or a column
there is another short video on its way showing it as a column or a row all the way up or down


Please disregard my previous post. I forgot to set the breakpoints to "DEFAULT"...:rolleyes::rolleyes:


Hehehehe that happens a lot to a lot of people:D

You really got me going there for a moment, I thought I was beginning to lose my marbles


It works like a charm! Almost done styling it.
Attachments:
Berthold, Spain
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5

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.