A Few Themeing Questions

**dniMretsaMi** · 01-03-2011, 03:53 PM

Hi all, I'm currently working on two themes (one simple, one complete) and I have some questions.

1) Is it possible to skin the calculator's landscape mode? I've looked around and haven't found any thing about it. If there is, could you give me a link to a theme that includes one so that I can work off of it?

2) I want to put white icon labels and black navigation bars but I can't figure out how to combine the Info.plist's. I know the respective plist's are

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0"><dict>

<key>UndockedIconLabelStyle</key>
<string>color: white</string>

</dict></plist>

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0"><dict>

<key>NavigationBarStyle-0</key>
<string>1</string>

</dict></plist>

How could I combine them in one Info.plist so that both would be activated?

3) How do I rotate pictures as my home screen? I read a guide on it, but I can't figure it out. It gave a theme to download as an example (which I used) but I can't figure out how to edit the html code so that it will rotate the pictures that I have.

Code:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <style>
        body {
            background-color: black;
            margin: 0;
            padding: 20px 0 0 0;
            height: 442px;
            width: 320px;
        }

       img {
            -webkit-transition-property: opacity;
            -webkit-transition-duration: 2s;
            position: absolute;
            width: 320px;
            height: auto;
        }

        img.fade-out {
            opacity: 0;
        }

        img.fade-in {
            opacity: 1;
        }

    </style>
</head>
<body style="color: black">

    <img src="1.jpg" id="image1" class="fade-out"/>
    <img src="2.jpg" id="image2" class="fade-out"/>
    <img src="3.jpg" id="image3" class="fade-out"/>
    <img src="4.jpg" id="image4" class="fade-out"/>
    <img src="5.jpg" id="image5" class="fade-out"/>
    <img src="6.jpg" id="image6" class="fade-out"/>
    <img src="7.jpg" id="image7" class="fade-out"/>
    

    <script>
	
        var fade = function(lastid) {
		
			var rnd=Math.floor(Math.random()*10)
            
			function fout()  {
				if(rnd){document.getElementById('image'+rnd).className = 'fade-out';}
				fade()
			  }
			
            document.getElementById('image'+rnd).className = 'fade-in';
            setTimeout(fout, 120000);
        };

        fade();
    </script>
</body>
</html>

That's the code that came with the download. The only part I edited was the # of image sources. I tried using that but it came up with the first pic and then turned into a black screen. (I would prefer about 7 seconds to elapse before the picture changes) If anybody could help me with the code, that would be great!

Thanks in advance,
iMasterMind

**wannabprogramma** · 01-03-2011, 04:21 PM

1) yes.. but i dont know any free ones that have it right now....
2)would look like:

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0"><dict>

<key>UndockedIconLabelStyle</key>
<string>color: white</string>

<key>NavigationBarStyle-0</key>
<string>1</string>

</dict></plist>

3) idk

hope that helps

**dniMretsaMi** · 01-03-2011, 04:38 PM

Awesome! Thanks for the help!

**dniMretsaMi** · 01-04-2011, 07:49 PM

Bump. A little help please!

**wannabprogramma** · 01-04-2011, 08:04 PM

you can use this as your template for the calculator: iPhone 4 Stock Theme Bundles & UI
it's under com.apple.calculator in the zip you download...
i'll search about #3 for ya real quickk....

**dniMretsaMi** · 01-04-2011, 08:09 PM

OK, thanks dude! I tried something else for the wallpaper today, but that didn't work either.

EDIT: That's iPhone 4, im not currently working on an iPhone 4 theme, but I will be in the future so it's still helpful. I'll search around for something similar for non-retna images.

**wannabprogramma** · 01-04-2011, 08:12 PM

okay, just read up on it and from what i can tell (by looking at the html code and theme set up of Saurik's theme) you need to make a folder called "Private" in your theme folder, and you need to name the images what your html calls for (in your case, the html is calling for images named "1.jpg" "2.jpg" ,etc. so if you save the pics you want as those names and put them in the Private folder, it should work

**dniMretsaMi** · 01-04-2011, 08:17 PM

Ok, I'll try that but I think that's just where Saurik has his pics because the pic source would then have to change. Maybe the theme I tried to work from was made for an earlier FW (although it shouldn't have been) and that method doesn't work any more. I'll try it in the morning and let you know how it works. HUGE thanks for all your help (you're going in the credits)!

**wannabprogramma** · 01-04-2011, 08:23 PM

well if yours doesn't work just edit saurik's and use his (his was made to teach people how to theme) here's his:

Code:

<?xml version="1.0" encoding="UTF-16"?>
<html><head>
    <base href="Private/"/>
    <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <style>
        body {
            background-color: black;
            margin: 0;
            padding: 20px 0 0 0;
            height: 442px;
            width: 320px;
        }

        img {
            -webkit-transition-property: opacity;
            -webkit-transition-duration: 2s;
            position: absolute;
            width: 320px;
            height: auto;
        }

        img.fade-out {
            opacity: 0;
        }

        img.fade-in {
            opacity: 1;
        }
    </style>
</head><body style="color: black">
    <img id="one"/>
    <img id="two"/>

    <script>
        var images = ['Rock.png', 'Plant.png'];
        var index = 0;

        var fade_in = one;
        var fade_out = two;

        fade_in.src = images[0];
        fade_out.src = images[images.length - 1];

        var fade = function () {
            fade_in.src = images[index];
            index = (index + 1) % images.length;

            fade_in.className = 'fade-out';
            fade_out.className = 'fade-in';

            var fade_tmp = fade_in;
            fade_in = fade_out;
            fade_out = fade_tmp;

            setTimeout(fade, 15000);
        };

        fade();
    </script>
</body></html>

AND good luck!!

**dniMretsaMi** · 01-04-2011, 08:26 PM

Ok, hopefully it will work this time! 3rd time's a charm.

**dniMretsaMi** · 01-11-2011, 03:05 PM

Well, I did get it to work, thanks for your help!

Thread: A Few Themeing Questions

LinkBack

Thread Tools

Display

A Few Themeing Questions

The Following User Says Thank You to wannabprogramma For This Useful Post:

Posting Permissions