M.Dot Posted February 16, 2011 Report Share Posted February 16, 2011 <body style="background-color:transparent"> <table style="position: absolute; top: 10px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center"> <tr align="center" valign="top" border="0" cellpadding="0"> <td style="padding-top:12px;" background="datewidget.png" height="60" valign="top"> <span id="clock"> <script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm"> <script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script> </span><br> <span id="calendar"> <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script> </span> </td> </tr> <tr> <td align="center" valign="top"> <span id="calendar"> <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script> </span> </td> </tr> </table> </body> / I'm trying to set something transparent using the first line, tried a few things but it's not working, just comes up with a black background. <body bgcolor="red"> turned what I was trying to change red, so I know it's that first line but I don't know what else to try I don't know much about html. Quote Link to comment Share on other sites More sharing options...
Ari Gold Posted February 16, 2011 Report Share Posted February 16, 2011 <table style="position: absolute; top: 10px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center" "background-color: white; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;"> Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 16, 2011 Report Share Posted February 16, 2011 You're tryna make the main background transparent yeah? But the colour behind that is black, are you expecting to see your desktop behind that? Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 16, 2011 Author Report Share Posted February 16, 2011 Yeh Dubby theres an image underneath this, but it's not showing no matter what. Same result after adding the code Ari Gold posted too Quote Link to comment Share on other sites More sharing options...
MEIRELES. Posted February 16, 2011 Report Share Posted February 16, 2011 It could be the image itself. Cos I just modified that code with a random image from my desktop and it shows it fine You tried the image as a JPEG/GIF? If its not that then it could be the Javascript interfering - basing it on this as I dont have the JS code. Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 16, 2011 Report Share Posted February 16, 2011 <body style="background-image:url('myimageurl.gif');"> (change the image url) you're never gonna have anything underneath the body, the body is the main content block Quote Link to comment Share on other sites More sharing options...
MEIRELES. Posted February 16, 2011 Report Share Posted February 16, 2011 <body style="background-image:url('myimageurl.gif');"> (change the image url) you're never gonna have anything underneath the body, the body is the main content block If image is small and it repeats: <body style="background-image:url('myimageurl.gif'); background-repeat: no-repeat;"> Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 17, 2011 Author Report Share Posted February 17, 2011 <body style="background-image:url('myimageurl.gif');"> (change the image url) you're never gonna have anything underneath the body, the body is the main content block This is for an iphone by the way. The main background wallpaper is what's underneath the body, which should just be a layer on top, using winterboard. I see what you're doing with that bit of code there but I'm using the 'DeepEnd' cydia tweak which is why I was trying to make what's on top of it transparent, cos I think if I use that code there it would just be a static image again. Is there no way other than what you two are suggesting cos it's starting to look like it's impossible? Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 17, 2011 Report Share Posted February 17, 2011 What do you mean this is for iPhone? So this isn't a web page? Or its a web page for iPhones to browse on? Quote Link to comment Share on other sites More sharing options...
MEIRELES. Posted February 17, 2011 Report Share Posted February 17, 2011 LOL. Thought it was a web page as well. Ah well. Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 17, 2011 Author Report Share Posted February 17, 2011 Well it's a html page, layered on top of the iphones desktop. So should work in the same way as a webpage. Safe anyway though. Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 17, 2011 Report Share Posted February 17, 2011 lol woulda been simpler if you said that before there should be a reference to whatever this html layer is, either in its own settings, or a css reference to the html layer, you'll have to find out what that is and turn that transparent Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 17, 2011 Author Report Share Posted February 17, 2011 Yeh mybad, I thought it'd be simpler to leave out the iphone part, thought if it was able to be sorted just with that line of code. I'll show you the whole code to see if it makes any difference, its not much more than whats there though. Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 17, 2011 Report Share Posted February 17, 2011 What's the thing that's making it work though? The app or whatever. 'cause I'm sure iPhones don't automatically let you layer HTML over Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 18, 2011 Author Report Share Posted February 18, 2011 It's a theme on winterboard, which from what I've read adds layers of themes and styles on top of each other. I opened up one of the themes and that html file was inside and it's whats used to add that layer to the phone as far as I can tell. Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 18, 2011 Author Report Share Posted February 18, 2011 This is the original. I was editing the part in red. <html> <head><title>newclock</title></head> <style> SPAN#calendar { font-family: Helvetica; text-align: center; color: #ffffff; text-shadow: #000000 1px 2px 1px; } </style> <script type="text/javascript"> function init ( ) { timeDisplay = document.createTextNode ( "" ); document.getElementById("clock").appendChild ( timeDisplay ); } function init3 ( ) { timeDisplay = document.createTextNode ( "" ); document.getElementById("calendar").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_month_name_array[this_month] + " " + this_date //concat long date string } </script> </head> <body bgcolor="black" background="Wallpaper.png"> <table style="position: absolute; top: 10px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center"> <tr align="center" valign="top" border="0" cellpadding="0"> <td style="padding-top:12px;" background="datewidget.png" height="60" valign="top"> <span id="clock"> <script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm"> <script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script> </span><br> <span id="calendar"> <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script> </span> </td> </tr> <tr> <td align="center" valign="top"> <span id="calendar"> <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script> </span> </td> </tr> </table> </body> </html> Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 18, 2011 Report Share Posted February 18, 2011 So you can't see the wallpaper defined here? <body bgcolor="black" background="Wallpaper.png"> Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 18, 2011 Author Report Share Posted February 18, 2011 That overlays that image on top of the iphone springboard so theres 2 backgrounds essentially. (The background that is hidden behind is a moving one.) Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 18, 2011 Report Share Posted February 18, 2011 so your background you wanna see isn't defined in the html? Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 18, 2011 Author Report Share Posted February 18, 2011 Yeh thats right. Quote Link to comment Share on other sites More sharing options...
Dubby Posted February 18, 2011 Report Share Posted February 18, 2011 so why not just replace the Wallpaper.png with the wallpaper you want? Quote Link to comment Share on other sites More sharing options...
M.Dot Posted February 18, 2011 Author Report Share Posted February 18, 2011 Yeh thats the issue. This cydia tweak makes the wallpaper move, but not the winterboard wallpapers, just the wallpaper you set in the iphone settings. That's why I was trying to get that html file transparent. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.