Results 1 to 3 of 3

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.

Thread: Can anybody code HTML? Quick easy fix needed.

  1. #1
    Default Can anybody code HTML? Quick easy fix needed.
    Not too difficult, I'm trying to use 'Time of Day 24h' but the theme automatically places a black bar where the status bar would usually be. However, my main theme has removed the status bar, meaning that this black bar is completely unnecessary. I would fix it myself, but I lack both the software that can read the file properly and the technical know how to make an attempt. So I would be very grateful if someone could take 5 mins just to tweak the HTML file so that this black bar is transparent/removed and my theme will look awesome. Thanks!
    Attached Files Attached Files

  2. #2
    Default Okay, update.
    So I managed to get my hands on Dreamweaver, it seems to be a better program than the free Komodo. So here's the situation;

    1. That file above doesn't give much information when opened straight into a HTML Editor. It only comes up with random chinese characters.
    2. Opening in Safari and accessing the sources seems to bring up the information.
    3. I'm not sure which to edit or if this will still work when placed back into the theme directory on the iPhone via SSH.

    So here's what I extracted:

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

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

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

    img.fade-out {
    opacity: 0;

    img.fade-in {
    opacity: 1;

    </head><body style="color: white">
    <img id="WPone"/>
    <img id="WPtwo"/>

    var images = ['night2.jpg', 'night3.jpg', 'night4.jpg', 'night5.jpg', 'night6.jpg', 'night7.jpg', 'sunrise1.jpg', 'sunrise2.jpg', 'sunrise3.jpg', 'morning1.jpg', 'morning2.jpg', 'morning3.jpg', 'morning4.jpg', 'afternoon1.jpg', 'afternoon2.jpg', 'afternoon3.jpg', 'afternoon4.jpg', 'afternoon5.jpg', 'sunset1.jpg', 'sunset2.jpg', 'sunset3.jpg', 'sunset4.jpg', 'sunset5.jpg', 'night1.jpg'];
    var rtimes = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19, 20,21,22,23];

    var WPfade_in = WPone;
    var WPfade_out = WPtwo;
    var wpidx = -1;

    function rotateWP() {
    var today=new Date();
    var h=today.getHours();
    var curidx=0;
    var i;

    for (i=((rtimes.length)-1);i>=0;i--)
    if (h<rtimes[i]) {curidx=i;}

    if (curidx != wpidx) {
    wpidx = curidx;

    WPfade_in.src = images[wpidx];

    var WPfade_tmp = WPfade_in;
    WPfade_in = WPfade_out;
    WPfade_out = WPfade_tmp;



    So does anyone have an idea which I should edit?

    This is the effect I'm trying to achieve; I'm mixing the eZune HD and OS7 themes for Winterboard to create a hybrid between the two. However, instead of having a fixed background, I'd like a changing one. Instead of merely having a slideshow, I'd rather have a background that reacts to the time of day and reflect it accordingly, so sunrise for the morning and sunset for the evening and etc. I downloaded a theme from Cydia called 'Time of Day 24h', which is superior to the standard 'Time of Day' theme by having a new picture every hour that still fills the criteria of reflecting the time. However, one of the differences between the two themes is that one has a black bar across the top where the status bar would be, and the other does not, which creates a better effect for the interface (pictures below). I'm trying to edit the HTML file for 'Time of Day 24h' so it does not have this black bar and thus my phone should look appealing once again!

    So help on this is gratefully accepted. What needs changing to this HTML file so that it as I want it to?
    Attached Thumbnails Attached Thumbnails -img_0017.jpg   -img_0018.jpg  

  3. #3
    Technically, what you are trying to edit is CSS, not HTML. There are several ways to do what you are trying to do. I can't go into too much detail because I'm on my phone, but either give the status bar image a style like {display:none}, or simply delete or rename the image in question. That should do it.
    Quaerite et invenietis.

Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts