+ Reply
Page 2 of 2 FirstFirst 12
Results 21 to 22 of 22

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


Thread: Help with HTML theme

is a discussion within the

Skinning / Themes Discussion

forums, a part of the

Design and Media For the iPhone / iPod Touch

section;
This is how i want it to look ( as it did previously) With yours, (with a bit of playing around) it looks like this: in other words, its perfect
...
  1. #21
    iPhoneaholic metaljay's Avatar
    Join Date
    Nov 2007
    Location
    England
    Posts
    482
    Thanks
    26
    Thanked 27 Times in 26 Posts

    This is how i want it to look ( as it did previously)


    With yours, (with a bit of playing around) it looks like this:



    in other words, its perfect

    For those that want it, I've included the code here (i removed the 'get time' script as it potentially took processor speed :P )
    Code:
    <!DOCTYPE html> 
    <html>
    <meta charset="utf-8">
    <title>New clock</title>
    <head>
    <style>
    body {
       background-image:url('wp.png');
       top: 0px;
       height: 480px;
       width: 320px;
    
    }
    
    
        SPAN#textDay
    {
            font-family: Helvetica;
    		text-align: center;
            font-size:18px; 
    		text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);
    		-webkit-text-fill-color: rgba(255, 255, 255, 1.0);
    		-webkit-text-stroke:0px rgba(255, 255, 255, 1.0);
    
    }
    
        SPAN#textDate
    {
            font-family: Helvetica;
    		text-align: center;
            font-size:18px; 
    		text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);
    		-webkit-text-fill-color: rgba(255, 255, 255, 1.0);
    		-webkit-text-stroke:0px rgba(255, 255, 255, 1.0);
    
    
    }  
    
    </style>
    
    <script>
    function scrollDate()
    {
        d=new Date()
        weekday=new Array("Sun.","Mon.","Tue.","Wed.","Thu.","Fri.","Sat.")
    	m_names = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
    	currentDate = new Date()
    	day = currentDate.getDate()
    	month = currentDate.getMonth()
    	end = "th";
    	if (day == 1 || day == 21 || day == 31) end = "st";
    	if (day == 2 || day == 22) end = "nd";
    	if (day == 3 || day == 23) end = "rd";
    document.getElementById("textDate").innerHTML=(m_names[month] +" " + day + end);
    }
    </script>
    
    <script type="text/javascript">
    function showDay()
    {
        d=new Date()
        weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
        document.getElementById("textDay").innerHTML=(weekday[d.getDay()] + ",")
    }
    </script>
        
    </head> 
    <body onLoad="scrollDate(); showDay()"style="margin: 0">
    
     <table style="position: absolute; top: 290px; left: 0px; width: 320px; height: 190px;" cellspacing="0" cellpadding="0" align="center">
    <tr align="center" valign="top"  border="0" cellpadding="0">
        <td>
    	<br><span id="textDay"></span>
    	<span id="textDate"></span><br>	
        </td>
    	</tr>
      </table>
    
    </body>
    </html>
    As mentioned above, substitute "wp.png" with what ever you want

    All credit goes to rasputin007
    Attached Thumbnails Attached Thumbnails Help with HTML theme-howshouldlook.png  
    Last edited by metaljay; 02-03-2012 at 09:30 AM.


    Like A Boss

  2. The Following User Says Thank You to metaljay For This Useful Post:

    rasputin007 (02-03-2012)

  3. #22
    My iPhone is a Part of Me
    Join Date
    Aug 2009
    Posts
    666
    Thanks
    325
    Thanked 2,140 Times in 490 Posts

    I am glad you got it sorted out now.

  4. The Following User Says Thank You to rasputin007 For This Useful Post:

    metaljay (02-07-2012)

+ Reply
Page 2 of 2 FirstFirst 12
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts