Full width slider

Add your program to the full width slider, many people want it, should not be hard for you ... full screen slider takes up a lot of space and problematic in terms of design ... PLEASE

Hi
Thank you for the suggestions, please feel free to suggest you points in our Ideas section.
Regarding full width slide show , you can try this :
http://www.musegrid.com/adobe-muse-widgets/iframe-builder-pro
Thanks,
Sanjit

Similar Messages

Full width slider problem

Hi
I want to create website with full-width slidershow. But when i publish from the muse neither the full width slider is shown nor the image.
im sharing the link that i published from muse: http://pakstaryeni.businesscatalyst.com/index.html
and this is the image from adobe muse preview :
I tried almost everthing i can but in the end it never works. Can you please help me how to solve this issue?
thank you
eray

Hi Abhishek
its the same. I could not fix this problem. I also made another website which has the same problem. This is the link of new website: http://atasehirmey.businesscatalyst.com/index.html
Again slider in main page does not work, compositions are not working and gallery doesnt appear. Do you have any suggestion to fix this?
Thank you
Eray

Full width slider in a fluid grid layout ???

I'm fairly fluent in Dreamweaver building fixed pixel sites, but cannot seem to grasp fluid grid layouts. At least with what I'm trying to accomplish. mostly all of the tutorials Ive seen dont address anything complicated.
Question:
I'm trying to achieve a 100% nivo slider at the top of a page, with a main body area below it that only uses 960px or what ever the equivalent would be as a percentage. How do I do this?
Initially for testing purposes, I tried to experiment by simply creating two divs. One full screen and one less than that. What I am seeing first is that after creating two divs, and placing color in the divs, when viewed in browser, it does not fill the screen and leaves a small margin on either both side. Looking into the css properties, there's padding in the grid container and the percentage is less than 100%. Why If 100% is selected when setting the new document properties.
Maybe this is the wrong way to achieve what I'm trying to achieve, but I did attempt to get started here. I'm totally lost here guys and girls. Are there any advanced tuts out there that address this?
Thanks in advance!
Bob
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">Use Insert Panel for additional Fluid Grid Layout Div tags. Note: All Layout Div tags must be inserted directly inside the "gridContainer" div tag. Nested Layout Div tags are not currently supported. </div>
<div id="LayoutDiv2">This is the content for Layout Div Tag "LayoutDiv2"</div>
</div>
</body>
</html>
@media only screen and (min-width: 769px) {
.gridContainer {
    width: 98.5507%;
    max-width: 1232px; (I deleted this)
    padding-left: 0.7246%;
    padding-right: 0.7246%;
    margin: auto;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#LayoutDiv2 {
    clear: both;
    float: left;
    margin-left: 22.549%;
    width: 54.9019%;
    display: block;

Thanks for the input. I have the slider working now. Placing it before the grid container worked. Also setting the desk top grid to 81-88% answered my other question. That renders the gutters I'm looking for. But I have a question. I asked this above. If I select 100% on the mobile, 100% for tablet, and 88% for desktop, why does DW produce padding in the css files? I keep hearing references to not mess with the css file, and create a new file to perform styling. Can I safely delete this padding and change this percentage to 100%? Confusing to me. If it's mobile first, and all calculations are based on these numbers, then.... Well you understand what I'm saying.
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
So secondly, do we create a separate css file for styling?
And third, how do you create subsequent pages. Does this work with dwt files?
Thanks in advance. I will get my head around this soon, I promise.
B

Full Width Image/Slider

Hi everyone,
I'm having some problems using the full width option in relation to height.
I want my image to adjust to both height and width as per the top image/slider following Adobe Muse Site of the day website - Home
At present the width of my image adjusts perfectly on different browsers, but the height just cuts out part of the image rather than increasing it's size. The images I am using are more than adequate in size to adjust to even the largest of resolutions.
Since the above Adobe Muse created site manages to achieve responsive height and width I was wondering how this is achievable?
Thank you

Can someone tell me how one would go about getting some customer support from Adobe?

Full Screen Slide Show and Full Width Object Odd Behavior

This look slike a bug to me. It happens in both the shipping version and the new native beta version of Muse.
I made a full screen slideshow. Put a full, browser-width rectangle at the top of the page for the Nav Bar. Rectangle is 75 pixels deep and touches the top of the browser.
Preview in browser, all is well.
Now, put a horizontal menu on top of the rectangle and set it to be also 75 pixels tall. Preview in browser and the full-width horizontal rectangle disappears. Make it not full-width, and it comes back.
If you can't re-produce this, I can post my page on Business Catalyst or send a file to Adobe.

By default iWeb resizes your images to no more than 800X600. They playback in a window.
If you want viewers to see the full size images you want to make a "Photocasting" page.
http://www.apple.com/ilife/iphoto/features/photocasting.html

How can you create a screen width slide show?

I have created screen width images that resize depending on the screen resolution using the fill option.
However, when I use any of the slide show widgets and size them to the edge of the site, it doesn't fill the screen width on the live mode. It always leaves a margin.
What can I do?

Widgets do not support full width or responsive. I hope they do support it in the near future though.

Full Width 'Basic' Slideshow

I am trying to make the slideshow on my page full width, which will expand with the window size. I have dragged to the edges of the screen but it doesn't go to edge of the screen when previewing in a browser.
Could someone please help?!
Thanks,
Jon

100% width is a CSS BASIC. I don't get it. Designers are using 100% in their designs...it's very popular. How did this one roll off the table? 100% slide shows are years old. Nothing new...I don't get the "miss" on this but it would be nice to have a Creative Cloud membership that has complete products rather than a bunch of them that are constantly being sourced for customer feedback. No one wants a produict in eternal preview and it used to be that "previews" or betas were a user's option.
I think Adobe needs to remove "preview" products from CC - no one wants to be met with the frustratin of a product that does not have all the considerations...esoecially when they are paying $50 a month. it's like paying for pain.
In the case of not having 100% width for slideshows, it's kinda like building a house with doors.

Full Width Composition Slideshow

I know you can have a slideshow that is full width but I want a slideshow with Targets, not thumbnails, which I normally use a Composition. But when I select the Composition the Full Width button is not available. Is this a future feature? Is there a work around?

Is there a work around for creating a full width composition. I'd like to use it as a slide show with individual click throughs.
I've done it by oversizing the images, but its not great.....Home Technology Design & Consultancy Services, Living Home Tech, design and install home automation solutions including …
If only the full width button worked with compositions...
Do you know if this is on the list to be looked at?
Thanks.
Paul

Uneditable full-width bitmap images

Under what settings does Captivate record the state change of various UI elements, like the depression of buttons and the checking of check boxes, as additional narrow, full-width bitmap slices which are not editable or localizable?
For new recordings, it looks like creation of these slices can be avoided by deselecting Record keystrokes in the Recording > Settings category in Edit > Preferences or in Record/Create > New Project > Settings. Is this correct and a known issue?
Has anyone any insight on how to avoid these uneditable full-width bitmap images? The goal is to have a single background that can be localized so they are a major headache and I'd like to know how they can be avoided. Thanks.

I'm complelely baffled. The only bitmap you should have is the background. If you haven't solved your problem, send me your file or a representative slide or two so I can take a look. Sounds like gremlins in the Print Screen key.
Leslie Bivens
E-Learning Developer/Captivate Coach
[email protected]

100% width slide show misaligns content placed over it

I have been able to replicate this a few times and was wondering if anyone had any insight or the same issue:
1. Add 100% width slide show (full page) to page from widget menu.
2. Once established, add 100% width rectangle at top ( this is where logo and horizontal menu will go)
3. Add logo and menu over 100% width rectangle.
4. Change opacity of rectangle to 64%
5. Publish to BC
Upon publish, the rectangle gets pushed up about 40px and the logo and menu and pushed down about 20px. It seems something gets inserted? Very frustrating. I have tried putting the slide show in a separate layer as well. No luck.
on PC, windows 7 ultimate.

Sure: Home
This is a basic page:
Full page/width slide show - you can see that I only deleted the captions and arrows - no other changes to slideshow.
Full page slide show with a rectangle (no border, opacity 77%. height: 102px)
Tagline over the rectangle.
Logo Rectangle with "Logo" text over that.
You can see the transparent rectangle gets pushed up, the other elements remain in place.
I can replicate this over and over and just did this example on a Windows machine again - different computer.

Hi Guys, I am using the full width video widget on a site. The widget was working perfectly however I have just added additional content to the site and re-uploaded and now the video is not working! Please help I have tried everything and am freaking out

Hi Guys,
I am using the full width video widget on a site. The widget was working perfectly however I have just added additional content to the site and re-uploaded and now the video is not working! Please help I have tried everything and am freaking out as this web-site has been payed for by my client.
Alex

Many thanks.
With those symptoms, I'd try the following document:
Apple software on Windows: May see performance issues and blank iTunes Store
(If there's a SpeedBit LSP showing up in Autoruns, it's usually best to just uninstall your SpeedBit Video Accelerator.)

How can I create an adaptable full-width site with sliding parallax panel?

Hi guys!
I have to create a web site with a full-width resolution, adaptable with any monitor and resolution using some panels that moves using the parallax scroll-motion with a sliding effects.
For example I nedd a site like "collecdiv.com" that works with the same effects and with an adaptable full-widht size page.
Here's some screen I take of my site with a 22" 1920x1080 resolution and a 15" 1280x1024.
The 4 tab I want to see in full width and in scroll motion parallax: four with a resolution of 22" and the other four with a resolution of 15" (the screen are made with paint to let you see what is the problem)
In the first tab there's a slideshow widget with some photo, in the other tabs there's a rectangular form with an image fill... I have to see the same layout that I see in my 22" monitor, in other smaller or bigger monitor (like 15") just like in the "collecdiv.com" website... The Dimension of my muse file is 960px width
How can i resolve the problem? How can I fix the screen so anyone else can see my site without problem and with all the resolution?
Who can help me? PLEASE
Thanks in advice
Francesco
P.S.: an advise... check the site "www.collecdiv.com" to see what I nedd

I'm adding this screenshot so you can understand the problem... The 4 tab I want to see in full width and in scroll motion parallax: four with a resolution of 22" and the other four with a resolution of 15" (the screen are made with paint to let you see what is the problem)
In the first tab there's a slideshow widget with some photo, in the other tabs there's a rectangular form with an image fill... I have to see the same layout that I see in my 22" monitor, in other smaller or bigger monitor (like 15") just like in the "collecdiv.com" website... The Dimension of my muse file is 960px width
Pleas help me

How do I create a Full Width Photo for a Liquid Layout - CS3

Greetings & Help!
I'm trying to create a full width photo layout without the
photo's being tall.
Exactly as the following websites - which all seem to be
using the same size of photo or very close to it.
This site is static with full width photos that are not tall.
http://www.jenniferhandyproperties.com/selling
This site is static for the most part and full width photos
that are not tall
http://www.gnvpartners.com/web/
This site is Flash with full width photos that are not tall.
expodesigncenter
I would love to create a flash site just like expo but at
this point I would settle for a static photo with the same size
being the same on each page.
Also I would like my site to be a liquid layout so the photo
and everything else (text, Links etc) on the page flows correctly.
The problem...
I'm trying to use photo's from Istockphoto.com. The size of
the photo's they offer are
425 x 282 px (5.9" x 3.9")
849 x 565 px (11.8" x 7.8")
1698 x 1131 px (5.7" x 3.8")
I'm selecting horizontal photo's. I do not know how to match
the same width, height and appearence as the websites I mentioned
above.
If I choose a photo that fits the width then the length is
too long. Also if I choose a large photo and have to crop it then
most of the detail of the photo is lost.
I'm attempting to create a mock-up for my web in Fireworks
CS3 and after search Adobe and www I came across the mock up should
be 1004px which would end up being 1024 with vertical scroll bar
and small margins.
I also have Photoshop & Flash CS3 but should mention (if
you haven't already guess it by now) I am a rookie when it comes to
creating a website.
So if you can offer a solution in "Non-Tech Terms" I would
appreciate it.
Thank you in advance for your time.

Greetings & Help!
I'm trying to create a full width photo layout without the
photo's being tall.
Exactly as the following websites - which all seem to be
using the same size of photo or very close to it.
This site is static with full width photos that are not tall.
http://www.jenniferhandyproperties.com/selling
This site is static for the most part and full width photos
that are not tall
http://www.gnvpartners.com/web/
This site is Flash with full width photos that are not tall.
expodesigncenter
I would love to create a flash site just like expo but at
this point I would settle for a static photo with the same size
being the same on each page.
Also I would like my site to be a liquid layout so the photo
and everything else (text, Links etc) on the page flows correctly.
The problem...
I'm trying to use photo's from Istockphoto.com. The size of
the photo's they offer are
425 x 282 px (5.9" x 3.9")
849 x 565 px (11.8" x 7.8")
1698 x 1131 px (5.7" x 3.8")
I'm selecting horizontal photo's. I do not know how to match
the same width, height and appearence as the websites I mentioned
above.
If I choose a photo that fits the width then the length is
too long. Also if I choose a large photo and have to crop it then
most of the detail of the photo is lost.
I'm attempting to create a mock-up for my web in Fireworks
CS3 and after search Adobe and www I came across the mock up should
be 1004px which would end up being 1024 with vertical scroll bar
and small margins.
I also have Photoshop & Flash CS3 but should mention (if
you haven't already guess it by now) I am a rookie when it comes to
creating a website.
So if you can offer a solution in "Non-Tech Terms" I would
appreciate it.
Thank you in advance for your time.

How can I get a header image to span full width of page?

Hi All
I have tried just about every thing to get this image to span the full width of the page, its fine in design mode but when I view it in preview its centred with white space either side.

Hi Brad
Thanks for your reply, I have treied that also with similar results.

How do I create a web mock-up using Full Width Photo's

Greetings & Help!
I'm trying to create a full width photo layout using
Fireworks CS3 & Dreamwaver CS3 without the photo's being tall.
Exactly as the following websites - which all seem to be
using the same size of photo or very close to it.
This site is static with full width photos that are not tall.
http://www.jenniferhandyproperties.com/selling
This site is static for the most part and full width photos
that are not tall
http://www.gnvpartners.com/web/
This site is Flash with full width photos that are not tall.
expodesigncenter
I would love to create a flash site just like expo but at
this point I would settle for a static photo with the same size
being the same on each page.
Also I would like my site to be a liquid layout so the photo
and everything else (text, Links etc) on the page flows correctly.
The problem...
I'm trying to use photo's from Istockphoto.com. The size of
the photo's they offer are
425 x 282 px (5.9" x 3.9")
849 x 565 px (11.8" x 7.8")
1698 x 1131 px (5.7" x 3.8")
I'm selecting horizontal photo's. I do not know how to match
the same width, height and appearence as the websites I mentioned
above.
If I choose a photo that fits the width then the length is
too long. Also if I choose a large photo and have to crop it then
most of the detail of the photo is lost.
I'm attempting to create a mock-up for my web in Fireworks
CS3 and after search Adobe and www I came across the mock up should
be 1004px which would end up being 1024 with vertical scroll bar
and small margins.
I also have Photoshop & Flash CS3 but should mention (if
you haven't already guess it by now) I am a rookie when it comes to
creating a website.
So if you can offer a solution in "Non-Tech Terms" I would
appreciate it.
Thank you in advance for your time.

Hi Pixlor -
I'll do my best to answer your questions - within my ability
- which isn't much.
As far as "Tile" the photo - I've checked out the responces
I've received from other's on this post - and other posts - and on
each page for the "masthead" I just want one photo to be the same
size of the page width wize - and the height of the photo should
not be tall from the top of the masthead to the bottom of the
masthead. As far as what I mean by "not being Tall" - see next
comment...
I'm just attempting to duplicate exactly (or very close to
it) the same appearence and dimensions - "Width = side-to-side,
Tall = Height - as the websites I mentioned in my first post here.
Also if you check out Joey's website (who responded to my
post as well) basicly he has created the same thing that I'm
shooting for except he is using graphics. I have to use photos in
my masthead which will be of kitchen cabinetry or construction
photo's and must highlight every detail down to the shine of the
kitchen cabinets knobs - or close to it.
Due to this I can not have the photos of the masthead "tile"
from "width-to-width or top-to-bottom because the deatils in the
photo can not repeat or multiply to completely fill the masthead
head. Otherwize if I choose a photo of kitchen cabinetry which
highlights a kitchen sink - and if I tile this photo - from what
I'm learning from everyones responce thus far - I'll end up with
several of the same kitchen sinks and cabinets in the same photo.
I must stress I could be wrong in what I described directly
above due to my lack of tech knowledge! If this post was about a
2x4 or 2x6 or Green Building or what have you, It would be heck of
alot easier for me to completely understand what you pro's are
trying to help me with - which I completely appreaciate. Expecially
someone like you who owns a monitor the size of one of my work
trucks!
Which brings me to your next question...
Liquid layout -
Yes I am trying to end up with a liquid layout for my website
using Dreamweaver CS3. Hopefully using one of the pre-built liquid
layouts in Dreamweaver and modify it within my ability.
The main reason why I would like to create a liquid layout is
because most others construction firms in my industry - and in my
target market - have websites that completely consume a viewers
monitor - viewport - screen real estate - (i'm trying to learn your
tech terms) no matter what size viewport a viewer has, or how the
viewer resizes theirs.
I've also heard that a "Min & Max" code can be included
in a liquid layout so that it would limit the "liquidness" of the
layout so "Text Lines" won't stretch too long making it difficult
to read when a viewport size extends - and when the viewport shinks
- all the elements (or Div's) will reflow an maintain order and
visability.
1004 -
The only reason why I mentioned designing the Fireworks CS3
mock-up at a 1004 is because someone else mentioned they design
their mock-ups at a "Canvas Size" of 1004. Then most browsers
automaticly inlclude a scroll bar if the vertical content exceeds
below "The Fold". Thus with the addition of the automatic scroll
bar the page now becomes 1024 - according to this person.
She went on to mention according to "recent studies" - 56% of
viewers have 1024 x 768 and most computer manufacturs shipp them
this way. Then the following stats... 22% at 800 x 600, then 13% at
1280 x 1024, then 3% at 1152 x 864, then 1% at 1580 x 1129. She
also mentions most avearge viewers (every day Dick & Jane, Bob
& Besty) (excluding computer tech folks like yourself) - do not
resize - bother with - or know how to resize their viewport.
My personal note on this is most of my target market -
clients - just turn on their computer and surfs the net from
website to website without changing their viewport and when also
asked they "Feel" that a website looks much better - or more
profeshional - when the content completely fills up an entire
viewport.
"Feel - not - Think" -
Keep in mind I choose the word "Feel" & not "Think". In
my target market - Residential Construction - 95% of home
improvement decisions are made my the Woman of the houshold - not
the Man. That being in mind it is a proven stat (and not a sexest
comment) that women base most of their choices or decsions on how
something makes them "Feel". Where as most men make their choice or
decision on how they "Think".
Also most men attempt to keep their women happy and knowing
that if they don't then they will end up in the doghouse - ( not a
fun place to be trust me on this) and in addition most men do not
have much of a clue when it comes to the interior design layout of
a home, matching of paint colors, appliance choices or what have
you.
Wow that was a major side track I took -
Back to 1004 -
It's not that I'm intend in designing the mock-up in
Fireworks at 1004 - I just want to end up wth a liquid layout so
when my site is viewed by "most people" then my site will
completely consume a viewers viewport - or very close to it.
If I need to design the mock-up less then 1004 - or more then
- and still be able to end up with the same end result in a liquid
form - so be it.
I don't know the best way to proceed -
I'm just attempting to learn from others who respond and for
the most part those who have been kind enough and taken the time to
respond seem to be very knowlegeable about my issue at hand.
You might find this hard to believe but I am learning quite a
bit from all of you and I really do appreaciate it.
Well now that this responce is as long as the novel "War
& Peace" - I'll close here.
Travis

Full width slider

Similar Messages

Maybe you are looking for