Post your HTML/CSS support questions w/ screenshot here

[vong]

hi guys, map1978 tried to help but we couldnt get it to work. i have a problem when receiving incoming calls while my phone is asleep. when i receive a call the interface around the green button is completely gone and i have no idea why but when i am using the phone and someone calls me the interface is there. i also have suave HD installed but i dont think the suave is causing this problem. i disabled suave and enabled the LS and it had the problem, disabled LS and enable suave it worked fine

example of how it is supposed to look like:

and this is how mine looks like:

LS i am using:

deviantart.com/#/d3b72h5

I am on iOS 4.2.1

edit; seems like this is a reoccurring thing happening when i use other themes too

it seems like the UI for the bottom of the screen seems to be gone for almost everything (in this example, i am trying to set my homescreen background and this is the results):

w/ LS THEME:

w/o LS THEME:

anyone know how to fix this? is it possible that if i restore my phone and jb again it'll be fixed?

 

[Narrie]

My home screen look gorgeous and minimalistic here. But the lock screen doesn't use the same wallpaper. The theme is called Prestige HD and consists of this wallpaper on the home screen, I love it, but I also want to use it in the lock screen. No transition or difference whatsoever. I'm using iPhoneBrowser 1.93 for Windows to manage the inside. I've searched the entire theme, but I can't find the image file for Prestige HD's default wallpaper.

Where can I find the image file?

My gorgeous homescreen.

Ugly Lockscreen.

Same homescreen. Although, ugly **** when opening a folder. The background changes. If I change the wallpaper to the one I'm using on the home screen, the problem will probably go away.

 

[vong]

^ you just replace it with a wallpaper you want.

IE if you SSH into your phone, there should be a file called "LockBackground.png" just rename a picture and replace that old LockBackground.png.

and for your second problem, i have no idea how to fix that, some themes does that to me too so i dont use it. have you tried deleting the wallpaper that is in the theme?

 

[h1r0ll3r]

24hr --> 12hr

Below is the clock code I pulled from the lockbackground.html of the theme I'm using. It's currently in 24hr format and I need to change it to 12hr. Can someone tell me what part of this I need to change in order to accomplish this? Thanks.

function updateClock ( )
{
var currentTime = new Date ( );

var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );


// Pad the minutes and seconds with leading zeros, if required
currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

// Convert an hours component of "0" to "12"
//currentHours = ( currentHours == 0 ) ? currentHours + 24 : currentHours;


// Convert the hours component to 12-hour format if needed
//currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

// Convert an hours component of "0" to "12"
//currentHours = ( currentHours == 0 ) ? 12 : currentHours;

// Compose the string for display
var currentTimeString = currentHours;
var currentTimeString1 = currentMinutes;

// Update the time display
document.getElementById("clock1").firstChild.nodeValue = currentTimeString;
document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
}

</script>

<style>

 

[vong]

Below is the clock code I pulled from the lockbackground.html of the theme I'm using. It's currently in 24hr format and I need to change it to 12hr. Can someone tell me what part of this I need to change in order to accomplish this? Thanks.

function updateClock ( )
{
var currentTime = new Date ( );

var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );


// Pad the minutes and seconds with leading zeros, if required
currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

// Convert an hours component of "0" to "12"
//currentHours = ( currentHours == 0 ) ? currentHours + 24 : currentHours;


// Convert the hours component to 12-hour format if needed
//currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

// Convert an hours component of "0" to "12"
//currentHours = ( currentHours == 0 ) ? 12 : currentHours;

// Compose the string for display
var currentTimeString = currentHours;
var currentTimeString1 = currentMinutes;

// Update the time display
document.getElementById("clock1").firstChild.nodeValue = currentTimeString;
document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
}

</script>

<style>

function updateClock ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );


  // Pad the minutes and seconds with leading zeros, if required
  currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Convert an hours component of "0" to "12"
  //currentHours = ( currentHours == 0 ) ? currentHours + 24 : currentHours;
  
 
  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  // Convert an hours component of "0" to "12"
  //currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  // Compose the string for display
  var currentTimeString = currentHours;
  var currentTimeString1 = currentMinutes;

  // Update the time display
  document.getElementById("clock1").firstChild.nodeValue = currentTimeString;
  document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
}

</script>

    <style>

in programming // means to comment. im just going to guess on this part, but... let me know if that works.

 

[h1r0ll3r]

in programming // means to comment. im just going to guess on this part, but... let me know if that works.[/QUOTE]

Thanks. I'll give it a shot and see if this works.

 

[jesuispizza]

So just continuing from another thread (sorry for putting it in the wrong one), I'm looking to get rid of the slide to unlock. I had a suggestion to go to your (Homescreen)Theme/Bundles/com.apple.springboard/xx.lproj/SpringBoard.strings and remove the 'Slide To Unlock' to look like ' ' but that folder doesn't exist in this theme.

Could anyone else help please

Edit: Figured it out!

 

[p09n15i93]

So just continuing from another thread (sorry for putting it in the wrong one), I'm looking to get rid of the slide to unlock. I had a suggestion to go to your (Homescreen)Theme/Bundles/com.apple.springboard/xx.lproj/SpringBoard.strings and remove the 'Slide To Unlock' to look like ' ' but that folder doesn't exist in this theme.

Could anyone else help please

Edit: Figured it out!

Mind sharing what you did to fix it? I have the same problem.

 

[jesuispizza]

Mind sharing what you did to fix it? I have the same problem.

You bet. I just found another Lockscreen I'm using that's similar in terms of hiding the "slide to unlock" and copied that com.apple.springboard folder into this theme.

 

[Brownski]

Hi all,

I'm hoping someone can help me adjust my html so I can display the Month name on my lock screen. Current lock screen and html are below...I just can't figure out what I'm overlooking (most of the theme's I've dealt with before have much less html).

Current html:

<?xml version="1.0" encoding="UTF-16"?>
<html><head>

<style> 
#Layer{width: 322px; height: 482px; position: absolute; top: -1px; right: 0px; down: 0px; left: -1px;} 
.stretch {width:100%; height:100%;} 

</style>

<table><td>

<div id="Layer"><img src="/User/Library/SpringBoard/LockBackground.jpg" class="stretch"/></img></div>


<style>

    td#Backgrounds
{
	margin-top: 0px;	 
	position: absolute; top: 0px; right: 0px; down: 0px; left: 0px;
}

SPAN#clock 
{
	font-family: Helvetica;
	font-weight: 300; 
	text-align: center;
	color: orange; 
	text-shadow: 0px 0px 10px black;
	font-size: 143px;
	opacity: 0.9;
	text-transform: Capitalize;   
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.43, #666));
}

SPAN#mins 
{
	font-family: Helvetica;
	font-weight: 300;
	color: white; 
	text-shadow: 0px 0px 10px black;
	text-align:center;
	font-size: 140px;
       opacity: 0.7;
	text-transform: Capitalize;  
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}


    TD#year 
{
	font-family: Helvetica;
	font-weight: 100; 
	text-align: center;
	color: transparent; 
	text-shadow: 0px 0px 30px white;
	font-size: 80px;
       opacity: 0.44;
	text-transform: Capitalize;
      -webkit-text-stroke: 2px white;
    -webkit-text-fill-color: transparent;   
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.4, #666));
}


	

</style>


<script type="text/javascript">



var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")

var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")	//predefine month names

    



var this_date_timestamp = new Date()	



var this_weekday = this_date_timestamp.getDay()    

var this_date = this_date_timestamp.getDate()	 

var this_month = this_date_timestamp.getMonth()    

var this_year = this_date_timestamp.getYear()	 



if (this_year < 1000)

    this_year+= 1900;

if (this_year==101)

    this_year=2001;	   



var this_date_string = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]//concat long date string



// 

function init ( )
{
  timeDisplay = document.createTextNode ( "" );
document.getElementById("clock").appendChild ( timeDisplay );
}
function updateClock ( )
{
  var currentTime = new Date ( );
  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );
  // Pad the minutes and seconds with leading zeros, if required
  // currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

/*---------------------------------------------------------------------------------------------------------------------------------12 hours to 24 hour Edit------*/

/* Remove the /* from under this line to display the 12 hours clock */	/* NEW!! */

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

  // Compose the string for display
  var currentTimeString = currentHours;
  var currentTimeString1 = currentMinutes;


  // Update the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
}

function init2 ( )
{
  timeDisplay = document.createTextNode ( "" );
  document.getElementById("ampm").appendChild ( timeDisplay );
}

function amPm ( )
{
  var currentTime = new Date ( );
  var currentHours = currentTime.getHours ( );

/*---------------------------------------------------------------------------------------------------------------------------------AM PM Edit------*/
/* Remove the /* from under this line to display am or pm after the 12 hours clock */  /* NEW!! */


  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;
  // Compose the string for display
  var currentTimeString = timeOfDay;
  // Update the time display
document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
}
function init3 ( )
{
  timeDisplay = document.createTextNode ( "" );
  document.getElementById("date").appendChild ( timeDisplay );
}


function calendarDate ( )

{

  var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")

var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")	  //predefine month names

    

  var this_date_timestamp = new Date()	  



  var this_weekday = this_date_timestamp.getDay()    

  var this_date = this_date_timestamp.getDate()    

  var this_month = this_date_timestamp.getMonth()    



//document.getElementById("calendar").firstChild.nodeValue = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]  //concat long date string

  
document.getElementById("year").firstChild.nodeValue = this_year;//concat long date string
}



// -->

</script>



</head>


<body >

<table style="position: absolute;top: 130px; left: 0px; width: 321px; height: 481px;">
<tr align="center" valign="top"  border="0" cellpadding="0">
    <td height="12" valign="top" margin-left="20" >
<span id="mins">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
</span>
<td></td>
</tr>
</table>

<table style="position: absolute;top: 60px; left: 0px; width: 321px; height: 481px;">
<tr align="center" valign="top"  border="0" cellpadding="0">
    <td height="12" valign="top" margin-left="20" >
<span id="clock">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
</span>
<td></td>
</tr>
</table>

<table style="position: absolute;top: 267px; left: 0px; width: 321px; height: 481px;">
<tr>
<td id=year valign="top" TD STYLE="text-align: center">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
</span>
<td></td>
</tr>
</table>

</body></html>



<script>

	

	var EnableCalendar			=	true;

	var EnableWordCalendar		=	false;

	var EnableSpringBoardCalendar	=	true;

	var MCal				=	false;

	var LineCal				=	true;

	enableIOsWallpaper			=	false;

	weekdays				=	new Array('S', 'M', 'T', 'W', 'Th', 'F', 'S');

	months				=	new Array('January', 'February', 'Mars', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');


</script>


<style> 




body {

	background-color: none;

	margin: 0;

	height: 481px;

	width: 320px;

	font-family: Helvetica;

	font-weight: 100;

	color: white;

	text-shadow: 0px 0px 5px black; 

}




/* ----------------------------------------------------------------------------------------------------------------------------------- */

<!-- Line Calendar Style Section-->



* {

	margin: 0;

	padding: 0;

}



.hidden {

	display: none;

}



#linebackground {

	width: 250px;

	height: 482px;

	position: absolute;

	top: 0px;

	left: 0px;



}



#linecalendarcontainer {

	position: absolute;

	top: 290px;

	left: 33px;

	width: 250px;

	height: 300px;

	text-align: center;



}





#linecalendar {
	position:absolute; top:10px;

	font-variant: normal;
	
	text-transform: Capitalize;

	font-size: 22px;

	color: white;

text-shadow: 0px 0px 3px black;
 
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.8, #666));
}



#lineweek {

	margin-top: 20px;

}



.linedaysofweek, #linedays {

	font-size: 14px;

	padding: 0 2px;

}



.linehidden {

	display: none;

}



.linetoday {

	color: orange;

	font-size: 17px;

	padding: 2px 2px;

   text-shadow: 0px 0px 5px black; 

-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.8, #666));
}



#linetextcontainer {

	font-size: 50px;

}



.linetextcontainer p {

	margin: 0;

}





</style>



<!---------------------------------------------------------------------------------------------------------------->

<!-- Display Wallpaper and Overlay here -->



<div id="background">

	<img src="" width="320" height="480" id="HomeBackground" />

	<img src="" width="320" height="480">

</div>





<script type="text/javascript">



	function init() {

		clearInterval(load_timer);



		if (enableIOsWallpaper == false) {

			$('HomeBackground').className = 'hidden';

		}

		setInterval('updateElements()', 1000);

	}

/* -----------------------------------------------------------------------------------------------------------------

	Lineair Calendar Script

----------------------------------------------------------------------------------------------------------------- */	



	function $(selector) {

		return document.getElementById(selector);

	}



	function updateElements() {

		updateDate();

		updatelineClock();

		getCurrentTime();

	}



	function updatelineClock() {

		var ampm = '',

		currentTime = new Date(),

		currentHours = currentTime.getHours(),

		currentMinutes = currentTime.getMinutes();



		if(use24Hour == false) {

			if (enableAMPM == true) {

				ampm = (currentHours > 11) ? ' pm' : ' am';

			}



			currentHours = (currentHours > 12) ? currentHours-12 : currentHours;

		}



		if (leadingZero == true) {

			currentHours = (currentHours < 10 ? '0' : '') + currentHours;

		}

		currentMinutes = (currentMinutes < 10 ? '0' : '') + currentMinutes;



		var currentTimeString = currentHours + ':' + currentMinutes + ampm,

			texto = document.createTextNode(currentTimeString),

			lineclock = $('lineclock').firstChild;



		if (clock)

			$('lineclock').replaceChild(texto, lineclock);

		else

			$('lineclock').appendChild(texto);

	}



	function updateDate() {

		var this_weekday_name_array = weekdays,

			this_month_name_array = months,

			this_date_timestamp = new Date(),

			this_weekday = this_date_timestamp.getDay(),

			this_date = this_date_timestamp.getDate(),

			this_month = this_date_timestamp.getMonth(),

			this_year = this_date_timestamp.getFullYear(),

			dim = [31,0,31,30,31,30,31,31,30,31,30,31],

			oD = new Date(this_year, this_date-1, 1),

			linecalendar = $('linecalendar').firstChild;



			oD.od = oD.getDay()+1;

			dim[1]=(((oD.getFullYear()%100 != 0) && (oD.getFullYear()%4 == 0)) || (oD.getFullYear()%400 == 0)) ? 29 : 28;



			var t = '',

			k = 0,

			days_TM = dim[this_month],

			days_PM = (this_month == 0) ? dim[11] : dim[this_month-1],

			days_NM = (this_month == 11) ? dim[0] : dim[this_month+1];



			do {

				var k2 = this_date-k,

				wkstart = (k2<=0) ? days_PM+k2 : k2;

				k++;

			} while(k <= this_weekday);



			for (s=0;s<7;s++) {

				t += (s == this_weekday) ? '<span class="linetoday">' + this_weekday_name_array[s] + '</span>' : '<span class="linedaysofweek">' + this_weekday_name_array[s] + '</span>';

			}



			t += '<span class="linedaysofweek">=</span>';



			for (L=0;L<this_weekday;L++) {

				var L2 = L+wkstart;



			if(L2>days_PM) 

				L2 = L2-days_PM;



				t += (L2 == this_date) ? '<span class="linetoday">' + L2 + '</span>' : '<span class="linedaysofweek">' + L2 + '</span>';

			}



			for (M=0;M<=6-this_weekday;M++) {

				var M2 = M+this_date;



				if(M2 > days_TM) 

					M2 = M2-days_TM;



				t += (M2 == this_date) ? '<span class="linetoday">' + M2 + '</span>' : '<span class="linedaysofweek">' + M2 + '</span>';

			}





			if (EnableSpringBoardCalendar == true){

				if (LineCal == true) {

					var texto = document.createElement('div');

					texto.innerHTML = '<div id="lineweek">' + t + '</div>';



					if (linecalendar)

						$('linecalendar').replaceChild(texto, linecalendar);

					else

						$('linecalendar').appendChild(texto);

					}

				}

			}





	function capitAll(str) {

		str = str.toLowerCase().replace(/([-\.']) */g,'$1 ');

		var rx = /\b([a-z'-\.]+)\b/ig;

		str = str.replace(rx,function(w){ return w.charAt(0).toUpperCase()+w.substring(1); });

		return str.replace(/^ *|(\-|') *| *$/g,'$1');

	}







	function constructError(string) {

		return {error:true, errorString:string};

	}



	function findChild(element, nodeName) {

		var child;

		for (child = element.firstChild; child != null; child = child.nextSibling) {

			if (child.nodeName == nodeName)

				return child;

			}



			return null;

			}



		load_timer = setInterval(function() {

		var state = document.readyState;

		if (state == 'loaded' || state == 'complete') {

			init();

		}

	}, 50);



</script>


<body bgcolor="Transparent" onload="onLoad()"; "setInterval('getCurrentTime()', 1000);">

<div>



<div id="time"></div>



	<div id="linebackground">

	<div id="linecalendarcontainer">

		<span id="linecalendar"></span>

	</div>




</style>

</script>

</html>

Current Lock, missing Month:

Thanks for any help anyone can give!

 

[Schnedi]

Hi all,

I'm hoping someone can help me adjust my html so I can display the Month name on my lock screen. Current lock screen and html are below...I just can't figure out what I'm overlooking (most of the theme's I've dealt with before have much less html).

replace you html with this

modified HTML with month

<?xml version="1.0" encoding="UTF-16"?>
<html><head>

<style> 
#Layer{width: 322px; height: 482px; position: absolute; top: -1px; right: 0px; down: 0px; left: -1px;} 
.stretch {width:100%; height:100%;} 

</style>

<table><td>

<div id="Layer"><img src="/User/Library/SpringBoard/LockBackground.jpg" class="stretch"/></img></div>


<style>

    td#Backgrounds
{
	margin-top: 0px;	 
	position: absolute; top: 0px; right: 0px; down: 0px; left: 0px;
}

SPAN#clock 
{
	font-family: Helvetica;
	font-weight: 300; 
	text-align: center;
	color: orange; 
	text-shadow: 0px 0px 10px black;
	font-size: 143px;
	opacity: 0.9;
	text-transform: Capitalize;   
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.43, #666));
}

SPAN#mins 
{
	font-family: Helvetica;
	font-weight: 300;
	color: white; 
	text-shadow: 0px 0px 10px black;
	text-align:center;
	font-size: 140px;
       opacity: 0.7;
	text-transform: Capitalize;  
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}

    SPAN#month 
{
	font-family: Helvetica;
	font-weight: 100; 
	text-align: center;
	color: white; 
	text-shadow: 0px 0px 10px white;
	font-size: 40px;
	text-transform: Capitalize; 
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.4, #666));
}
    TD#year 
{
	font-family: Helvetica;
	font-weight: 100; 
	text-align: center;
	color: transparent; 
	text-shadow: 0px 0px 30px white;
	font-size: 80px;
       opacity: 0.44;
	text-transform: Capitalize;
      -webkit-text-stroke: 2px white;
    -webkit-text-fill-color: transparent;   
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.4, #666));
}


	

</style>


<script type="text/javascript">



var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")

var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")	//predefine month names

    



var this_date_timestamp = new Date()	



var this_weekday = this_date_timestamp.getDay()    

var this_date = this_date_timestamp.getDate()	 

var this_month = this_date_timestamp.getMonth()    

var this_year = this_date_timestamp.getYear()	 



if (this_year < 1000)

    this_year+= 1900;

if (this_year==101)

    this_year=2001;	   



var this_date_string = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]//concat long date string



// 

function init ( )
{
  timeDisplay = document.createTextNode ( "" );
document.getElementById("clock").appendChild ( timeDisplay );
}
function updateClock ( )
{
  var currentTime = new Date ( );
  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );
  // Pad the minutes and seconds with leading zeros, if required
  // currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

/*---------------------------------------------------------------------------------------------------------------------------------12 hours to 24 hour Edit------*/

/* Remove the /* from under this line to display the 12 hours clock */	/* NEW!! */

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

  // Compose the string for display
  var currentTimeString = currentHours;
  var currentTimeString1 = currentMinutes;


  // Update the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
}

function init2 ( )
{
  timeDisplay = document.createTextNode ( "" );
  document.getElementById("ampm").appendChild ( timeDisplay );
}

function amPm ( )
{
  var currentTime = new Date ( );
  var currentHours = currentTime.getHours ( );

/*---------------------------------------------------------------------------------------------------------------------------------AM PM Edit------*/
/* Remove the /* from under this line to display am or pm after the 12 hours clock */  /* NEW!! */


  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;
  // Compose the string for display
  var currentTimeString = timeOfDay;
  // Update the time display
document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
}
function init3 ( )
{
  timeDisplay = document.createTextNode ( "" );
  document.getElementById("date").appendChild ( timeDisplay );
}


function calendarDate ( )

{

  var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")

var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")	  //predefine month names

    

  var this_date_timestamp = new Date()	  



  var this_weekday = this_date_timestamp.getDay()    

  var this_date = this_date_timestamp.getDate()    

  var this_month = this_date_timestamp.getMonth()    



//document.getElementById("calendar").firstChild.nodeValue = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]  //concat long date string

document.getElementById("month").firstChild.nodeValue = this_month_name_array [this_month] //concat long date string 
document.getElementById("year").firstChild.nodeValue = this_year //concat long date string
}



// -->

</script>



</head>


<body >

<table style="position: absolute;top: 130px; left: 0px; width: 321px; height: 481px;">
<tr align="center" valign="top"  border="0" cellpadding="0">
    <td height="12" valign="top" margin-left="20" >
<span id="mins">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
</span>
<td></td>
</tr>
</table>

<table style="position: absolute;top: 60px; left: 0px; width: 321px; height: 481px;">
<tr align="center" valign="top"  border="0" cellpadding="0">
    <td height="12" valign="top" margin-left="20" >
<span id="clock">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
</span>
<td></td>
</tr>
</table>

<table style="position: absolute;top: 250px; left: 0px; width: 321px; height: 481px;">
<tr align="center" valign="top"  border="0" cellpadding="0">
    <td height="12" valign="top" margin-left="20" >
<span id="month">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
</span>
<td></td>
</tr>
</table>

<table style="position: absolute;top: 267px; left: 0px; width: 321px; height: 481px;">
<tr>
<td id=year valign="top" TD STYLE="text-align: center">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
</span>
<td></td>
</tr>
</table>

</body></html>



<script>

	

	var EnableCalendar			=	true;

	var EnableWordCalendar		=	false;

	var EnableSpringBoardCalendar	=	true;

	var MCal				=	false;

	var LineCal				=	true;

	enableIOsWallpaper			=	false;

	weekdays				=	new Array('S', 'M', 'T', 'W', 'Th', 'F', 'S');

	months				=	new Array('January', 'February', 'Mars', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');


</script>


<style> 




body {

	background-color: none;

	margin: 0;

	height: 481px;

	width: 320px;

	font-family: Helvetica;

	font-weight: 100;

	color: white;

	text-shadow: 0px 0px 5px black; 

}




/* ----------------------------------------------------------------------------------------------------------------------------------- */

<!-- Line Calendar Style Section-->



* {

	margin: 0;

	padding: 0;

}



.hidden {

	display: none;

}



#linebackground {

	width: 250px;

	height: 482px;

	position: absolute;

	top: 0px;

	left: 0px;



}



#linecalendarcontainer {

	position: absolute;

	top: 290px;

	left: 33px;

	width: 250px;

	height: 300px;

	text-align: center;



}





#linecalendar {
	position:absolute; top:10px;

	font-variant: normal;
	
	text-transform: Capitalize;

	font-size: 22px;

	color: white;

text-shadow: 0px 0px 3px black;
 
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.8, #666));
}



#lineweek {

	margin-top: 20px;

}



.linedaysofweek, #linedays {

	font-size: 14px;

	padding: 0 2px;

}



.linehidden {

	display: none;

}



.linetoday {

	color: orange;

	font-size: 17px;

	padding: 2px 2px;

   text-shadow: 0px 0px 5px black; 

-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.8, #666));
}



#linetextcontainer {

	font-size: 50px;

}



.linetextcontainer p {

	margin: 0;

}





</style>



<!---------------------------------------------------------------------------------------------------------------->

<!-- Display Wallpaper and Overlay here -->



<div id="background">

	<img src="" width="320" height="480" id="HomeBackground" />

	<img src="" width="320" height="480">

</div>





<script type="text/javascript">



	function init() {

		clearInterval(load_timer);



		if (enableIOsWallpaper == false) {

			$('HomeBackground').className = 'hidden';

		}

		setInterval('updateElements()', 1000);

	}

/* -----------------------------------------------------------------------------------------------------------------

	Lineair Calendar Script

----------------------------------------------------------------------------------------------------------------- */	



	function $(selector) {

		return document.getElementById(selector);

	}



	function updateElements() {

		updateDate();

		updatelineClock();

		getCurrentTime();

	}



	function updatelineClock() {

		var ampm = '',

		currentTime = new Date(),

		currentHours = currentTime.getHours(),

		currentMinutes = currentTime.getMinutes();



		if(use24Hour == false) {

			if (enableAMPM == true) {

				ampm = (currentHours > 11) ? ' pm' : ' am';

			}



			currentHours = (currentHours > 12) ? currentHours-12 : currentHours;

		}



		if (leadingZero == true) {

			currentHours = (currentHours < 10 ? '0' : '') + currentHours;

		}

		currentMinutes = (currentMinutes < 10 ? '0' : '') + currentMinutes;



		var currentTimeString = currentHours + ':' + currentMinutes + ampm,

			texto = document.createTextNode(currentTimeString),

			lineclock = $('lineclock').firstChild;



		if (clock)

			$('lineclock').replaceChild(texto, lineclock);

		else

			$('lineclock').appendChild(texto);

	}



	function updateDate() {

		var this_weekday_name_array = weekdays,

			this_month_name_array = months,

			this_date_timestamp = new Date(),

			this_weekday = this_date_timestamp.getDay(),

			this_date = this_date_timestamp.getDate(),

			this_month = this_date_timestamp.getMonth(),

			this_year = this_date_timestamp.getFullYear(),

			dim = [31,0,31,30,31,30,31,31,30,31,30,31],

			oD = new Date(this_year, this_date-1, 1),

			linecalendar = $('linecalendar').firstChild;



			oD.od = oD.getDay()+1;

			dim[1]=(((oD.getFullYear()%100 != 0) && (oD.getFullYear()%4 == 0)) || (oD.getFullYear()%400 == 0)) ? 29 : 28;



			var t = '',

			k = 0,

			days_TM = dim[this_month],

			days_PM = (this_month == 0) ? dim[11] : dim[this_month-1],

			days_NM = (this_month == 11) ? dim[0] : dim[this_month+1];



			do {

				var k2 = this_date-k,

				wkstart = (k2<=0) ? days_PM+k2 : k2;

				k++;

			} while(k <= this_weekday);



			for (s=0;s<7;s++) {

				t += (s == this_weekday) ? '<span class="linetoday">' + this_weekday_name_array[s] + '</span>' : '<span class="linedaysofweek">' + this_weekday_name_array[s] + '</span>';

			}



			t += '<span class="linedaysofweek">=</span>';



			for (L=0;L<this_weekday;L++) {

				var L2 = L+wkstart;



			if(L2>days_PM) 

				L2 = L2-days_PM;



				t += (L2 == this_date) ? '<span class="linetoday">' + L2 + '</span>' : '<span class="linedaysofweek">' + L2 + '</span>';

			}



			for (M=0;M<=6-this_weekday;M++) {

				var M2 = M+this_date;



				if(M2 > days_TM) 

					M2 = M2-days_TM;



				t += (M2 == this_date) ? '<span class="linetoday">' + M2 + '</span>' : '<span class="linedaysofweek">' + M2 + '</span>';

			}





			if (EnableSpringBoardCalendar == true){

				if (LineCal == true) {

					var texto = document.createElement('div');

					texto.innerHTML = '<div id="lineweek">' + t + '</div>';



					if (linecalendar)

						$('linecalendar').replaceChild(texto, linecalendar);

					else

						$('linecalendar').appendChild(texto);

					}

				}

			}





	function capitAll(str) {

		str = str.toLowerCase().replace(/([-\.']) */g,'$1 ');

		var rx = /\b([a-z'-\.]+)\b/ig;

		str = str.replace(rx,function(w){ return w.charAt(0).toUpperCase()+w.substring(1); });

		return str.replace(/^ *|(\-|') *| *$/g,'$1');

	}







	function constructError(string) {

		return {error:true, errorString:string};

	}



	function findChild(element, nodeName) {

		var child;

		for (child = element.firstChild; child != null; child = child.nextSibling) {

			if (child.nodeName == nodeName)

				return child;

			}



			return null;

			}



		load_timer = setInterval(function() {

		var state = document.readyState;

		if (state == 'loaded' || state == 'complete') {

			init();

		}

	}, 50);



</script>


<body bgcolor="Transparent" onload="onLoad()"; "setInterval('getCurrentTime()', 1000);">

<div>



<div id="time"></div>



	<div id="linebackground">

	<div id="linecalendarcontainer">

		<span id="linecalendar"></span>

	</div>




</style>

</script>

</html>

 

[Brownski]

Thanks a million; I'll try this out tonight!

 

[aZooRe]

I haven't encounted any html/css problems in a long time seeing as how I finally decided on a theme..but I can't solve this one problem..

I'm using GlasklartHD on my iphone4 and I can't find out where the hell the wallpaper file is. I've checked all the folders but cannot locate it. Anyone have a clue as to where it is?

 

[pman219]

Status Bar Image ?

Can someone please tell me where the status bar image is located ?

Thank you !

 

[Paul McDonald]

Hi,

So I basically have my phone looking the way I want apart from one thing. I can't seem to change the font size of the icons that are located in all my folders. I have MyStrings and have used that to change the icon font size to 9 on my dock icons and all the icons on my home screen, and if I drag any icon into a folder its font size stays the same (9pts). However if I respring, all the icons in the folders have their fonts revert back to the default size (12pts I think). I have Iconoclasm and its 3x3 theme running, and because this won't let me have more than 8 icons in each folder, I also installed FolderEnhancer. I'm guessing my problem has something to do with my FolderEnhancer plist, but I don't know where this is located. If anyone could provide any help it would be much appreciated. I'm a bit of a noob at these sort of things. Thanks.

 

[Kimball]

Could anyone point me in the right direction on how to completely remove the weather-widget in this html-file?

Current html:

<?xml version="1.0" encoding="UTF-16"?>
<html>
<meta http-equiv="refresh" content="900; url=Widget.html"/>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Style section Clock/Date-->
<style type="text/css" media="all">

SPAN#clock
{
	font-family: Helvetica;
	font-weight: 100;
	color: white;
	font-size: 120px;
	text-shadow: 0px 0px 6px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#mins
{
	font-family: Helvetica;
	font-weight: 100;
	color: yellow;
	font-size: 55px;
	text-shadow: 0px 0px 5px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#month
{
	font-family: Helvetica;
	text-align: left;
	font-weight: 100;
	color: white; 
	font-size: 23px;
	text-transform: uppercase;
    text-shadow: 0px 0px 5px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}

SPAN#year
{
	font-family: Helvetica;
	text-align: left;
	font-weight: 100;
	color: yellow; 
	font-size: 24px;
       text-shadow: 0px 0px 5px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}


<!---------------------------------------------------------------------------------------------------------------->
<!-- Style section Weather Widget-->
#WeatherContainer{
    background-color: rgba(0,0,0,0);
}

#TextContainer{
    font-size:55px;
    font-family: Helvetica;
    font-weight: bold;
    color:#000000;
}

#city{
	position: absolute; top: 341px; right: 0px; down: 0px; left: 34px; width: 296px; height: 481px;
	text-align: left;
	font-family: Helvetica;
	font-size: 13px;
	font-weight: 100;
	text-transform: Capitalize;
	padding-top:0px;
	text-shadow: 0px 0px 3px black;
	color: #ffffff;
}

#temp{	
	position: absolute; top: 347px; right: 0px; down: 0px; left: 150px; width: 296px; height: 481px;
	text-align: left;
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 100;
	text-shadow: 0px 0px 3px black;
	font-weight: 100;
	color: white;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.3, #666));
}

#desc{
	position: absolute; top: 357px; right: 0px; down: 0px; left: 34px; width: 296px; height: 481px;
	text-align: left;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: 100;
	text-transform: Capitalize;
	text-shadow: 0px 0px 1px black;
	font-weight: 100;
	color: white;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.3, #666));
}

#TextContainer p{
	margin:0;
}

#weatherIcon{	
	position: absolute;top: 337px; right: 0px; down: 0px; left: 96px;
	height:40px;
	width:40px;
}

</style>
<!---------------------------------------------------------------------------------------------------------------->
<!-- Direct the script to the general folder where the weather icons are located -->
<base href="Private/"/>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Clock and Date Script -->
<script type="text/javascript">

function updateClock ( )
{
	var currentTime = new Date ( );
	var currentHours = currentTime.getHours ( );
	var currentMinutes = currentTime.getMinutes ( );
	var currentSeconds = currentTime.getSeconds ( );

<!-- Pad the minutes and seconds with leading zeros, if required -->
    currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
	currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
	currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
	
<!-- Defines either "AM" or "PM" as appropriate -->
	var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
	
<!-- Convert hours component of "12" to "24" -->
     //currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
	
<!-- Convert hours component from "0" to "12 at Midnight-->
     currentHours = ( currentHours == 0 ) ? 12 : currentHours;

<!-- Compose the string for display-->
	var currentTimeString = currentHours;
       var currentTimeString1 = currentMinutes;

	<!-- Update the time display-->
    document.getElementById("clock").firstChild.nodeValue = currentTimeString;
    document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
	<!-- document.getElementById("clock").firstChild.nodeValue = currentTimeString + " " + timeOfDay;-->
}

function init2 ( )
{
	timeDisplay = document.createTextNode ( "" );
	document.getElementById("ampm").appendChild ( timeDisplay );
}
function init3 ( )
{
	timeDisplay = document.createTextNode ( "" );
	document.getElementById("date").appendChild ( timeDisplay );
}

function calendarDate ( )
{
    var this_date_name_array = new Array ("0", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23","24","25","26","27","28","29","30","31")
	var this_weekday_name_array = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
	var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
    
	var this_date_timestamp = new Date()    

	var this_weekday = this_date_timestamp.getDay()    
	var this_date = this_date_timestamp.getDate()    
	var this_month = this_date_timestamp.getMonth()
      var this_year = this_date_timestamp.getYear()	 

      if (this_year < 1000)
      this_year+= 1900;
      if (this_year==101)
      this_year=2001;	  
	    
	document.getElementById("month").firstChild.nodeValue = this_month_name_array[this_month] 
	document.getElementById("year").firstChild.nodeValue = this_year 
}

<!---------------------------------------------------------------------------------------------------------------->
<!-- Weather Script -->
	var locale = "SWXX0010"

	var isCelsius = true
	var useRealFeel = false

	var enableWallpaper = true;
	var enableLockScreen = true;

	var stylesheetWall = 'mini'
	var stylesheetLock = 'mini'
	var stylesheet = 'mini'

	var iconSetWall = 'stardock'
	var iconExtWall = ".png"
	var iconSetLock = 'stardock'
	var iconExtLock = '.png'

	var source = 'yahooWeather'

	var updateInterval = 1200

	var postal;
	var demoMode = false;
	var enabled;

	if (location.href.indexOf("LockBackground")  == -1){
		stylesheet = stylesheetWall;
		iconSet = iconSetWall;
		iconExt = iconExtWall;
		enabled = enableWallpaper;
	}else{
		stylesheet = stylesheetLock;
		iconSet = iconSetLock;
		iconExt = iconExtLock;
		enabled = enableLockScreen;
	}

	if(enabled == true){
		if(iconSet == null || iconSet == 'null' || iconSet == ""){
		var iconSet = stylesheet;
	}

	var headID = document.getElementsByTagName("head")[0];	       
	var styleNode = document.createElement('link');
	styleNode.type = 'text/css';
	styleNode.rel = 'stylesheet';
	styleNode.href = 'Stylesheets/'+stylesheet+'.css';
	headID.appendChild(styleNode);

	var scriptNode = document.createElement('script');
	scriptNode.type = 'text/javascript';
	scriptNode.src = 'Sources/'+source+'.js';
	headID.appendChild(scriptNode);
	}

function onLoad(){
	if (enabled == true){ 
	if (demoMode == true){
		document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"cloudy1"+iconExt;
		document.getElementById("city").innerText="Somewhere";
		document.getElementById("desc").innerText="Partly Cloudy";
		document.getElementById("temp").innerText="100º";
		
	}else{ 
	document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"dunno"+iconExt;
	validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)
	}
	}else{
		document.getElementsByTagName("body")[0].innerText='';
	}
}

function convertTemp(num)
{
	if (isCelsius == true)
		return Math.round ((num - 32) * 5 / 9);
	else
		return num;
}

function setPostal(obj){
	
	if (obj.error == false){
		if(obj.cities.length > 0){
			postal = escape(obj.cities[0].zip).replace(/^%u/g, "%")
			document.getElementById("WeatherContainer").className = "";	
			weatherRefresherTemp();
		}else{
			document.getElementById("city").innerText="Not Found";
			document.getElementById("WeatherContainer").className = "errorLocaleNotFound";	
		}
	}else{
		document.getElementById("city").innerText=obj.errorString;
		document.getElementById("WeatherContainer").className = "errorLocaleValidate";	
		setTimeout('validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)', Math.round(1000*60*5));
	}
}

function dealWithWeather(obj){

	if (obj.error == false){
		document.getElementById("city").innerText=obj.city;
		document.getElementById("desc").innerText=obj.description.toLowerCase();
		
		if(useRealFeel == true){
			tempValue = convertTemp(obj.realFeel);
		}else{
			tempValue = convertTemp(obj.temp)
		}
		document.getElementById("temp").innerHTML=tempValue+ "°";
		document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+MiniIcons[obj.icon]+iconExt;
		document.getElementById("WeatherContainer").className = "";	

		
	}else{
		//Could be down to any number of things, which is unhelpful...
		document.getElementById("WeatherContainer").className = "errorWeatherDataFetch";	
	}
	
	
}

function weatherRefresherTemp(){
	fetchWeatherData(dealWithWeather,postal);
	setTimeout(weatherRefresherTemp, 60*1000*updateInterval);
}

var MiniIcons =
[
	"0",		       //0	tornado
	"1",		       //1	tropical storm
	"2",		       //2	hurricane
	"3",		       //3	severe thunderstorms
	"4",		       //4	thunderstorms
	"5",		       //5	mixed rain and snow
	"6",		       //6	mixed rain and sleet
	"7",		       //7	mixed snow and sleet
	"8",		       //8	freezing drizzle
	"9",		       //9	drizzle
	"10",		       //10	freezing rain
	"11",		       //11	showers
	"12",		       //12	showers
	"13",		       //13	snow flurries
	"14",		       //14	light snow showers
	"15",		       //15	blowing snow
	"16",		       //16	snow
	"17",		       //17	hail
	"17",		       //18	sleet
	"19",		       //19	dust
	"20",		       //20	foggy
	"21",		       //21	haze
	"22",		       //22	smoky
	"23",		       //23	blustery
	"24",		       //24	windy
	"25",		       //25	cold
	"26",		       //26	cloudy
	"27",		      //27	mostly cloudy (night)
	"28",		       //28	mostly cloudy (day)
	"29",		      //29	partly cloudy (night)
	"30",		       //30	partly cloudy (day)
	"31",		      //31	clear (night)
	"32",		       //32	sunny
	"33",		       //33	fair (night)
	"34",		       //34	fair (day)
	"35",		       //35	mixed rain and hail
	"36",		       //36	hot
	"37",		       //37	isolated thunderstorms
	"38",		       //38	scattered thunderstorms
	"39",		       //39	scattered thunderstorms
	"40",		       //40	scattered showers
	"41",		       //41	heavy snow
	"42",		       //42	scattered snow showers
	"43",		       //43	heavy snow
	"44",		       //44	partly cloudy
	"45",		       //45	thundershowers
	"46",		       //46	snow showers
	"47",		       //47	isolated thundershowers
	"dunno",		//3200 not available
];

function constructError (string)
{
	return {error:true, errorString:string};
}

function findChild (element, nodeName)
{
	var child;
	
	for (child = element.firstChild; child != null; child = child.nextSibling)
	{
		if (child.nodeName == nodeName)
			return child;
	}
	
	return null;
}


function fetchWeatherData (callback, zip)
{
	url="http://weather.yahooapis.com/forecastrss?u=f&p=" //u=Farenheit, because accuWeather sucks
	
	var xml_request = new XMLHttpRequest();
	xml_request.onload = function(e) {xml_loaded(e, xml_request, callback);}
	xml_request.overrideMimeType("text/xml");
	xml_request.open("GET", url+zip);
	xml_request.setRequestHeader("Cache-Control", "no-cache");
	xml_request.send(null); 
	
	return xml_request;
}

function xml_loaded (event, request, callback)
{
	if (request.responseXML)
	{
		var obj = {error:false, errorString:null};
		var effectiveRoot = findChild(findChild(request.responseXML, "rss"), "channel");
		obj.city = findChild(effectiveRoot, "yweather:location").getAttribute("city");
		obj.realFeel = findChild(effectiveRoot, "yweather:wind").getAttribute("chill");//Only accounts for windChill
		
		conditionTag = findChild(findChild(effectiveRoot, "item"), "yweather:condition");
		obj.temp = conditionTag.getAttribute("temp");
		obj.icon = conditionTag.getAttribute("code");
		obj.description = conditionTag.getAttribute("text"); 
		callback (obj); 
	}else{
		callback ({error:true, errorString:"XML request failed. no responseXML"});
	}
}


function validateWeatherLocation (location, callback)
{
	var obj = {error:false, errorString:null, cities: new Array};
	obj.cities[0] = {zip: location}; //Not very clever, are we?
	callback (obj);
}

</script>
<!---------------------------------------------------------------------------------------------------------------->
<!-- Display All - Weather-Clock-Date  -->
<body bgcolor="Transparent" onload="onLoad()">
<div>
	<div id="WeatherContainer"> <div id="TextContainer"> <p id="city">Somewhere</p> <p id="temp">32°</p> <p id="desc">cloudy</p> </div>
	<img id="weatherIcon" src=""/> </div>

	<table style="position: absolute; top: 77px; left: 41px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
	<tr>
	<td width="310" align="left" valign="top">
	<span id="clock">
	<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
	</span>
	</td>
	</tr>
	</table>

	<table style="position: absolute; top: 90px; left: 174px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
	<tr>
	<td width="310" align="left" valign="top">
	<span id="mins">
	<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
	</span>
	</td>
	</tr>
	</table>

	<table style="position: absolute; top: 144px; left: 180px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
	<td width="310" height="12" align="left" valign="top" margin-left="20">
	<span id="month">
	<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
	</td></table>

	<table style="position: absolute; top: 164px; left: 186px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
	<td width="310" height="12" align="left" valign="top" margin-left="20">
	<span id="year">
	<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
	</td></table>

<!-- This it linking the Calendar.html for the Calendar -->
<object data="Calendar/Calendar.html"  type="text/html" height="480" width="320"> </object>

</body>
</html>

Thanks in advance

 

[Schnedi]

Could anyone point me in the right direction on how to completely remove the weather-widget in this html-file?


Thanks in advance

try this

modified html:

<?xml version="1.0" encoding="UTF-16"?>
<html>
<meta http-equiv="refresh" content="900; url=Widget.html"/>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Style section Clock/Date-->
<style type="text/css" media="all">

SPAN#clock
{
** * * *font-family: Helvetica;
** * * *font-weight: 100;
** * * *color: white;
** * * *font-size: 120px;
** * * *text-shadow: 0px 0px 6px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#mins
{
** * * *font-family: Helvetica;
** * * *font-weight: 100;
** * * *color: yellow;
** * * *font-size: 55px;
** * * *text-shadow: 0px 0px 5px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#month
{
** * * *font-family: Helvetica;
** * * *text-align: left;
** * * *font-weight: 100;
** * * *color: white;*
** * * *font-size: 23px;
** * * *text-transform: uppercase;
** *text-shadow: 0px 0px 5px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}

SPAN#year
{
** * * *font-family: Helvetica;
** * * *text-align: left;
** * * *font-weight: 100;
** * * *color: yellow;*
** * * *font-size: 24px;
** * * text-shadow: 0px 0px 5px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}

</style>


<!-- Clock and Date Script -->
<script type="text/javascript">

function updateClock ( )
{
** * * *var currentTime = new Date ( );
** * * *var currentHours = currentTime.getHours ( );
** * * *var currentMinutes = currentTime.getMinutes ( );
** * * *var currentSeconds = currentTime.getSeconds ( );

<!-- Pad the minutes and seconds with leading zeros, if required -->
** *currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
** * * *currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
** * * *currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
** * * *
<!-- Defines either "AM" or "PM" as appropriate -->
** * * *var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
** * * *
<!-- Convert hours component of "12" to "24" -->
** * //currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
** * * *
<!-- Convert hours component from "0" to "12 at Midnight-->
** * currentHours = ( currentHours == 0 ) ? 12 : currentHours;

<!-- Compose the string for display-->
** * * *var currentTimeString = currentHours;
** * * var currentTimeString1 = currentMinutes;

** * * *<!-- Update the time display-->
** *document.getElementById("clock").firstChild.nodeValue = currentTimeString;
** *document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
** * * *<!-- document.getElementById("clock").firstChild.nodeValue = currentTimeString + " " + timeOfDay;-->
}

function init2 ( )
{
** * * *timeDisplay = document.createTextNode ( "" );
** * * *document.getElementById("ampm").appendChild ( timeDisplay );
}
function init3 ( )
{
** * * *timeDisplay = document.createTextNode ( "" );
** * * *document.getElementById("date").appendChild ( timeDisplay );
}

function calendarDate ( )
{
** *var this_date_name_array = new Array ("0", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23","24","25","26","27","28","29","30","31")
** * * *var this_weekday_name_array = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
** * * *var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
** *
** * * *var this_date_timestamp = new Date() 

** * * *var this_weekday = this_date_timestamp.getDay() * *
** * * *var this_date = this_date_timestamp.getDate() * *
** * * *var this_month = this_date_timestamp.getMonth()
** * *var this_year = this_date_timestamp.getYear() * * *

** * *if (this_year < 1000)
** * *this_year+= 1900;
** * *if (this_year==101)
** * *this_year=2001; * **
** * * * * *
** * * *document.getElementById("month").firstChild.nodeValue = this_month_name_array[this_month]*
** * * *document.getElementById("year").firstChild.nodeValue = this_year*
}
<!---------------------------------------------------------------------------------------------------------------->
<!-- Display All - Clock-Date *-->
<body>

** * * *<table style="position: absolute; top: 77px; left: 41px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
** * * *<tr>
** * * *<td width="310" align="left" valign="top">
** * * *<span id="clock">
** * * *<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
** * * *</span>
** * * *</td>
** * * *</tr>
** * * *</table>

** * * *<table style="position: absolute; top: 90px; left: 174px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
** * * *<tr>
** * * *<td width="310" align="left" valign="top">
** * * *<span id="mins">
** * * *<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
** * * *</span>
** * * *</td>
** * * *</tr>
** * * *</table>

** * * *<table style="position: absolute; top: 144px; left: 180px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
** * * *<td width="310" height="12" align="left" valign="top" margin-left="20">
** * * *<span id="month">
** * * *<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
** * * *</td></table>

** * * *<table style="position: absolute; top: 164px; left: 186px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
** * * *<td width="310" height="12" align="left" valign="top" margin-left="20">
** * * *<span id="year">
** * * *<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
** * * *</td></table>

<!-- This it linking the Calendar.html for the Calendar -->
<object data="Calendar/Calendar.html" *type="text/html" height="480" width="320"> </object>

</body>
</html>

 

[Kimball]

try this

modified html:

<?xml version="1.0" encoding="UTF-16"?>
<html>
<meta http-equiv="refresh" content="900; url=Widget.html"/>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Style section Clock/Date-->
<style type="text/css" media="all">

SPAN#clock
{
** * * *font-family: Helvetica;
** * * *font-weight: 100;
** * * *color: white;
** * * *font-size: 120px;
** * * *text-shadow: 0px 0px 6px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#mins
{
** * * *font-family: Helvetica;
** * * *font-weight: 100;
** * * *color: yellow;
** * * *font-size: 55px;
** * * *text-shadow: 0px 0px 5px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#month
{
** * * *font-family: Helvetica;
** * * *text-align: left;
** * * *font-weight: 100;
** * * *color: white;*
** * * *font-size: 23px;
** * * *text-transform: uppercase;
** *text-shadow: 0px 0px 5px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}

SPAN#year
{
** * * *font-family: Helvetica;
** * * *text-align: left;
** * * *font-weight: 100;
** * * *color: yellow;*
** * * *font-size: 24px;
** * * text-shadow: 0px 0px 5px black;
** * * *-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}

</style>


<!-- Clock and Date Script -->
<script type="text/javascript">

function updateClock ( )
{
** * * *var currentTime = new Date ( );
** * * *var currentHours = currentTime.getHours ( );
** * * *var currentMinutes = currentTime.getMinutes ( );
** * * *var currentSeconds = currentTime.getSeconds ( );

<!-- Pad the minutes and seconds with leading zeros, if required -->
** *currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
** * * *currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
** * * *currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
** * * *
<!-- Defines either "AM" or "PM" as appropriate -->
** * * *var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
** * * *
<!-- Convert hours component of "12" to "24" -->
** * //currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
** * * *
<!-- Convert hours component from "0" to "12 at Midnight-->
** * currentHours = ( currentHours == 0 ) ? 12 : currentHours;

<!-- Compose the string for display-->
** * * *var currentTimeString = currentHours;
** * * var currentTimeString1 = currentMinutes;

** * * *<!-- Update the time display-->
** *document.getElementById("clock").firstChild.nodeValue = currentTimeString;
** *document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
** * * *<!-- document.getElementById("clock").firstChild.nodeValue = currentTimeString + " " + timeOfDay;-->
}

function init2 ( )
{
** * * *timeDisplay = document.createTextNode ( "" );
** * * *document.getElementById("ampm").appendChild ( timeDisplay );
}
function init3 ( )
{
** * * *timeDisplay = document.createTextNode ( "" );
** * * *document.getElementById("date").appendChild ( timeDisplay );
}

function calendarDate ( )
{
** *var this_date_name_array = new Array ("0", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23","24","25","26","27","28","29","30","31")
** * * *var this_weekday_name_array = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
** * * *var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
** *
** * * *var this_date_timestamp = new Date() 

** * * *var this_weekday = this_date_timestamp.getDay() * *
** * * *var this_date = this_date_timestamp.getDate() * *
** * * *var this_month = this_date_timestamp.getMonth()
** * *var this_year = this_date_timestamp.getYear() * * *

** * *if (this_year < 1000)
** * *this_year+= 1900;
** * *if (this_year==101)
** * *this_year=2001; * **
** * * * * *
** * * *document.getElementById("month").firstChild.nodeValue = this_month_name_array[this_month]*
** * * *document.getElementById("year").firstChild.nodeValue = this_year*
}
<!---------------------------------------------------------------------------------------------------------------->
<!-- Display All - Clock-Date *-->
<body>

** * * *<table style="position: absolute; top: 77px; left: 41px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
** * * *<tr>
** * * *<td width="310" align="left" valign="top">
** * * *<span id="clock">
** * * *<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
** * * *</span>
** * * *</td>
** * * *</tr>
** * * *</table>

** * * *<table style="position: absolute; top: 90px; left: 174px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
** * * *<tr>
** * * *<td width="310" align="left" valign="top">
** * * *<span id="mins">
** * * *<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
** * * *</span>
** * * *</td>
** * * *</tr>
** * * *</table>

** * * *<table style="position: absolute; top: 144px; left: 180px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
** * * *<td width="310" height="12" align="left" valign="top" margin-left="20">
** * * *<span id="month">
** * * *<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
** * * *</td></table>

** * * *<table style="position: absolute; top: 164px; left: 186px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
** * * *<td width="310" height="12" align="left" valign="top" margin-left="20">
** * * *<span id="year">
** * * *<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
** * * *</td></table>

<!-- This it linking the Calendar.html for the Calendar -->
<object data="Calendar/Calendar.html" *type="text/html" height="480" width="320"> </object>

</body>
</html>

Hm, that one only gave me a black screen for some reason :/

Edit: I got it by myself!
Thanks anyway Schnedi, love the lockscreen!

<?xml version="1.0" encoding="UTF-16"?>
<html>
<meta http-equiv="refresh" content="900; url=Widget.html"/>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Style section Clock/Date-->
<style type="text/css" media="all">

SPAN#clock
{
	font-family: Helvetica;
	font-weight: 100;
	color: white;
	font-size: 120px;
	text-shadow: 0px 0px 6px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#mins
{
	font-family: Helvetica;
	font-weight: 100;
	color: yellow;
	font-size: 55px;
	text-shadow: 0px 0px 5px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.44, #666));
}

SPAN#month
{
	font-family: Helvetica;
	text-align: left;
	font-weight: 100;
	color: white; 
	font-size: 23px;
	text-transform: uppercase;
    text-shadow: 0px 0px 5px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}

SPAN#year
{
	font-family: Helvetica;
	text-align: left;
	font-weight: 100;
	color: yellow; 
	font-size: 24px;
       text-shadow: 0px 0px 5px black;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.5, #666));
}


<!---------------------------------------------------------------------------------------------------------------->


</style>
<!---------------------------------------------------------------------------------------------------------------->
<!-- Direct the script to the general folder where the weather icons are located -->
<base href="Private/"/>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Clock and Date Script -->
<script type="text/javascript">

function updateClock ( )
{
	var currentTime = new Date ( );
	var currentHours = currentTime.getHours ( );
	var currentMinutes = currentTime.getMinutes ( );
	var currentSeconds = currentTime.getSeconds ( );

<!-- Pad the minutes and seconds with leading zeros, if required -->
    currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
	currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
	currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
	
<!-- Defines either "AM" or "PM" as appropriate -->
	var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
	
<!-- Convert hours component of "12" to "24" -->
     //currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
	
<!-- Convert hours component from "0" to "12 at Midnight-->
     currentHours = ( currentHours == 0 ) ? 12 : currentHours;

<!-- Compose the string for display-->
	var currentTimeString = currentHours;
       var currentTimeString1 = currentMinutes;

	<!-- Update the time display-->
    document.getElementById("clock").firstChild.nodeValue = currentTimeString;
    document.getElementById("mins").firstChild.nodeValue = currentTimeString1;
	<!-- document.getElementById("clock").firstChild.nodeValue = currentTimeString + " " + timeOfDay;-->
}

function init2 ( )
{
	timeDisplay = document.createTextNode ( "" );
	document.getElementById("ampm").appendChild ( timeDisplay );
}
function init3 ( )
{
	timeDisplay = document.createTextNode ( "" );
	document.getElementById("date").appendChild ( timeDisplay );
}

function calendarDate ( )
{
    var this_date_name_array = new Array ("0", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23","24","25","26","27","28","29","30","31")
	var this_weekday_name_array = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
	var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
    
	var this_date_timestamp = new Date()    

	var this_weekday = this_date_timestamp.getDay()    
	var this_date = this_date_timestamp.getDate()    
	var this_month = this_date_timestamp.getMonth()
      var this_year = this_date_timestamp.getYear()	 

      if (this_year < 1000)
      this_year+= 1900;
      if (this_year==101)
      this_year=2001;	  
	    
	document.getElementById("month").firstChild.nodeValue = this_month_name_array[this_month] 
	document.getElementById("year").firstChild.nodeValue = this_year 
}

<!---------------------------------------------------------------------------------------------------------------->


</script>
<!---------------------------------------------------------------------------------------------------------------->
<!-- Display All - Weather-Clock-Date  -->
<body bgcolor="Transparent" onload="onLoad()">
<div>


	<table style="position: absolute; top: 77px; left: 41px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
	<tr>
	<td width="310" align="left" valign="top">
	<span id="clock">
	<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
	</span>
	</td>
	</tr>
	</table>

	<table style="position: absolute; top: 90px; left: 174px; width: 300px; height: 22px;cellspacing="0" cellpadding="0">
	<tr>
	<td width="310" align="left" valign="top">
	<span id="mins">
	<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>
	</span>
	</td>
	</tr>
	</table>

	<table style="position: absolute; top: 144px; left: 180px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
	<td width="310" height="12" align="left" valign="top" margin-left="20">
	<span id="month">
	<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
	</td></table>

	<table style="position: absolute; top: 164px; left: 186px; width: 300px; height: 480px;cellspacing="0" cellpadding="0">
	<td width="310" height="12" align="left" valign="top" margin-left="20">
	<span id="year">
	<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script></span>
	</td></table>

<!-- This it linking the Calendar.html for the Calendar -->
<object data="Calendar/Calendar.html"  type="text/html" height="480" width="320"> </object>

</body>
</html>

 

[Schnedi]

Hm, that one only gave me a black screen for some reason :/

Edit: I got it by myself!
Thanks anyway Schnedi, love the lockscreen!

cool, i made that with the iphone and in the copy/paste this was added** * * * :S, sorry

 

[ARSkemp]

Hey Guys, hope you can help me out with this one.

Currently, I have this:


This is basically a mish-mash of things I've liked. What I am trying to do is add weather onto the page so that I can take the lockscreen weather menu off (Really only done need a weekly forcast, just the current/high/low of the day). The clock was originally from Rain (a dreamboard theme) but I was somehow lucky enough messing around to get it working on the lockscreen.

I would love to add a weather icon and some text that shows current, high, and low conditions, but I think thats asking a little too much. I currently have the weather widget from the rain theme that shows current conditions here:
http://www.mediafire.com/?8t086mhdd0dgwg9

I've been making some poor attempts at adding the widget but have failed miserably. Is there any easy way to add this weather widget to my existing lockscreen?

 

[Fantasigraphic]

Anyone know what the correct code to get the zero in front of single digits while in PM and not just only on am...

For example when its 9:10 pm i want it to read 09:10 pm...

 

[vita1ce]

This is what i got so far.


I want to remove the 2011 in the background

I also want to remove the "mostly cloudy" text from showing and just have weather icon
or
atleast shift the whole text to the left so it won't cut off
anyone kno?

 

[jesuispizza]

Image


This is what i got so far.


I want to remove the 2011 in the background

I also want to remove the "mostly cloudy" text from showing and just have weather icon
or
atleast shift the whole text to the left so it won't cut off
anyone kno?

I don't think shifting it will work, it's just too big. You can either change the text size (which might look weird because most of the text is the same size) or get rid of it completely. Just find the part that has the weather description and put display:none;

 

[Fantasigraphic]

Wirelessly posted (Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8G4 Safari/6533.18.5)

This is what i got so far.


I want to remove the 2011 in the background

I also want to remove the "mostly cloudy" text from showing and just have weather icon
or
atleast shift the whole text to the left so it won't cut off
anyone kno?

To remove the year go to HTML file and add this to #vyear:
display:none;

 

[RMferrer]

Wirelessly posted (Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5)

Morning macrumors! Long time follower!

I love this site, and EVERY need or know how I find here. Usually I am able to read and work things for myself with little assistance from having to post questions.


BUT...I have been finally stumped as I can't find an answer. I have finally started to alter the files on my iphone per iphonebrowser. The problem i'm having is editing the files to change certain weather codes(yahoo weather numeric location).

iPhone browser does not allow you to edit te HTML code. I can delete, add, replace etc...BUT I can't edit the text.

-I downloaded afc2add, iphone browser(windows).
-I download the desired theme,widget..etc
-BUT i can't edit the wad.html text to enter MY location.


is there a html editor i'm supposed to download and maybe replace the file that way? I also have a macbook pro, so if it's easier using a mac I can do it that way as well.

a little guidance would be appreciated as im getting braver and braver messing with iphones capabilities and would love a clear understanding.