Shrink the homescreen wallpaper?

KahneFan · Thread Author #1 03-11-2011, 06:37 PM

I've seen themes where they are able to wrap icons around a miniature version of the wallpaper which allows the user to see their full wallpaper; how is this done?

StaticFX · #2 03-13-2011, 11:26 AM

I will try to post the code tomorrow...away from pc at the moment.

Posted from my CrackBerry at wapforums.crackberry.com

DoctorNeutron · #3 03-13-2011, 12:30 PM

You are not talking about transparency/opacity, right ? Can you include an example of what you are talking about ? Doctor Neutron

dcburke789 · #4 03-14-2011, 05:33 AM

Easiest way...
In composer...import an image the size of default wp.

Open animation window.
Move the animation forward 5 or so frames.
Change the size of the image (by clicking on it and changing the w: h: values on the toolbar.

Export.
Edit svg.
Take the Imgsrc? line from the image you put in and replace with the wallpaper Imgsrc? line from the homescreen svg.

Posted from my BlackBerry using BerryBlab

molson0 · #5 03-14-2011, 06:38 AM

Code:

<g  id="miniwallpaper"
	transform="translate(-156 -209) scale(0.871866 0.550004)">
	<!-- pz:tag type="button" -->
<g  id="miniwallpaper-Contents">
	<!-- pz:tag type="layer" -->
<image id="miniwallp" x="0" y="0" width="360" height="480"
        xlink:href="x-object:/Image?src=wallpaper&amp;width=360&amp;height=480"/>
</g>
</g>

for scale: 1.0 = 100%

dcburke789 · #6 03-14-2011, 08:48 AM

Or you could do that

Posted from my BlackBerry using BerryBlab

molson0 · #7 03-14-2011, 09:49 AM

LOL

10 chars

KahneFan · Thread Author #8 03-14-2011, 11:06 AM

Quote:

Originally Posted by dcburke789

Easiest way...
In composer...import an image the size of default wp.

Open animation window.
Move the animation forward 5 or so frames.
Change the size of the image (by clicking on it and changing the w: h: values on the toolbar.

Export.
Edit svg.
Take the Imgsrc? line from the image you put in and replace with the wallpaper Imgsrc? line from the homescreen svg.

Posted from my BlackBerry using BerryBlab

Thanks dcburke.

Quote:

Originally Posted by molson0

Code:

<g  id="miniwallpaper"
	transform="translate(-156 -209) scale(0.871866 0.550004)">
	<!-- pz:tag type="button" -->
<g  id="miniwallpaper-Contents">
	<!-- pz:tag type="layer" -->
<image id="miniwallp" x="0" y="0" width="360" height="480"
        xlink:href="x-object:/Image?src=wallpaper&amp;width=360&amp;height=480"/>
</g>
</g>

for scale: 1.0 = 100%

I have built themes in composer, but I have not edited SVG yet. I'm assuming the above code is within the SVG from Composer and not something from Theme Builder? Do I just use my text editing program (Crimson Editor) to edit these lines of code in the SVG?

StaticFX · #9 03-14-2011, 11:55 AM

cut down the code

Quote:

KahneFan · Thread Author #10 03-14-2011, 11:59 AM

molson, using the code you provided, and testing in simulator, the screenshot below is what I ended up with. I also added the SVG in text format if you want to take a look and advise. Thanks for your help so far by the way!

Looks like I'm really close, I just need to figure out how to get rid of the original BG? Or, do I just use a solid dock to wrap where the original BG is?

KahneFan · Thread Author #11 03-14-2011, 12:03 PM

Quote:

Originally Posted by StaticFX

cut down the code

I will give that a shot as well, thanks!!

molson0 · #12 03-14-2011, 12:04 PM

Quote:

Originally Posted by StaticFX

cut down the code

hehe.....Thanky

KahneFan · Thread Author #13 03-14-2011, 12:13 PM

I'm getting molson's code figured out (still have the original BG behind it though). StaticFX, I tried your code, but nothing seemed to happen. I am extremely new to editing the SVG... OK, this is my first time to give it a shot. Do I need the <g> code at all for your script or should it work as is?

note; I am "coding friendly" and have played with HTML/PHP quiet a bit over the years, so I'm not skeered to code, just have to get it figured out.

Attached is what I did with StaticFX's code...

StaticFX · #14 03-14-2011, 12:20 PM

yeah sorry.. it needs to be in a g set

Quote:

also, you cant get rid of the wallpaper... you need to put another image behind the wallpaper.. or a rect... like this:

Quote:

that will fill the background with black

KahneFan · Thread Author #15 03-14-2011, 12:35 PM

Quote:

Originally Posted by StaticFX

yeah sorry.. it needs to be in a g set

also, you cant get rid of the wallpaper... you need to put another image behind the wallpaper.. or a rect... like this:

that will fill the background with black

No biggie, I will just make solid colored docks to cover. Thanks!! Pay no attention to how ugly this is, but here's a test screen...