Support and General Use > Theming and Appearance Customization
Help with modifying the c200 "Nature" theme?
karashata:
This would be easier if I knew why it wasn't working...
I may have to test this stuff out myself...
EDIT: I've messed with it, and found that the following code works:
--- Code: ---%wd
%X|wpsbackdrop-132x80x16.bmp|
%xl|A|lock-132x80x16.bmp|125|1|2|
%xl|B|battery-132x80x16.bmp|1|1|16|
%xl|C|volume-132x80x16.bmp|66|3|26|
%xl|D|shuffle-132x80x16.bmp|43|1|
%xl|E|repeat-132x80x16.bmp|23|1|4|
%xl|F|playmode-132x80x16.bmp|2|60|5|
%Cl|3|14|c40|c40|
%pb|pb-132x80x16.bmp|12|61|118|5|
%?C<%?mh<%C%Vda|%Vdb>|%Vdb>
#Images
%?mh<%xdAa|%xdAb>
%?bp<%?bc<%xdBa|%xdBb>|%?bl<|%xdBc|%xdBd|%xdBe|%xdBf|%xdBg|%xdBh|%xdBi|%xdBj|%xdBk|%xdBl|%xdBm|%xdBn|%xdBo|%xdBp>>
%?pv<%xdCa|%xdCb|%xdCc|%xdCd|%xdCe|%xdCf|%xdCg|%xdCh|%xdCi|%xdCj|%xdCk|%xdCl|%xdCm|%xdCn|%xdCo|%xdCp|%xdCq|%xdCr|%xdCs|%xdCt|%xdCu|%xdCv|%xdCw|%xdCx|%xdCy|%xdCz>
%?ps<%xdD>
%?mm<|%xdEa|%xdEb|%xdEc|%xdEd>
%?mp<%xdFa|%xdFb|%xdFc|%xdFd|%xdFe>
#NowPlaying
%Vl|a|0|11|-|49|1|-|-|
%Vl|b|0|11|-|49|1|-|-|
%s%ac%?in<%in.> %?it<%it|%fn>
%t5%s%ac%?ia<%ia|%?d2<%d2|...>>;%t5%s%ac%?id<%id|%?d1<%d1|...>>
%t0.5 %?mp<%al %fc/%fbkb %ar-:--/-:-- |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb%ar%pc/%pt |%al Seeking%ar%pc/%pt >;%t0.5 %?mp<%al %fc/%fbkb %ar-:--/-:-- |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb |%al %fc/%fbkb%ar%pc/%pt |%al Seeking%ar%pc/%pt >
%s%acNext: %?It<%It|%?Fn<%Fn|?>>
%ac%ca.%cy/%cm/%cd %cl:%cM:%cS %cp
%Vl|b|0|68|-|12|1|-|-|
%V|0|68|132|12|1|007788|000000|
%pm
--- End code ---
Try using that, and tweaking it as necessary.
EDIT the 2nd: Just 'cause I think you should know, all I did was remove the 0s at the end of your %t0.50 tags, moved the %t5 tags to the beginning of their sublines, and added a false condition to the cover art and hold-switch check.
OldiesButGoodies:
Thanks for the help, but it still doesn't work here.
Using my previous %?mh<%C%Vda|%Vdb> conditional, I actually got it to work one time by changing the sizes of the viewports, but the cover-art was overlaying on top of the progress bar. So I tried to move that down and then they disappeared again. Now no matter what I do I can't seem to get it to display them by switching the hold button.
I tried resizing all the cover-art to 40x40, 50x50 and 60x60 to see if that was causing the problem. Still no difference. It might be important to know that I'm reading the cover-art and songs from the external SD card slot. It reads them just fine from there if I use the original Nature theme, but then, as I said, if there is cover-art then it doesn't display anything but that. This is why I tried to make them toggle-able. So I know it can read them from the SD card.
It appears as if the cover-art display is HIGHLY fussy on if it is touching a viewport window or some other component that's getting displayed. A change so much as 1 pixel made them all disappear. Then I couldn't remember which position of which viewport that I changed and I can't get it back again.
There really needs to be some documentation on this, of what works and does not work. I've been trying to tweak this for a week now, many hours every night, with still no luck.
So much for trying to follow the documentation on the Wiki that everyone claims is so accurate.
Here is my last incarnation, in case you are curious:
--- Code: ---%wd
%X|wpsbackdrop-132x80x16.bmp|
%xl|A|lock-132x80x16.bmp|125|1|2|
%xl|B|battery-132x80x16.bmp|1|1|16|
%xl|C|volume-132x80x16.bmp|66|3|26|
%xl|D|shuffle-132x80x16.bmp|43|1|
%xl|E|repeat-132x80x16.bmp|23|1|4|
%xl|F|playmode-132x80x16.bmp|2|60|5|
%Cl|0|10|c50|c50|
%pb|pb-132x80x16.bmp|12|63|118|5|
%?mh<%C%Vda|%Vdb>
#Images
%?mh<%xdAa|%xdAb>
%?bp<%?bc<%xdBa|%xdBb>|%?bl<|%xdBc|%xdBd|%xdBe|%xdBf|%xdBg|%xdBh|%xdBi|%xdBj|%xdBk|%xdBl|%xdBm|%xdBn|%xdBo|%xdBp>>
%?pv<%xdCa|%xdCb|%xdCc|%xdCd|%xdCe|%xdCf|%xdCg|%xdCh|%xdCi|%xdCj|%xdCk|%xdCl|%xdCm|%xdCn|%xdCo|%xdCp|%xdCq|%xdCr|%xdCs|%xdCt|%xdCu|%xdCv|%xdCw|%xdCx|%xdCy|%xdCz>
%?ps<%xdD>
%?mm<|%xdEa|%xdEb|%xdEc|%xdEd>
%?mp<%xdFa|%xdFb|%xdFc|%xdFd|%xdFe>
#NowPlaying
%Vl|a|0|9|132|51|1|-|-|
%Vl|b|0|9|-|51|1|-|-|
%s%ac%?in<%in.> %?it<%it|%fn>
%s%ac%t5%?ia<%ia|%?d2<%d2|...>>;%s%ac%t5%?id<%id|%?d1<%d1|...>>
%t0.50 %?mp<%al %fc/%fbkb %ar-:--/-:-- |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb%ar%pc/%pt |%al Seeking%ar%pc/%pt >;%t0.50 %?mp<%al %fc/%fbkb %ar-:--/-:-- |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb |%al %fc/%fbkb%ar%pc/%pt |%al Seeking%ar%pc/%pt >
%s%acNext: %?It<%It|%?Fn<%Fn|?>>
%ac%ca.%cy/%cm/%cd %cl:%cM:%cS %cp
%Vl|c|0|70|-|10|1|-|-|
%V|0|70|132|10|1|007788|000000|
%pm
--- End code ---
I wanted to open up the central space to allow for larger cover-art, going 50x50 (there was enough room there when I counted it off in a graphic editor). I had to edit the backdrop for the new progress bar position, and I also made the volume and progress bars into rainbow graduations to give it a little more color. The red end of the spectrum being painfully loud. :)
One more note: I found that the "default" centering of cover-art does not work, as described in the Wiki, and I'm not sure how to set the "center" tag. According to the Wiki, I'm supposed to put a %Cl|0|10|c|c50|c|c50| for center, and crop to 50. But with all the other stuff causing problems I didn't want to add in yet one more syntax error to try to confuse the issue. I only know that it does NOT default to centering when a l, c, or r, positional tag is not used.
Anyway, thanks for trying to help.... :(
karashata:
What the "centering" does is center smaller art images in the area defined for the images, so if you define your art as 50x50 pixels and someone uses an image that's only 40x40 pixels, that image will be centered with 5 pixel margins on all sides, rather than in the top-left corner with 10 pixel margins on the right and bottom. You need to specify the x-position such that the image appears centered on the screen, if that's what you're trying to do. As far as I know the wiki pages *should* be up-to-date on how to use the %Cl tag, though I think I may take a look to make sure everything's right...
The tag syntax is: %Cl|x-pos|y-pos|[l,c,r]maxwidth|[t,c,b]maxheight| (l meaning align smaller art to the left, c meaning center, r meaning align to the right, t meaning align to the top, b meaning align to the bottom, in the square brackets, use only one of the three in each section). This was grabbed from here.
OldiesButGoodies:
Okay, going on your clues about how the centering works, I tested a few things and I FINALLY got it to work!
The problem was in defining that viewport "a", it was always covering up the cover-art behind it (no wonder I couldn't see it). I found this out when trying to display cover-art larger than a smaller centered viewport, the cover-art peaking out from behind it. (As well as removing the viewport "a" definition.)
Tweaking the centering, using your tweaked conditional argument, and finding out the limits of other graphic elements that might over-write the cover-art, I came up with this:
--- Code: ---%wd
%X|wpsbackdrop-132x80x16.bmp|
%xl|A|lock-132x80x16.bmp|125|1|2|
%xl|B|battery-132x80x16.bmp|1|1|16|
%xl|C|volume-132x80x16.bmp|66|3|26|
%xl|D|shuffle-132x80x16.bmp|43|1|
%xl|E|repeat-132x80x16.bmp|23|1|4|
%xl|F|playmode-132x80x16.bmp|2|60|5|
%Cl|38|6|||
%pb|pb-132x80x16.bmp|12|63|118|5|
%?C<%?mh<%C%Vda|%Vdb>|%Vdb>
#Images
%?mh<%xdAa|%xdAb>
%?bp<%?bc<%xdBa|%xdBb>|%?bl<|%xdBc|%xdBd|%xdBe|%xdBf|%xdBg|%xdBh|%xdBi|%xdBj|%xdBk|%xdBl|%xdBm|%xdBn|%xdBo|%xdBp>>
%?pv<%xdCa|%xdCb|%xdCc|%xdCd|%xdCe|%xdCf|%xdCg|%xdCh|%xdCi|%xdCj|%xdCk|%xdCl|%xdCm|%xdCn|%xdCo|%xdCp|%xdCq|%xdCr|%xdCs|%xdCt|%xdCu|%xdCv|%xdCw|%xdCx|%xdCy|%xdCz>
%?ps<%xdD>
%?mm<|%xdEa|%xdEb|%xdEc|%xdEd>
%?mp<%xdFa|%xdFb|%xdFc|%xdFd|%xdFe>
#NowPlaying
%Vl|b|0|9|-|51|1|-|-|
%s%ac%?in<%in.> %?it<%it|%fn>
%t5%s%ac%?ia<%ia|%?d2<%d2|...>>;%t5%s%ac%?id<%id|%?d1<%d1|...>>
%t0.5 %?mp<%al %fc/%fbkb %ar-:--/-:-- |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb%ar%pc/%pt |%al Seeking%ar%pc/%pt >;%t0.5 %?mp<%al %fc/%fbkb %ar-:--/-:-- |%al %fc/%fbkb%ar%pc/%pt |%al %fc/%fbkb |%al %fc/%fbkb%ar%pc/%pt |%al Seeking%ar%pc/%pt >
%s%acNext: %?It<%It|%?Fn<%Fn|?>>
%ac%ca.%cy/%cm/%cd %cl:%cM:%cS %cp
%Vl|c|0|70|-|10|1|-|-|
%V|0|70|132|10|1|007788|000000|
%pm
--- End code ---
The only caveats are that this requires a new background, where the background for the progress-bar is lowered by 2 pixels. And all cover-art must be resized for a max vertical dimension of 57 pixels. The largest I could make it without the other graphics interfering in it.
Thanks for your help. Without your helping me to suss-out the errors I would have never found the problem. The main one being that |c50| command. As long as I took those out and relied on centering the proper sized graphics manually, then they show up overlaid on the ID3 tags behind it. Not the most eloquent of solutions, text clutter to each side of the cover-art, but it's the only way I can get the HOLD toggle to display them.
One more quick question. Is it possible to make the VU meter (peak meter) to also be in a rainbow gradient by using its bitmap loading command? I thought I was just doing good by changing its color with defining its viewport foreground and background colors. Would be nice to have it match the volume, progress bar, as well as change colors as it got louder or quieter.
I read somewhere, don't ask me where, that the %pm command can be used as:
%pm|bitmap.bmp| where the bitmap for it has to match its height and width.
Or maybe I'm confusing that with the progress bar or something else now. I can't seem to find it on the Wikia or in the PDF manual. Perhaps I saw it in some other theme I was studying.
karashata:
The peak-meter can't be themed in any way aside from changing the colour, and that only through defining a viewport with the foreground colour set to whatever colour you want.
Navigation
[0] Message Index
[#] Next page
[*] Previous page
Go to full version