Pinning Multiple background images

Hello,
I am working on a site and want to get an effect similar to this site: http://mariusz.cc/ that has multiple "pinned" background fill images. Content boxes and photos scroll over the background images yet when you scroll down you get new backgrounds. Simply using the "pin" feature on Muse will not allow you to scroll past the image. The new parallax scroll feature does not work on full browser width content, from what I saw, so that's a no go as well.
Does anybody have any ideas on how to replicate this? Thank you in advance.

Matt --
You are correct, 100% width objects do not currently work with scroll motion objects (for the moment ;-), but you can achieve this effect by creating extra wide images that are likely wider than most desktop systems. Two Muse template resources -- MuseThemes.com and MuseGrid.com have templates that are using this approach -- MuseThemes.com created a video describing the step-by-step process that you can review here: http://www.muse-themes.com/pages/video-training. Hope this helps.

Similar Messages

Animation of multiple background image positions via keyframes works in Chrome & Safari, not Firefox.

The goal is to create an infinitely scrolling, two-layer parallax, patterned background. The effect works perfectly in Mac Chrome 35.0.1916.153, Mac Safari 7.0.4, iOS Chrome 35.0.1916.41, and iOS Safari 7.1.2, but it stutters in Mac Firefox 30.0 (haven't tested on iOS FF).
My code is visible at http://jsbin.com/cifig/2 and is basically modeled after http://davidwalsh.name/multiple-background-css-animations (demo http://davidwalsh.name/demo/multiple-background-css-animations.php).
If I make either one of the following changes, the stutter in FF resolves:
• Limit `background-repeat` to `repeat-x` or to `repeat-y`.
• Remove one of the two animated backgrounds.
So it seems FF can't handle the continuous animation of two backgrounds that each have background-repeat, whereas Chrome and Safari can.
Any tips? Thanks!

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. 
http://forums.mozillazine.org/viewforum.php?f=25 
You'll need to register and login to be able to post in that forum.

[ANSWERED]Which terminals let you set a random background image?

Many terminals nowadays let you set a background image on the terminal itself.
Which terminals let you set a random background image from a directory or list of images? Also need to be able to have multiple terminals with different background images open, so having a script that moves around images won't work.
I like this because when you have lots of terminals open, you can associate each with their background image. Also if your background image isn't a tiled thing or a stylized gradient (such as a human, etc), it might look bad when duplicated all over the screen.
I could use transparency, but I don't like psuedo transparency, and real transparency comes with all sorts of problems. (For me at least.) I would still prefer having multiple background images though.
Konsole and eterm are the only two I know that can do this, but konsole is KDE, and eterm has no unicode support, is dead (I think), and is ugly.
Last edited by sokuban (2008-12-31 21:20:12)

So now that time has passed and I'm on a clean new install, I decided to try out uxvrt again. The good news in that now I can type in it with scim. I have no clue how or why, but it means the greatest hurdle is gone.
I also even managed to get a good looking English font.
urxvt*font: xft:Monospace:pixelsize=12
Only problem is a readable east asian font. The default font is a mess and everything is squished together. If I explicitly select an east asian font, then there are huge spaces between each letter, even for english. So I find out this is a known bug, and I find a patched aur package for it, but the patch doesn't seem to make a difference.
I know urxvt lets you select a main font and a secondary font and so on. Maybe I did the syntax wrong. I tried both:
urxvt*font: xft:Monospace:pixelsize=16
urxvt*font: xft:WenQuanYi Zen Hei:size=9:antialias=True
and
urxvt*font: xft:Monospace:pixelsize=16,urxvt*font: xft:WenQuanYi Zen Hei:size=9:antialias=True
Neither of them worked. From what my understanding of what the man page says, the size of the cell is supposed to be based on the main font, but in both those cases the secondary font stretches the cells.
Can anybody reccomend fonts for east asian scripts that work well and show me your .Xdefaults ?
FAKE EDIT: I just thought of an idea, and it kinda works:
urxvt*font: xft:Monospace:pixelsize=16,xft:WenQuanYi Zen Hei:size=9:antialias=True
Now I get a readable font, but massive spacing issues between Chinese Characters.
EDIT: About the pixmaps, I got a script to randomly select and image and all is fine, but I can't seem to find a way to disable scaling. I can set the size of the picture by a percent, but it doesn't let me use decimals and it is impossible to get the exact resolution of the picture to display. (Unless I let it tile, but the pictures I am using aren't meant to be tiled.) Is there a way to either disable scaling, or set the urxvt size in pixels so I could make it exactly 640x480. The urxvt man page says that a scale of 1 disables scaling, but it seems to have no effect.
EDIT2: I just noticed I can't use scim now. I have no clue why, but I think compiling it with afterimage support breaks it.
EDIT3: I found out why scim was not working/working. I had to add this to my ~/.scim/global:
/SupportedUnicodeLocales = en_CA.UTF-8
I also got a script that works, kinda:
#!/bin/bash
image="$(ls /usr/local/share/cgs | sort -R | tail -1)"
urxvt -pixmap /usr/local/share/cgs/$image\;86x100
The only problem is that I don't know how to get urxvt -pixmap to keep the aspect ratio of the image. 86x100 is the closest it will let me get to the actual aspect ratio, but it is off slightly. Barely noticable. The man page says that propscale will do this, but it doesn't seem to work.
Either way, for now, I am just going to use 86x100.
Last edited by sokuban (2009-03-22 02:01:45)

Multiple Instance of Same Background Image

Hello.
Everytime I make a new page, iweb obviously makes a new folder with the supporting documents of that page.
The problem with this is that images, such as background, are reloaded for every. single. page, over and over again. The browser views the same background images as different ones because well, they are.
The site I am referring to is http://audiologic.us Every time you go to a new page, it takes forever to load because none of the images are stored in the browser cache since they are all duplicates, in different folders.
Does anyone know how to force iweb, or an easy way outside of iweb to cross-reference the same background image on multiple pages so it is stored in the browser cache?
Thanks a bunch
~ Ben

Check this thread.
http://discussions.apple.com/thread.jspa?messageID=4477351&#4477351
The trick is to use images that don't need to be re-rendered before they're posted. So if there's any opacity, size, orientation changes that need to be made, do them outside of iWeb then drop them in. iWeb should then place these items in it's Images directory and all pages will reference those from that location.
I used this on one of my pages
http://web.mac.com/makentosh/iWeb/tipsfromtheiceberg/visual_archive.html
so that each indicator loads only once, but shows on the page several times.

ADF 11g - PanelGroupLayout having multiple/many images as background.

Hi,
Could you please provide me an example code of JSPX page having set of different images as background image for (PanelGroupLayout) Rich ADF Faces Component.
Succeed with only One image either no-repeat / repeat, but not different set of images.
It would be realy great, If U can sent it as soon as possible.
Thanks in Advance !!!
Thanks
Rani V

multiple images tile across the screen as a background
FMI, We have an Panel group having different set of images with it should have reflection of images as its backgound to it & its parent layout as well.
For example, Let me consider an table having an row with 7 columns with different set of images with it.
Where it form has corresponding images reflection around it,(that I've plan to take care with Opacity & transparency). if any better way of doing it, please add your comments.
Thanks
Rani V

Anchored graphic as background image?

I am working with text flowing continuously through a master text frame unto multiple pages and I am trying to anchor a full-page background image (with bleed) onto specific pages. Is this possible?
I want the background image to stay with the relevant heading on each page. However, when I use "Object/Anchored Object/Insert" to do this with "custom" as the anchor option I end up with a frame on the same layer as my text. This is okay, but when I place an image in the frame, it covers the text I have entered in the text frame. I can see the dotted line indicating the anchor connection, but not the text it is anchored to. I can't change the order of objects within the layer because the "Arrange" options are greyed out. Changing the text wrap options does not help.

Thanks Bob! Really good to know. I will stop hitting my head against a brick wall!
Adding backgrounds to master pages doesn't really cut it since I still can't have them flow dynamically with the continually evolving text in this project. (I suspect I might be able to flow backgrounds with text in Word, if it came to it, but of course I chose InDesign to give me more control, particularly over the non-text elements of the layout).

How do I add multiple background music clips to iMovie

Trying to add multiple background music to iPhoto clips to make a vacation iMovie but when I add a music clip, it shoots right to beginning rather than stopping at the end of last clip added. I've pinned my background music to the first clips but want to add more background music but can't make it stop at the right photo clip. How do I place new background music at the right clip?

I don't use iPhoto (but read your post since it mentioned iMovie which I do use) - anyway, you're not talking about the application iMovie - you're talking about a movie.
So I am guessing, but it may work the same as it would with iMovie:
Can you select the audo clip and simply drag it to the spot you want it to start? Or, mocw the playhead to the spot where you want it to start then import it?
FYI, it would be helpful to indicate which Mac OS version you are running - it is not iOS 6 which is for iDevices.

FF36: Sites with background image flickers/flashes when going back to tab after 2 minutes.

Figure I'll mention this here as well.
When viewing websites with background images, such as twitter.com or my own website at www.markheadrick.com and I change to another tab for 2 minutes (this amount of time is repeatable anyway) I get a flicker of a black background before the page is fully drawn. If I have multiple tabs with the same background image, only the first tab will show the flicker. It's like it's loosing the image in memory or something. It has done this with Firefox in Safe Mode and with a new, clean profile. It has also done this with Hardware Acceleration off.
Windows 7 Pro 64bit w/ NVidia 550ti and 314.22 drivers. Newer drivers are more problematic which is why I have stayed with these.
Again, only pages with background images seem to show this flicker. Did not happen with Firefox 35 on my system.
I created a bug for it here: https://bugzilla.mozilla.org/show_bug.cgi?id=1137082
Thanks,
Mark H

I tried, but could not see and problem.
Hello,
In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see [[How do I create a screenshot of my problem?]]
Once you've done this, attach the saved screenshot file to your forum post by clicking the '''Browse...''' button below the ''Post your reply'' box. This will help us to visualize the problem.
Thank you!

Background image instead of color for each sliding panel

I'm working with sliding panels and trying to add some style to the page. I have figured out how to put a different background color on each slide and even how to put a background image on the whole thing, but I cannot figure out how to use multiple images (one for each pannel). When I put the images in place of the colors it works fine in the Dreamweaver screen but totally disapears in a web browser. Here is the url: http://www.centerofdiscovery.com/the_center_of_discovery_home_page.html
any help would be great!

Regarding getting the tabs to sit on top of the content panel, speaking generally here, make the containing div for both the tabs and the content panel to have a margin: 0 auto; setting.This is for horizontal alignment.
The blue rectangle can be belayed by setting border: none; on the specific rule that applies to the "a" links within that container. It is an indication that there is a link there.
Please rename the images that have word-spaces in their file names. Some browsers react badly to word-spaces.
I see that you have

<div class="slidingpanelandtab">
 <blockquote>
 <a onclick="sp1.showPanel(0); return false;" href="#"><img width="144" height="70" class="oneColFixCtrHdr" src="Images/panneltab.jpg"/></a><a onclick="sp1.showPanel(1); return false;" href="#"><img width="144" height="70" src="Images/panneltabb.jpg"/></a><a onclick="sp1.showPanel(2); return false;" href="#"><img width="144" height="70" src="Images/panneltaba.jpg"/></a><a onclick="sp1.showPanel(3); return false;" href="#"><img width="144" height="70" src="Images/panneltabc.jpg"/></a>
 </blockquote>
Which sets off your "slidingpanelandtab" class div with an empty paragraph space and then sets off the next section not only with paragraph spacing but also with a <blockquote></blockquote>, which will by all rights indent that element.
I suggest that you get rid of the spurious paragraph tags and the blockquote; that should tighten up your spacing.
Beth

Changing attributes for a slide show's background image

I want to change the "darkness" of the picture that I use as a backdrop for all my slides. I do not see how this can be done within Keynote. Individual imported pictures, yes, but not ones that I have designated as background pictures in the Slide Inspector > Appearance > Background > Image Fill.
I do this because I can change the background fill for multiple slides by shift clicking on the slides to select them, and then setting the background image all at once. But I often find the image is to dark (because I place text over the top of the background image), and so I want to lighten it up.
Is there any way to do this short of using the image adjustments within a program like iPhoto and saving the modified file? Is there another way to do what I want?
Thanks for the help from the experts.
Also, as a bonus question, it really bothers me that there is no easy way to change the font attributes on multiple slides all at once. Unless someone has a better idea . . .
Tom

There are several threads that deal with this issue, but here is the basic info:
1) You cannot change a "soundtrack" within a slideshow.
2) You can create a series of independent slideshows, each with its own soundtrack. Then you can sequence each to the next via a Hyperlink. However ...
3) Any "synchronization" of the Builds and Transitions you may have Recorded with the soundtrack will NOT work if the slideshow is played as a Hyperlink. The soundtrack will play when the slideshow launches, but you will have to trigger the Builds and Transitions manually.
4) All bets are off if you try to export any of this to another format, such as QuickTime, PowerPoint, iMovie, etc.
good luck

Background image on iweb site not showing

I created a web site using iWeb sometime ago. I used all of the templates provided with the app. Since "me" has come along, all the content on my page displays, BUT the background image on ALL of the pages no longer shows. I republished the site to see if that would fix the problem, but no dice... Does anyone have any suggestions?

I am searching the boards here, because I am having the same problem. My husband's site had dropped the background image from just one of the pages. I re-built that page for him, and it was fine. Now I'm having the same problem with mine. Again I rebuilt the initial page with the error, but now multiple pages say they're missing the background jpg file. What's up with this? And how do we get it back without having to re-build each darn page???
I have made no changes to my computer. No new updates. Just one day it was there, and the next day it was gone. I am frequently accessing my website to make updates (at least weekly), so is this just some weird glitchy thing?
Thanks!

Best way to find duplicate pages / find duplicate background images

What is the best way to detect duplicate pages?
The pages I am dealing with are searchable image (scanned Image background with selectable text overtop). In this case, Any two pages that have the exact same background image will be duplicate.
I only know how to get page text though, so I've been getting the text and hashing it, then checking for duplicate hashes. This works for the most part, but I fear running into two different pages with the exact same text.
What about looking at the background image? If a PDF has multiple pages with the same background image, I assume it would store the image once and then just reference it from the pages? Is it possible to check duplicate pages this way?
Or Does Acrobat have a built-in checking solution I haven't discovered? As always, any help is appreciated

Ok, well for the most part doing it by text works, but it sometimes flags things that arn't duplicate: such as two of the same worksheets that were not filled out will have the exact same text, despite being completely different pages

Dynamically adjust background image?

Alright, here's one i think is a challenge:
I have a background image loaded in a div via css. I use this
div and background across multiple pages. Some pages have more info
than others. Is there a way to dynamically scale the div AND the
background? I know I can do the div, but it cuts the background. I
want to be able to adjust both the background image and the div
according to how many lines are in the page.

Bleh....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Nancy O" <[email protected]> wrote in message
news:g0t6tl$kdt$[email protected]..
> Without seeing your site, I'm guessing you are trying to
"fit" content
> precisely over a large, absolutely positioned background
image or
> photograph. Am I right?
>
>
http://alt-web.com/Backgrounds.shtml
>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
>
> "Mack879w" <[email protected]> wrote in
message
> news:g0t2k6$ga7$[email protected]..
>> Alright, here's one i think is a challenge:
>>
>> I have a background image loaded in a div via css. I
use this div and
>> background across multiple pages. Some pages have
more info than others.
> Is
>> there a way to dynamically scale the div AND the
background? I know I
>> can
> do
>> the div, but it cuts the background. I want to be
able to adjust both
>> the
>> background image and the div according to how many
lines are in the page.
>>
>
>

Background image for PanelDashboard

Hi ,
I am using Jdeveloper 11.1.1.7.
I have one PanelDashboard in my page I need show one background image for that Dash Board.
The image is very small so It showing multiple times entirely occupy the page.So I I try with below CSS codes but now the image is not showing.
I want to show the image only once and the also exact place.
+.backgroundImage+
+{+
position: absolute;
background-image: url("../img/sampleImage.png");
background-repeat: no-repeat;
z-index: 1;
margin: 0.0pt ;
+}+
Thanks,
Arun D.

Hi,
actually I would use skinning for this and reference the panel dashboard skin selector. You also need to set the panelBoxes contained in the dash board to have opaque background as otherwise they will overlay your background image
Frank

Background Image Centering and Display issues in Internet Explorer--affecting home page only??

Hi--my web site is www.vergent.net, and for some reason, the background image will not center in Internet Explorer, but I'm having this issue only on the home page. (And only in IE. I am looking at it on IE 9). I've tried a number of workarounds, and nothing is working. Strangely, the same Master applied to other pages looks fine.
Please help!
A few more details:
The background image is placed into the Master page via the "browser fill" method. I tried a workaround where I just paste the background image directly onto the page and then placed content over that. However, IE doesn't seem to read the z-index information correctly. The result is that the background image winds up on top of all the content in IE using this method.
Any help will be most appreciated.
Thanks,
Jennifer

PS, I have temporarily resolved this problem by uncentering the content and just pinning everything flush to the left.

Pinning Multiple background images

Similar Messages

Maybe you are looking for