** RELEASE ** Windows Per7ection

[Blik]

Thanks Ebl

Here is my screenshot

[Rey79]

Yeah i'm unclear on how to do that as well.. I would like to have a transparent overlay to click on so I can bring up those functions.

+3

[mashimarowu]

can anyone help me on the slideshow picture???

EDIT: I took the original picture out (picture9) and i put my own in... and it works... but how do I put more then 9... i did picture10 in HTML but it didn't do anything...

[whoadie]

Thanks Ebl

Here is my screenshot

How'd you get the calendar and the weather icons to look right?

[Blik]

How'd you get the calendar and the weather icons to look right?

I moved my other weather and calender under the start menu

[jcraven8081]

for those of you that want to make it so when u click the weather icon it takes u to the weather app heres what u need to do:

-download rename from installer
-rename your weather app to " " (just a space)
-make a completly transparent icon
-name that icon " " (space again)
-ssh that into this themes folder and your weather icon will be completly blank *so make sure u know where its at before u make it transaperent*
-finally place the icon over the weather widget so when u touch it itll take u to weather

sorry i havent figured out a way to rename the photos app so this wont work with that.

[Ice9812]

Thank you ebl....
i added a wallpaper rotation to the theme....
i love it...
its great work....

[samber]

Thanks ebl, this theme is great, just that it slows the iPhone a bit. But its great. See my screenshot. Thanks

[mashimarowu]

Thank you ebl....
i added a wallpaper rotation to the theme....
i love it...
its great work....

dang that is so cool... can you give me a link to the whole folder with everything... thanks also how did you put your own pictures? like can you put more then 10? becuz i can't figure it out... help please

[uglyboygq]

dang that is so cool... can you give me a link to the whole folder with everything... thanks also how did you put your own pictures? like can you put more then 10? becuz i can't figure it out... help please

To get more pictures on the photo side bar you have to edit the html. I know you said you've done that, but I'm guessin you missed an extra step.
1. Look for this in the html file..."
document.images.slide.src=eval("image"+step+".src" )
if (step<9)".

2. Change "step<9" to how many photos you want to use. If you have 13 photos, you must change it to (step<13).

3. Don't forget to edit these as well ---> var image13=new Image()
image13.src="picture13.jpg"

[Ice9812]

Dizzy714,

are these the 2 you want?....they originally came from ebl VMP theme
i take no credit for them

[Dizzy714]

Dizzy714,

are these the 2 you want?....they originally came from ebl VMP theme
i take no credit for them

Hm, they're not showing up for me.

[Ice9812]

Dizzy714,
im not sure why they are there i can se them...try close your browser and reloading the page

dang that is so cool... can you give me a link to the whole folder with everything... thanks also how did you put your own pictures? like can you put more then 10? becuz i can't figure it out... help please

all i added was this wallpaper.html to the windowsper7ection theme folder and edit it to however many wallpapers you want...
and i also changed the wallpaper.html inside the winsidebar weather (1st) folder to widget.html

and then you need to create a folder called "wallpaper" inside thw Windows Per7ection theme folder and put whatever wallpapers you want inside and name the wallpapers according to the .html file
to change the amout of wallpapers edit this part:
<img src="wallpaper/one.png"/>
<img src="wallpaper/two.png"/>
<img src="wallpaper/three.png"/>
<img src="wallpaper/four.png"/>
<img src="wallpaper/five.png"/>
<img src="wallpaper/six.png"/>
<img src="wallpaper/seven.png"/>
<img src="wallpaper/eight.png"/>
<img src="wallpaper/nine.png"/>
<img src="wallpaper/ten.png"/>

if you want less take out some if you want more add a new line...
and change the img name to eleven.png and so on.

pmme if you need any help


wallpaper.html...created by cpjr

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 0;
height: 480px;
width: 320px;
}

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

img.fade-out {
opacity: 0;
}

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

<img src="wallpaper/one.png"/>
<img src="wallpaper/two.png"/>
<img src="wallpaper/three.png"/>
<img src="wallpaper/four.png"/>
<img src="wallpaper/five.png"/>
<img src="wallpaper/six.png"/>
<img src="wallpaper/seven.png"/>
<img src="wallpaper/eight.png"/>
<img src="wallpaper/nine.png"/>
<img src="wallpaper/ten.png"/>

<script>
// 
// Displays each <img> once in random order before
// randomizing the list again.
// Just add an <img> tag with your filename to add a pic,
// and change interval to control the cycle speed.

var interval = 4 * 20; // Seconds between change

var images = document.getElementsByTagName("img");
var imageArray = [];
var imageCount = images.length;
var current = 0;

var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}

for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}
imageArray.sort(randomize);

var fade = function(){

imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
imageArray.sort(randomize);
}
imageArray[current].className = 'fade-in';

setTimeout(fade, interval * 1000);
};

fade();
</script>

</body></html>

[Dizzy714]

They're showing up now, thanks.

[mashimarowu]

Dizzy714,
im not sure why they are there i can se them...try close your browser and reloading the page



all i added was this wallpaper.html to the windowsper7ection theme folder and edit it to however many wallpapers you want...
and i also changed the wallpaper.html inside the winsidebar weather (1st) folder to widget.html

and then you need to create a folder called "wallpaper" inside thw Windows Per7ection theme folder and put whatever wallpapers you want inside and name the wallpapers according to the .html file
to change the amout of wallpapers edit this part:
<img src="wallpaper/one.png"/>
<img src="wallpaper/two.png"/>
<img src="wallpaper/three.png"/>
<img src="wallpaper/four.png"/>
<img src="wallpaper/five.png"/>
<img src="wallpaper/six.png"/>
<img src="wallpaper/seven.png"/>
<img src="wallpaper/eight.png"/>
<img src="wallpaper/nine.png"/>
<img src="wallpaper/ten.png"/>

if you want less take out some if you want more add a new line...
and change the img name to eleven.png and so on.

pmme if you need any help


wallpaper.html...created by cpjr

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 0;
height: 480px;
width: 320px;
}

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

img.fade-out {
opacity: 0;
}

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

<img src="wallpaper/one.png"/>
<img src="wallpaper/two.png"/>
<img src="wallpaper/three.png"/>
<img src="wallpaper/four.png"/>
<img src="wallpaper/five.png"/>
<img src="wallpaper/six.png"/>
<img src="wallpaper/seven.png"/>
<img src="wallpaper/eight.png"/>
<img src="wallpaper/nine.png"/>
<img src="wallpaper/ten.png"/>

<script>
// 
// Displays each <img> once in random order before
// randomizing the list again.
// Just add an <img> tag with your filename to add a pic,
// and change interval to control the cycle speed.

var interval = 4 * 20; // Seconds between change

var images = document.getElementsByTagName("img");
var imageArray = [];
var imageCount = images.length;
var current = 0;

var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}

for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}
imageArray.sort(randomize);

var fade = function(){

imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
imageArray.sort(randomize);
}
imageArray[current].className = 'fade-in';

setTimeout(fade, interval * 1000);
};

fade();
</script>

</body></html>

Kinda confusing but I will figure it out... but first i need the wallpapers... can you link all of them for me... thanks

also how do I make a wallpaper.html? what program do I use? if not then please send me the wallpaper.html

[bzshizzle]

I moved my other weather and calender under the start menu

What?!

*ANYONE WHO GOT THE CALENDAR WIDGET TO WORK*

How? I Tried everything... And all it shows is the calender widget icon and on top of it is the original iphone calender Date and Day... DO YOU NEED WI-FI or airplaine mode off or sumthing?

[Rey79]

Dizzy714,
all i added was this wallpaper.html to the windowsper7ection theme folder and edit it to however many wallpapers you want...
and i also changed the wallpaper.html inside the winsidebar weather (1st) folder to widget.html

and then you need to create a folder called "wallpaper" inside thw Windows Per7ection theme folder and put whatever wallpapers you want inside and name the wallpapers according to the .html file
to change the amout of wallpapers edit this part:
<img src="wallpaper/one.png"/>
<img src="wallpaper/two.png"/>
<img src="wallpaper/three.png"/>
<img src="wallpaper/four.png"/>
<img src="wallpaper/five.png"/>
<img src="wallpaper/six.png"/>
<img src="wallpaper/seven.png"/>
<img src="wallpaper/eight.png"/>
<img src="wallpaper/nine.png"/>
<img src="wallpaper/ten.png"/>

if you want less take out some if you want more add a new line...
and change the img name to eleven.png and so on.

pmme if you need any help


wallpaper.html...created by cpjr

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 0;
height: 480px;
width: 320px;
}

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

img.fade-out {
opacity: 0;
}

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

<img src="wallpaper/one.png"/>
<img src="wallpaper/two.png"/>
<img src="wallpaper/three.png"/>
<img src="wallpaper/four.png"/>
<img src="wallpaper/five.png"/>
<img src="wallpaper/six.png"/>
<img src="wallpaper/seven.png"/>
<img src="wallpaper/eight.png"/>
<img src="wallpaper/nine.png"/>
<img src="wallpaper/ten.png"/>

<script>
// 
// Displays each <img> once in random order before
// randomizing the list again.
// Just add an <img> tag with your filename to add a pic,
// and change interval to control the cycle speed.

var interval = 4 * 20; // Seconds between change

var images = document.getElementsByTagName("img");
var imageArray = [];
var imageCount = images.length;
var current = 0;

var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}

for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}
imageArray.sort(randomize);

var fade = function(){

imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
imageArray.sort(randomize);
}
imageArray[current].className = 'fade-in';

setTimeout(fade, interval * 1000);
};

fade();
</script>

</body></html>

I created the wallpaper.html and put it in the windowsper7ection folder, created the wallpaper folder, but now when you say "changed the wallpaper.html inside the winsidebar weather (1st) folder to widget.html" did you put in a widget or just change the name of it to widget.html?

[mashimarowu]

I created the wallpaper.html and put it in the windowsper7ection folder, created the wallpaper folder, but now when you say "changed the wallpaper.html inside the winsidebar weather (1st) folder to widget.html" did you put in a widget or just change the name of it to widget.html?

change the name...

did you get the wallpapers yet? if you did can you give it to me...
also can you send me the wallpaper.html... thanks man

[whoadie]

Best theme to date!! Much props EBL!!

[Rey79]

change the name...

did you get the wallpapers yet? if you did can you give it to me...
also can you send me the wallpaper.html... thanks man

I tried that but all it did was kill my weather widget.

I downloaded my own wallpapers, although I would love to have a couple of the ones he has...

For the wallpaper.html, i just copied the wallpaper.html that was in the WinSideBar Weather (1st), replaced it with what he posted and put it into the theme folder...maybe this is why it's not working.