Egg: Will you please post the Xara file for the "Example" in your post? The earlier one from Siran didn't work like this one.
Appreciate it,
Printable View
Egg: Will you please post the Xara file for the "Example" in your post? The earlier one from Siran didn't work like this one.
Appreciate it,
Not much point me uploading my xar Duane, it only contains Sirans code. However here's a video re how to use it as well as a link to a more complex button layout.
IMPORTANT EDIT: I keep referring to JavaScript throughout but I should be referring to CSS. Senior moment. No JavaScript involved ASIF!
2nd Example.
Egg: You completely lost me. I appreciate your going to the trouble of making a video on this, but I don't understand or know java script and I don't understand what you are trying to explain.
So, thanks anyway... That just went way over my head.
Very nice examples Egg, and great video as always. =D>
Thanks Siran. Can't sleep tonight, not tired thus the JS/CSS cockup.
Finally thought the background doesn't have to be a coloured semi transparent rectangle, it could equally be an image.
Changed
ToQuote:
background:rgba(104, 142, 210, 0.85);
Could you tell be how to apply a part transparency to the background.jpg if required please?Quote:
background-image: url("index_htm_files/background.jpg");
EXAMPLE
Wow that looks great!
Had the same idea too, but not looking as good as your example off course. ;) And it was more meant to show that you don't need to have a solid background.
Edit: Sorry, overlooked your question. Simply adding opacity:0.5; to the css should do that.
Tried the opacity but I couldn't get it to work. But it can be done easy enough by creating a bitmap copy with required transparency, 50% here,
and forcing it to png in xara. Course the image name needs to be changed to background.png ;)
EXAMPLE
That looks good too, Egg
Thanks, Siran, this one works with no dark rectangles or backgrounds like the first one you posted, all I needed was a good xar file to look at it in Xara so I could start to understand it. I've been experimenting with it this morning and I find, that like the other Xara widgets, unless it is in the currant arrangement it has the problem of cropping images. BUT I also found, with yours, it isn't difficult to resize the placeholders on the three different levels after loading an image into one of them and easily move them around, etc. and I also like how the unselected images can be dimmed or darkened, or colored, etc. I think this is going to work really well for me and it's an excellent design, thank you again!
http://doanehoag.com/Forums/Xara/siran_dim/index.htm
Attachment 121043
Spoke to soon... I thought it was all working nicely till I tried to resize the page to 960 and enlarged all the images for the page size. Now, when I preview it it cuts off half of the three images on the right side, though it still looks like the selection dimming is working. Now what?