Adding svg elements to SD 5

User 81177 Photo


Registered User
21 posts

I am attempting to add the wave banner/divider to a Frameworkless format. I've not yet attempted to see how it functions in any of the other formats. I did start this as mobile first, though I am used to thinking desktop first.
The webpage (https://blue-moon-gypsy.coffeecup.com/index.html) shows both the image svg and the path svg.
The path is the top most (It seems to push the graphics downward) It should respond like a background image.
The 2nd/lower version of the wave is an svg image. It doesn't span the page no matter what I have tried (cover, fill, et al) No repeat. Centered. Doesn't fill the screen.

Normally the svg path behaves like a background image so text and images will sit on top of it.
The blue moon (thank you wayan) is supposed to sit in the upper left corner, with text to sit beside it as the "LOGO" plus link. The plan is to have the navigation to the far right inside that blue wave.

Any suggestions to accomplish the desired outcome would be greatly appreciated. It seems I might have to just create in the html editor to make it work.

There has to be a work around or some good documentation on how to create the more advanced layouts.
The future is waiting for a radial menu to the right, overlaying a MOON image. What joy!

Thank you

Walk in a beauty Way
User 2699991 Photo


Registered User
4,383 posts
Online Now

Hi Kitty
All of that would have been included in the Tutorial I offered regarding the multi dropdown menu.
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

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 81177 Photo


Registered User
21 posts

Wayan Jaya wrote:
Hi Kitty
All of that would have been included in the Tutorial I offered regarding the multi dropdown menu.


Hi Wayan. I've been away since I wrote that post. I haven't had a chance to look at anything (I didn't know it was there) yet, been dealing with injury and lack of sleep.

I'll find where it's linked and take a look.

Hope you're doing well.
Kitty
Walk in a beauty Way
User 2699991 Photo


Registered User
4,383 posts
Online Now

Kitty wrote:
Wayan Jaya wrote:
Hi Kitty
All of that would have been included in the Tutorial I offered regarding the multi dropdown menu.


Hi Wayan. I've been away since I wrote that post. I haven't had a chance to look at anything (I didn't know it was there) yet, been dealing with injury and lack of sleep.

I'll find where it's linked and take a look.

Hope you're doing well.
Kitty


It isn't anywhere Kitty
I was waiting a reply from your other thread, regarding the tutorial, I have made a page on my new site for you, but you need get the login details (not going to make it public yet) you need send me email to get the login and password) details are in my signature below
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

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
4,383 posts
Online Now

The future is waiting for a radial menu to the right, overlaying a MOON image. What joy!

That would be fairly easy to do using foundation framework
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

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
4,383 posts
Online Now

I have just realised you are using 'frameworkless' my tutorial was for foundation, i thought thats what you were using
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

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 81177 Photo


Registered User
21 posts

I've used several different platforms, still not quite getting to what I'm imagining. It doesn't matter what you do it in, Wayan as I will bend with the wind.

I sent you an email request.

Kitty
Walk in a beauty Way
User 2699991 Photo


Registered User
4,383 posts
Online Now

Kitty wrote:
I've used several different platforms, still not quite getting to what I'm imagining. It doesn't matter what you do it in, Wayan as I will bend with the wind.

I sent you an email request.

Kitty


Did you use the SVG from the link provided in the video?
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

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

I have also started updating the ready made step by step tutorials, Ready Soon

my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 81177 Photo


Registered User
21 posts

Wayan Jaya wrote:

Did you use the SVG from the link provided in the video?


I can't recall.
Walk in a beauty Way

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.