Will RCS allow a carousel-like...

Mar 12th, 2019 at 07:06 PM
User 122279 Photo

Inger
Senior Advisor
14,566 posts
Online Now

Diana, I don't know if you agree, but I downloaded those 4 images and made them all the same size and aspect ratio. I had to use the guitar image as the 'yardstick', as it was much smaller than the other ones. They are now 3:4 and have a physical size of 860px width. They can be stretched to at least 1000px without getting pixelated. You can download them from my dropbox: https://www.dropbox.com/s/m3x3nj4r2679m … d.zip?dl=0
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Mar 12th, 2019 at 07:35 PM
User 2699991 Photo

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

I knocked up an example using the images as a background
some resize for images

Header & Menu with "fixed" position so that they stay in view when or if the visitor scrolls to see the footer stuff

https://youtu.be/iZkJedBKYT8

Only an idea for you to think about
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/
Mar 13th, 2019 at 10:21 AM
User 2503578 Photo

DianaH
Registered User
102 posts

How do you get the text to overlay the orbit pictures?
Mar 13th, 2019 at 10:43 AM
User 2503578 Photo

DianaH
Registered User
102 posts

If I could read better, I'd know you said to use a "fixed" position. I'll give it a try.
Mar 13th, 2019 at 11:47 AM
User 379556 Photo

Frank Cook
Registered User
1,568 posts

There isn't any fancy styling or auto-animation in the attached simple Vanilla SD V3 project file. It's just how I understood the request in the first post of this thread.

More expert solutions have already been provided. but the very simple principles I used may be of interest to someone. It's simply a picture container strip that is moved by increasing or reducing its negative left margin.

I've temporarily put the exported web-page here.

Frank
Attachments:
Mar 13th, 2019 at 12:02 PM
User 2503578 Photo

DianaH
Registered User
102 posts

Frank,

Thank you! Your example is great and I downloaded the zip file. Just shows there are many ways to make this work and I'm thrilled to have so many different options now.

Diana

Mar 13th, 2019 at 12:33 PM
User 2503578 Photo

DianaH
Registered User
102 posts

Inger,

Thank you for fixing the photos. Photo size a critical detail that I need to watch.

Diana
Mar 13th, 2019 at 12:37 PM
User 2503578 Photo

DianaH
Registered User
102 posts

One other question. I changed my text to "fixed" position and was able to bring it up a level with Z so that it doesn't cover the photo. I'm struggling with how to center the text. I tried with both Header and Paragraph. I centered the text on both. The only way I could get it to center was to give a max width in Dimensions. But it may center on one large screen and on a wide screen with a different width, it's off.

This is based on Wayan's recommendation. I'm using SDv3 and the site is built using Foundation.

Diana
Mar 13th, 2019 at 01:00 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,245 posts

Can you share link so we can see the issue?
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
Mar 13th, 2019 at 01:13 PM
User 122279 Photo

Inger
Senior Advisor
14,566 posts
Online Now

Maybe you just need to center the containers (the paragraph and the header) by setting margin: auto on both left and right.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com

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.