Will RCS allow a carousel-like...

User 122279 Photo


Senior Advisor
14,550 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


User 2699991 Photo


Registered User
5,079 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/
User 2503578 Photo


Registered User
102 posts

How do you get the text to overlay the orbit pictures?
User 2503578 Photo


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.
User 379556 Photo


Registered User
1,561 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:
User 2503578 Photo


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

User 2503578 Photo


Registered User
102 posts

Inger,

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

Diana
User 2503578 Photo


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
User 187934 Photo


Senior Advisor
20,241 posts
Online Now

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
User 122279 Photo


Senior Advisor
14,550 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.