Tim Igoe's Web Design, Development and Hosting Blog

iphone tester

#iphone
{
background-image: url(/wp-content/themes/timigoe/images/iphone.png);
background-repeat: no-repeat;
height: 728px;
margin-left: auto;
margin-right: auto;
width: 386px;
text-align: center;
font-family: “Lucida Grande”,Geneva,Arial,Verdana,sans-serif;
font-size: 0.7em;
}

#itime
{
font-size: 12px;
margin: 0;
padding-top: 134px;
text-shadow: 0 2px 1px #FFFFFF;
}

#ititle
{
color: #536470;
font-size: 12px;
margin-top: 7px;
text-shadow: 0 1px 1px #ACBDC7;
}

#iphone form
{
border:none;
margin: 0;
padding: 0;
text-align: left;
}

#iphone form #url
{
background: none;
border: 0;
color:#909090;
font-size:12px;
width: 227px;
margin-top: 11px;
margin-left: 82px;
}

#iphone form #go
{
margin-left: 5px;
background: none;
border: 0;
cursor: pointer;
height: 30px;
width: 30px;
text-indent: -2000px;
}

#iphone #iframe
{
background:#ffffff;
border: 0;
height: 360px;
width: 320px;
margin-top: 10px;
margin-left: 1px;
}

function formSubmit()
{
var url = document.getElementById(‘url’).value;

if ( url.match(/^(http|https)://*$/i) )
frames[‘iframe’].location.href = url;
//else
//frames[‘iframe’].location.href = ‘search/?search=’ + url;
return false;
}

IPhone Website Tester

This page enables you to quickly test your iphone website in a mock iphone window to check it’ll fit for sizes.

Tim.Igoe.me.uk – IPhone Tester

Comments are closed.