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,
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,
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
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.
Last edited by Egg Bramhill; 05 May 2018 at 03:07 AM.
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
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.
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
Very nice examples Egg, and great video as always.
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
Tobackground:rgba(104, 142, 210, 0.85);
Could you tell be how to apply a part transparency to the background.jpg if required please?background-image: url("index_htm_files/background.jpg");
EXAMPLE
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
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
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
That looks good too, Egg
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
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
dim using siran.web
Last edited by doane; 05 May 2018 at 06:51 PM.
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
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?
Last edited by doane; 05 May 2018 at 07:26 PM. Reason: add file
Gigabyte GA-Z68A-D3H-B3 LGA1155 Intel Z68 ATXMOB - Intel core I7-2600 3.4GH LGA 1155 - 16gb DDR3 SDRAM - Corsair CX750M PS - GeForce GTX650 2GB - SB X-Fi Extreme Music
Master C: Crucial 200GB SSD - Master D: 1.0 TB - E: 24x DVD/CD R/RW - F: Crucial 275GB SSD - Windows 7 Pro 64bit SP1
Bookmarks