Sign in to follow this  
Followers 0
M.Dot

HTML Code

22 posts in this topic

<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.

0

Share this post


Link to post
Share on other sites

<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;">

0

Share this post


Link to post
Share on other sites

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?

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

<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

0

Share this post


Link to post
Share on other sites

<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;">

0

Share this post


Link to post
Share on other sites

<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?

0

Share this post


Link to post
Share on other sites

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?

0

Share this post


Link to post
Share on other sites

LOL.

Thought it was a web page as well. Ah well.

0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

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>

0

Share this post


Link to post
Share on other sites

So you can't see the wallpaper defined here?

<body bgcolor="black" background="Wallpaper.png">

0

Share this post


Link to post
Share on other sites

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.)

0

Share this post


Link to post
Share on other sites

so your background you wanna see isn't defined in the html?

0

Share this post


Link to post
Share on other sites

Yeh thats right.

0

Share this post


Link to post
Share on other sites

so why not just replace the Wallpaper.png with the wallpaper you want?

0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0