News
Follow Us on Twitter
Like Us on Facebook
Subscribe on Youtube
Pocket IE on the Smartphone
please take in mind, some of what if written in here is for newer smartphones like jvm build, however this is meant to cover all smartphones to some changes will be needed for certain phones.
If someone browsed your website on the Microsoft Smartphone, what do you think it would look like?
Suitable for Smartphones And this isn't!
The Microsoft Smartphone comes with Pocket Internet Explorer 2002 which in Microsoft's words allows access to rich internet content. Looking at the 176x220 pixel screen probably tells you that viewing 99.999% of the internet is going to be difficult / annoying / impossible. There are two reasons. Firstly, the screen is small. Scrolling over a page intended for a PC or even a Pocket PC is like looking at pictures in an art gallery through a toilet roll tube. Secondly, Pocket Internet Explorer 2002 (pIE) is cut-down to have the following specification -
An HTML engine conforming to W3C HTML 3.2, as found in IE3.02.
JScript 1.1 support as found in IE4.0.
An XML engine - MSXML 2.5 as found in IE5.0.
SSL 2.0 & 3.0 - 128bit, cookies, forms, ActiveX components (user-installed only and no Authenticode) support.
NO client side VBScript.
NO DHTML (except for InnerText & InnerHTML).
NO Java Virtual Machine - so no Java Applet support by Microsoft. Third Party JVM's are available.
NO Cascading Style Sheets (CSS) or Frames (TARGET will not function).
NO multiple windows. window.open() will open in existing window, if user initiated. Automatic pop-up windows will not function.
HTML tags need to be well-formed and paired, pIE performs less auto-correction.
This guide is to help you design pages for Smartphone users to browse. Perhaps you want to create online content or just want your existing pages to be accessible. This needn't be a long tiresome task, involving complete re-writes of pages and as you will see, simple HTML is actually favoured.
Images and Screen Widths
An image is worth a thousand words and also several thousand bytes. Careful consideration will have to be taken on the necessity of any images. The bandwidth available on Smartphones is reduced and large images would require a lot of scrolling. In fact pIE automatically reduces large images to try and fit them if you choose this option, look at the 'Sophonix.com' banner on the top right picture, it's been resized.
The message is to avoid unneccesary images. If you want images, then it's best to create small gif versions and at this point it's time to talk about screen widths. Microsoft talk about the Smartphone having a 176x220 screen throughout their SDK. In fact, in a table of specifications they also mention 160x240 and 208x240. You may want to ensure that any fixed width elements (images, tables...) are set to be less than 160. If it's too large, the dreaded 'horizontal scrollbar' will appear. Never design a page with horizontal scrolling above the minimum screen width, ever. And that goes for PC viewed websites too. The diagram below shows the dimensions of typical page elements. It's fair to say that these dimensions will apply to most MS Smartphones.
It's worth mentioning at this point that pIE has a 'Fit To Screen' option which is turned on by default. When it's off, it renders everything to a 640 pixel width virtual screen. This tends to mess up tables, by ignoring the width= attribute. Users will have the feature turned on permanently probably as it introduces a horizontal scrollbar and is only of use when items must be viewed full size like large images. The
tags are ignored when 'Fit To Screen' is on and Microsoft suggest using a transparent 1x1 gif and setting width and height attributes to get the spacing you want.
The important thing to note is the content area size and the scrollbar width - 5 pixels. The largest fixed width element visible without a horizontal scrollbar appearing would be 5 pixels less than the screen width, i.e. 155 or 171.
The Smartphone is designed to have 65,000 colours, but this doesn't mean you have to use all of them. For simple graphics a good saving can be made by converting to 256 colours and saving as a gif. Use an error diffused, optimised palette and you'll probably not notice much change. Small images in gif format are often smaller than jpgs, and tend not to lose anything to compression artifacts. Try both and see how much file size you save. By the way, animated gifs won't work, only the first image will be displayed. pIE does however allow a decent range of image formats: png, jpg, gif, wbmp, 2bp and bmp.
Design Considerations
The mid-nineties are back! If your designing web pages for the Smartphone that is. Frames are out (good thing too). If your page features a tag, then pIE will read this, otherwise forget them. Image maps won't work either - these like frames, would be difficult to navigate on the phone. The key thing to bear in mind is that users will be viewing your pages by vertically scrolling. Sophonix has the navigation links above each other. They could have been arranged horizontally, but a user will be able to navigate giving them focus whilst vertically scrolling. It's up to you if you arrange links horizontally, there's no big disadvantage. Links are probably best kept to words rather than images and tend to be easier to spot. pIE gives links focus as you can see below. <br/>
<br/>
<img src='http://www.sophonix.com/images/vertnav.gif' alt='Posted Image' class='bbc_img'/><br/>
<br/>
<br/>
Vertical navigation <br/>
<br/>
<br/>
<br/>
The title of your pages has a limited amount of room and will vary depending on the icons present. Perhaps just the name of your site or company. If this is present on every page, users will know when their on your site and when they've left. <br/>
<br/>
Background images if used, should be simple and not affect the readability of the page. A dim watermark image that doesn't scroll can be effective. <br/>
<br/>
The loss of cascading style sheets (CSS) is a blow, as they are rather useful and save a lot of coding. The Smartphone comes with one font installed - Nina, available in several sizes including bold. <font size=tags can be used to alter the size of the text - see below. If you want custom fonts - say, for a company name then the obvious choice is an image. Use a gif with a transparent background, if you don't use anti-aliasing it'll look like a regular font, plus the file size will be smaller. Without style sheets, setting particular font sizes and colours must be done wherever it's needed. However, trying to implement too many colours and styles is a bad idea, the Smartphone is about information and content. <br />
<br/>
<img src='http://www.sophonix.com/images/fonttest.gif' alt='Posted Image' class='bbc_img'/><br/>
<br/>
The Nina font on the Smartphone, sizes 1 to 7, normal, bold & italic (avoid!). <br/>
<br/>
<br/>
<br/>
The thing to bear in mind when producing a Smartphone version of your site is not to be tempted into trying to make a smaller version that includes everything, it isn't a technical challenge. Key colours and one or two graphics should be enough to give a familiar feel. Concentrate on the information that your trying to convey. <br/>
<br/>
<br/>
<br/>
Client Side Script, Java, ActiveX, Forms<br/>
<br/>
VBScript is absent, so all client-side scripting will be javascript(ECMA-262) or rather JScript 1.1. JScript on pIE is NOT case sensitive, be aware if you test it on a full scale browser. Scripting errors are turned off by default, if you want them on then it's a trip to the registry :<br/>
<br/>
HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMainShowScriptErrors = dword:00000001<br/>
<br/>
<br/>
There is no Java Virtual Machine supplied by Microsoft, third party JVM's are available and some Smartphone manufacturers will include them (Sendo use Intent Tao Java on the Z100). <br/>
<br/>
ActiveX is supported but controls will not be downloaded and installed by pIE. Instead, users will need to choose to download and install them. This could for instance be in the form of a CAB file linked on your web page. There is no Authenticode support for signed ActiveX controls. The only real reason for using ActiveX controls would probably be for a specific application to be used by specific users. They are not affected by 'Fit To Screen' and need to be designed to be the correct width. <br/>
<br/>
Applications for the Smartphone are meant to be designed with vertically stacked controls, so a user can scroll and navigate to each. Forms should therefore be designed in the same manner. Controls such as text boxes are rendered to be no bigger than the width of the page and in the style of controls seen in applications. Note that buttons are only supported in pIE on the Smartphone. The example below shows how this Form appears on a Smartphone: <br/>
<br/>
<br/>
How a form is rendered on the Smartphone <br/>
<img src='http://www.sophonix.com/images/formtest.gif' alt='Posted Image' class='bbc_img'/><br/>
<br/>
XML <br/>
XML support on the Smartphone is similar to IE5 except for the following - <br/>
<br/>
No backward compatibility with IE4 XML DOM. <br/>
No Data Binding support - due to HTML limitations on the Smartphone. <br/>
No Cascading Style Sheet (CSS) elements or attributes within Extensible Stylesheet Language (XSL). <br/>
Microsoft give examples in the Smartphone SDK, of how you can parse XML with applications written in embedded Visual C++ (eVC) and embedded Visual Basic eVB), despite the fact that the eVB apps aren't supported on the Smartphone (that's what happens when you copy and paste from the Pocket PC SDK!). They also give an example of parsing XML using JScript on a web page which isn't particularly appropriate for Smartphone use and doesn't work. <br/>
<br/>
<br/>
Invoking Smartphone Content<br/>
<br/>
So how do you know when someone's browsing your site with pIE on a Smartphone? Everytime a browser requests a page from a server, it sends out HTTP header information. One of the items is User Agent, this is basically the identity and version of the browser your using. All browsers should have their own User Agent information to uniquely identify them. Here is the User Agent string for pIE on the Smartphone:<br/>
<br/>
; Smartphone 2002 (code-name: Stinger)<br/>
Mozilla/2.0 (compatible; MSIE 3.02; Windows CE; Smartphone; 176x220)<br/>
<br/>
The key piece of information for us is 'Smartphone'. The resolution may also be handy if you need to tailor your content for the screen size. <br/>
<br/>
There are two places where you can deal with the User Agent detection, the server and the client. Some Examples of script that you can use in your pages follows. <br/>
<br/>
<br/>
<br/>
Server Side Script<br/>
<br/>
Server-side scripting is the best solution as you can decide what HTML to send and therefore avoid sending unnecessary code to the Smartphone. Scripting using active server pages (asp) and PHP4 is shown below. <br/>
<br/>
<br/>
<img src='http://www.sophonix.com/images/aspexample.gif' alt='Posted Image' class='bbc_img'/><br/>
<br/>
<img src='http://www.sophonix.com/images/phpexample.gif' alt='Posted Image' class='bbc_img'/><br/>
<br/>
<br/>
<br/>
Client Side Script<br/>
<br/>
Client-side scripting involves sending the entire page including the code for normal browsers, unless you use a redirect and send the browser to the page containing the appropriate content: <br/>
<br/>
<img src='http://www.sophonix.com/images/jsexample.gif' alt='Posted Image' class='bbc_img'/><br/>
<br/>
<br/>
<br/>
<br/>
<br/>
Testing your pages<br/>
<br/>
So now you want to see your pages on a Smartphone browser. You could use IE on a PC, but pIE has been cut-down and you probably want some assurance that features are visible in a manner your expecting. The Microsoft Smartphone SDK is available from the Microsoft Mobile pages. If you do have the SDK you can set-up the emulator to browse the internet. Here is one method that has been found to work:<br/>
<br/>
1. Go to 'Settings' and choose '7 Data Connections'.<br/>
2. Choose 'Edit Connections' from the menu.<br/>
3. Choose '3 Proxy Connection'.<br/>
4. Choose 'Add' from menu.<br/>
5. Give the connection a description.<br/>
6. Choose Connects from 'My Corporate Network'.<br/>
7. Choose Connects to 'The Internet'.<br/>
8. Leave the other options.<br/>
9. Click Done until your back at the Data Connections screen.<br/>
10. Choose Internet Connection - 'Ethernet'.<br/>
11. Click Done until you get back to the Programs list<br/>
12. Browse the internet, try www.sophonix.com.<br/>
<br/>
This method works for many people, you may need to already be connected to your ISP if you use a dial-up connection. <br/>
<br/>
download code here:<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href='http://www.sophonix.com/downloads/Smartphone%20Access%20Guide.zip' class='bbc_url' title='External link' rel='nofollow external'>code</a><br/>
<br/>
<br/>
KINGDOM<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 27 Jan 2012 13:20:27 +0000-->FREE GMAIL EMAIL INVITES, PM OR EMAIL ME 15 AVAILABLE<br/>
FREE ORKUT INVITES AVAILABLE<br/>
FREE WRITELY INVITES AVAILABLE<br/>
<br/>
Also visit <a href='http://www.blogstuff.co.uk' class='bbc_url' title='External link' rel='nofollow external'>WWW.BLOGSTUFF.CO.UK</a> for your blogging needs 250,000 people a month cant be wrong visit and register now!!<br/>
<br/>
<a href='http://qrcode.kaywa.com/img.php?s=8&d=http%3A%2F%2Fwww.blogstuff.co.uk' class='bbc_url' title='External link' rel='nofollow external'>http://qrcode.kaywa....blogstuff.co.uk</a>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_30704'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_30704', { app: 'forums', type: 'pid', typeid: '30704' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=30704' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_30704') )
{
$('multiq_30704').show();
}
if( $('toggle_post_30704') )
{
$('toggle_post_30704').show();
}
// Add perm data
ipb.topic.deletePerms[30704] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<div align='center' style='padding: 5px'><!-- START Sponsored Links -->
</div>
<div class='post_block hentry clear with_rep' style='background: #F9FAFB;'>
<div class='post_wrap'>
<h3>
<span class="author vcard"><a class="#">Sponsored Links</a></span>
</h3>
<div class='post_body' style='margin-bottom: 0px;'>
<div class='post entry-content' style='text-align: center;'>
<script type="text/javascript"><!--
var google_ads = Math.random();
google_ad_client = "ca-pub-0419427945101120";
if (google_ads < .5)
{
/* InTopicAfterFirst LO Blend */
google_ad_slot = "1977724894";
}
else
{
/* InTopicAfterFirst LO Yellow */
google_ad_slot = "0174658737";
}
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</div>
<!-- END Sponsored Links --></div>
<br/>
<!--Begin Msg Number 30714-->
<div class='post_block hentry clear with_rep' id='post_id_30714'>
<a id='entry30714'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__30714' rel='bookmark' title='Link to post #2'>#2</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/993-monolithix/'>Monolithix</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/993-monolithix/" title="View Profile" style="background-image: url(/content/uploads/av-993.png)"><img src='http://windows.modaco.com/content/uploads/90x90xav-993.png.pagespeed.ic.xYzm7Ablf6.png' width='90' height='90' alt=''/></a>
</li>
<li class='title'>Members</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>8,781</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>12-December 02</span>
</li>
<li>
<span class='ft'>Gender:</span><span class='fc'>Male</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>London, UK</span>
</li>
<li>
<span class='ft'>Devices:</span><span class='fc'>Nexus S</span>
</li>
<li>
<span class='ft'>Twitter:</span><span class='fc'><a href='http://twitter.com/chrisbrunskill'>@chrisbrunskill</a></span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-03-02T23:32:30+00:00">02 March 2003 - 11:32 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->Nice little guide there.<br/>
<br/>
Moved to the new Articles forum as it seems to be more relevant there than Off Topic.<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 03 Feb 2012 20:30:51 +0000--><span class='bbc_center'>I still exist</span>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_30714'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_30714', { app: 'forums', type: 'pid', typeid: '30714' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=30714' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_30714') )
{
$('multiq_30714').show();
}
if( $('toggle_post_30714') )
{
$('toggle_post_30714').show();
}
// Add perm data
ipb.topic.deletePerms[30714] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 198700-->
<div class='post_block hentry clear with_rep' id='post_id_198700'>
<a id='entry198700'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__198700' rel='bookmark' title='Link to post #3'>#3</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/738-hellodave/'>HelloDave</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/738-hellodave/" title="View Profile" style="background-image: url(/content/uploads/av-d98647dd3e188255926ab.jpg)"><img src='/content/uploads/av-d98647dd3e188255926ab.jpg' width='90' height='90' alt=''/></a>
</li>
<li class='title'>Addict</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>751</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>05-December 02</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>Bournemouth, UK</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-04-29T15:05:53+00:00">29 April 2003 - 03:05 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->One small thing...<br/>
<br/>
<p class='citation'>Quote</p><div class="blockquote"><div class='quote'>Image maps won't work either</div></div><br/>
AFAIK they do work on the SPV - click on an image map and a crosshair cursor will appear over the image, allowing you to select which part you want to click on.<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 27 Jan 2012 13:06:00 +0000-->Andy<br/>
<br/>
Now on spv number 3!<br/>
<br/>
"The good news is i've been promoted. The bad news is, some of you are going to lose your jobs. Still, every cloud..." <br/>
(David Brent)
</div>
</div>
<div class='rep_bar clear right' id='rep_post_198700'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_198700', { app: 'forums', type: 'pid', typeid: '198700' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=198700' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_198700') )
{
$('multiq_198700').show();
}
if( $('toggle_post_198700') )
{
$('toggle_post_198700').show();
}
// Add perm data
ipb.topic.deletePerms[198700] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 204770-->
<div class='post_block hentry clear with_rep' id='post_id_204770'>
<a id='entry204770'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__204770' rel='bookmark' title='Link to post #4'>#4</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/5071-axe/'>axe</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/5071-axe/" title="View Profile" style="background-image: url(http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png)"><img src="http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png.pagespeed.ce.mLgG4DG1EP.png" width="150" height="150"/></a>
</li>
<li class='title'>Enthusiast</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>156</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>26-April 03</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-05-05T15:27:09+00:00">05 May 2003 - 03:27 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->i have a question not answered here ...<br/>
<p class='citation'>Quote</p><div class="blockquote"><div class='quote'>Instead, users will need to choose to download and install them. This could for instance be in the form of a CAB file linked on your web page.</div></div><br/>
<br/>
I tried linking to the tetris.cab on my webpage, but when i click it on my spv browser, I get gibberish on my screen .. i.e. the file is being opened as text !!! .... Is it possible to offer CABs for direct download ?<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 27 Jan 2012 13:20:41 +0000--><a href='http://www.portability.nl' class='bbc_url' title='External link' rel='nofollow external'>Portability - guides for mobile devices</a>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_204770'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_204770', { app: 'forums', type: 'pid', typeid: '204770' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=204770' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_204770') )
{
$('multiq_204770').show();
}
if( $('toggle_post_204770') )
{
$('toggle_post_204770').show();
}
// Add perm data
ipb.topic.deletePerms[204770] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 204839-->
<div class='post_block hentry clear with_rep' id='post_id_204839'>
<a id='entry204839'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__204839' rel='bookmark' title='Link to post #5'>#5</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/993-monolithix/'>Monolithix</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/993-monolithix/" title="View Profile" style="background-image: url(/content/uploads/av-993.png)"><img src='http://windows.modaco.com/content/uploads/90x90xav-993.png.pagespeed.ic.xYzm7Ablf6.png' width='90' height='90' alt=''/></a>
</li>
<li class='title'>Members</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>8,781</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>12-December 02</span>
</li>
<li>
<span class='ft'>Gender:</span><span class='fc'>Male</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>London, UK</span>
</li>
<li>
<span class='ft'>Devices:</span><span class='fc'>Nexus S</span>
</li>
<li>
<span class='ft'>Twitter:</span><span class='fc'><a href='http://twitter.com/chrisbrunskill'>@chrisbrunskill</a></span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-05-05T16:45:48+00:00">05 May 2003 - 04:45 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->Only by getting your host to configure their webserver properly...<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 03 Feb 2012 20:30:51 +0000--><span class='bbc_center'>I still exist</span>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_204839'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_204839', { app: 'forums', type: 'pid', typeid: '204839' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=204839' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_204839') )
{
$('multiq_204839').show();
}
if( $('toggle_post_204839') )
{
$('toggle_post_204839').show();
}
// Add perm data
ipb.topic.deletePerms[204839] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 212225-->
<div class='post_block hentry clear with_rep' id='post_id_212225'>
<a id='entry212225'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__212225' rel='bookmark' title='Link to post #6'>#6</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/5071-axe/'>axe</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/5071-axe/" title="View Profile" style="background-image: url(http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png)"><img src="http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png.pagespeed.ce.mLgG4DG1EP.png" width="150" height="150"/></a>
</li>
<li class='title'>Enthusiast</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>156</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>26-April 03</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-05-08T12:56:21+00:00">08 May 2003 - 12:56 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->well ... i'm the admin of the webserver since its running on my own machine ....<br/>
so what do I have to change on the server ?<br/>
actually it could be that it will work fine on my home server... i just remembered that when i was testing this it was on my mates server running apache... so that could be the prob.<br/>
<br/>
(I am now running w2k with IIS and all latest updates.. will that just work out of the box, or should i make adjustments ???)<!-- google_ad_section_end --></div>
<br/>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_212225'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_212225', { app: 'forums', type: 'pid', typeid: '212225' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=212225' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_212225') )
{
$('multiq_212225').show();
}
if( $('toggle_post_212225') )
{
$('toggle_post_212225').show();
}
// Add perm data
ipb.topic.deletePerms[212225] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 212232-->
<div class='post_block hentry clear with_rep' id='post_id_212232'>
<a id='entry212232'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__212232' rel='bookmark' title='Link to post #7'>#7</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/993-monolithix/'>Monolithix</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/993-monolithix/" title="View Profile" style="background-image: url(/content/uploads/av-993.png)"><img src='http://windows.modaco.com/content/uploads/90x90xav-993.png.pagespeed.ic.xYzm7Ablf6.png' width='90' height='90' alt=''/></a>
</li>
<li class='title'>Members</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>8,781</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>12-December 02</span>
</li>
<li>
<span class='ft'>Gender:</span><span class='fc'>Male</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>London, UK</span>
</li>
<li>
<span class='ft'>Devices:</span><span class='fc'>Nexus S</span>
</li>
<li>
<span class='ft'>Twitter:</span><span class='fc'><a href='http://twitter.com/chrisbrunskill'>@chrisbrunskill</a></span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-05-08T13:00:20+00:00">08 May 2003 - 01:00 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->Not sure about IIS, however with Apache you need to add .cab to the appropriate directive in the http.conf as a downloadable file format. I can't remember specifics though sorry...i'll have a play this afternoon if i get time...<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 03 Feb 2012 20:30:51 +0000--><span class='bbc_center'>I still exist</span>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_212232'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_212232', { app: 'forums', type: 'pid', typeid: '212232' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=212232' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_212232') )
{
$('multiq_212232').show();
}
if( $('toggle_post_212232') )
{
$('toggle_post_212232').show();
}
// Add perm data
ipb.topic.deletePerms[212232] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 224770-->
<div class='post_block hentry clear with_rep' id='post_id_224770'>
<a id='entry224770'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__224770' rel='bookmark' title='Link to post #8'>#8</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/5071-axe/'>axe</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/5071-axe/" title="View Profile" style="background-image: url(http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png)"><img src="http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png.pagespeed.ce.mLgG4DG1EP.png" width="150" height="150"/></a>
</li>
<li class='title'>Enthusiast</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>156</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>26-April 03</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-05-23T08:18:57+00:00">23 May 2003 - 08:18 AM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->ah .. i think there's something similar in IIS ... where I can configure how it handles certain filetypes ....<br/>
will also have a look and when my site is done I will post a link ! (will take me a while, I'm a lazy bastard)<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 27 Jan 2012 13:20:41 +0000--><a href='http://www.portability.nl' class='bbc_url' title='External link' rel='nofollow external'>Portability - guides for mobile devices</a>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_224770'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_224770', { app: 'forums', type: 'pid', typeid: '224770' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=224770' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_224770') )
{
$('multiq_224770').show();
}
if( $('toggle_post_224770') )
{
$('toggle_post_224770').show();
}
// Add perm data
ipb.topic.deletePerms[224770] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 321103-->
<div class='post_block hentry clear with_rep' id='post_id_321103'>
<a id='entry321103'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__321103' rel='bookmark' title='Link to post #9'>#9</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/1295-kingdom-master/'>kingdom master</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/1295-kingdom-master/" title="View Profile" style="background-image: url(/content/uploads/av-1295.jpg)"><img src='http://windows.modaco.com/content/uploads/av-1295.jpg.pagespeed.ce.LZhW9MdXXr.jpg' width='100' height='90' alt=''/></a>
</li>
<li class='title'>Diehard</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>451</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>20-December 02</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>london</span>
</li>
<li>
<span class='ft'>Interests:</span><span class='fc'>the future</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-11-17T17:57:32+00:00">17 November 2003 - 05:57 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->wow, didnt know this topic was stil running,lol<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 27 Jan 2012 13:20:27 +0000-->FREE GMAIL EMAIL INVITES, PM OR EMAIL ME 15 AVAILABLE<br/>
FREE ORKUT INVITES AVAILABLE<br/>
FREE WRITELY INVITES AVAILABLE<br/>
<br/>
Also visit <a href='http://www.blogstuff.co.uk' class='bbc_url' title='External link' rel='nofollow external'>WWW.BLOGSTUFF.CO.UK</a> for your blogging needs 250,000 people a month cant be wrong visit and register now!!<br/>
<br/>
<a href='http://qrcode.kaywa.com/img.php?s=8&d=http%3A%2F%2Fwww.blogstuff.co.uk' class='bbc_url' title='External link' rel='nofollow external'>http://qrcode.kaywa....blogstuff.co.uk</a>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_321103'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_321103', { app: 'forums', type: 'pid', typeid: '321103' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=321103' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_321103') )
{
$('multiq_321103').show();
}
if( $('toggle_post_321103') )
{
$('toggle_post_321103').show();
}
// Add perm data
ipb.topic.deletePerms[321103] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 321966-->
<div class='post_block hentry clear with_rep' id='post_id_321966'>
<a id='entry321966'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__321966' rel='bookmark' title='Link to post #10'>#10</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/18272-burnman/'>burnman</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/18272-burnman/" title="View Profile" style="background-image: url(http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png)"><img src="http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png.pagespeed.ce.mLgG4DG1EP.png" width="150" height="150"/></a>
</li>
<li class='title'>Newbie</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>14</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>14-October 03</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-11-19T11:13:49+00:00">19 November 2003 - 11:13 AM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->Do you have an example html code. especialy the pixel ruleDo you have an example html code. especialy the pixel rule<!-- google_ad_section_end --></div>
<br/>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_321966'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_321966', { app: 'forums', type: 'pid', typeid: '321966' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=321966' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_321966') )
{
$('multiq_321966').show();
}
if( $('toggle_post_321966') )
{
$('toggle_post_321966').show();
}
// Add perm data
ipb.topic.deletePerms[321966] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 333567-->
<div class='post_block hentry clear with_rep' id='post_id_333567'>
<a id='entry333567'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__333567' rel='bookmark' title='Link to post #11'>#11</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/3417-darant/'>darant</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/3417-darant/" title="View Profile" style="background-image: url(http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png)"><img src="http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png.pagespeed.ce.mLgG4DG1EP.png" width="150" height="150"/></a>
</li>
<li class='title'>Newbie</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>18</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>12-March 03</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>uk</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2003-12-07T22:53:21+00:00">07 December 2003 - 10:53 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->right, so how is a page or site converted like this forum is on a smartphone from full pc style?<br/>
<br/>
Posted from my SmartPhone!<!-- google_ad_section_end --></div>
<br/>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_333567'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_333567', { app: 'forums', type: 'pid', typeid: '333567' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=333567' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_333567') )
{
$('multiq_333567').show();
}
if( $('toggle_post_333567') )
{
$('toggle_post_333567').show();
}
// Add perm data
ipb.topic.deletePerms[333567] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 361552-->
<div class='post_block hentry clear with_rep' id='post_id_361552'>
<a id='entry361552'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__361552' rel='bookmark' title='Link to post #12'>#12</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/10516-niklp/'>NikLP</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/10516-niklp/" title="View Profile" style="background-image: url(http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png)"><img src="http://windows.modaco.com/public/style_images/magnetic/profile/default_large.png.pagespeed.ce.mLgG4DG1EP.png" width="150" height="150"/></a>
</li>
<li class='title'>Addict</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>Members</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>587</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>21-July 03</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>Nottingham</span>
</li>
<li>
<span class='ft'>Devices:</span><span class='fc'>Touch HD</span>
</li>
<li>
<span class='ft'>Twitter:</span><span class='fc'><a href='http://twitter.com/NikLP'>@NikLP</a></span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2004-01-23T16:11:12+00:00">23 January 2004 - 04:11 PM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->*bump*<br/>
<br/>
as a web developer, I'm very interested in the contents of this thread!<br/>
Doesn't anyone have any more info than this? - Not that I'm ungrateful, you understand! <img src='http://m5.modaco.com/public/style_emoticons/default/biggrin.gif' class='bbc_emoticon' alt=':lol:'/> I would be especially interested to know more about how MoDaCo is running phpbb thru two different servers, one for smartphone...<br/>
<br/>
Anyone?<br/>
<br/>
Nik<!-- google_ad_section_end --></div>
<br/>
</div>
</div>
<div class='rep_bar clear right' id='rep_post_361552'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_361552', { app: 'forums', type: 'pid', typeid: '361552' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=361552' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_361552') )
{
$('multiq_361552').show();
}
if( $('toggle_post_361552') )
{
$('toggle_post_361552').show();
}
// Add perm data
ipb.topic.deletePerms[361552] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<br/>
<!--Begin Msg Number 364837-->
<div class='post_block hentry clear with_rep' id='post_id_364837'>
<a id='entry364837'></a>
<div class='post_wrap'>
<h3>
<span class='post_id'><a href='http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/page__view__findpost__p__364837' rel='bookmark' title='Link to post #13'>#13</a></span>
<img src='http://windows.modaco.com/public/style_images/magnetic/xuser_off.png.pagespeed.ic.qM2gKEsk8d.png' alt='User is offline' title='User is offline' width="16" height="16"/>
<span class="author vcard"><a class="url fn" href='http://windows.modaco.com/user/857-will/'>Will</a> </span>
</h3>
<div class='author_info'>
<ul class='user_details'>
<li class='avatar'>
<a href="http://windows.modaco.com/user/857-will/" title="View Profile" style="background-image: url(/content/uploads/av-857.jpg)"><img src='/content/uploads/av-857.jpg' width='90' height='90' alt=''/></a>
</li>
<li class='title'>Retired</li>
<li class='group_icon'>
<img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/><img src='http://windows.modaco.com/public/style_images/magnetic/bullet_black.png.pagespeed.ce.XGytEuFrEJ.png' alt='Pip' width="8" height="8"/>
</li>
</ul>
<div style='margin: 0 auto;'>
<ul class='user_controls clear'>
</ul>
</div>
<ul class='user_fields'>
<li>
<span class='ft'>Group:</span>
<span class='fc'>MoDaCo Plus</span>
</li>
<li>
<span class='ft'>Posts:</span>
<span class='fc'>1,691</span>
</li>
<li>
<span class='ft'>Joined:</span>
<span class='fc'>07-December 02</span>
</li>
<li>
<span class='ft'>Location:</span><span class='fc'>Milton Keynes, England.</span>
</li>
<li>
<span class='ft'>Interests:</span><span class='fc'>:)</span>
</li>
<li>
<span class='ft'>Devices:</span><span class='fc'>c600</span>
</li>
</ul>
</div>
<div class='post_body'>
<p class='posted_info'>
Posted <abbr class="published" title="2004-01-31T00:33:10+00:00">31 January 2004 - 12:33 AM</abbr>
</p>
<div class='post entry-content '>
<div id="intelliTxt"><!-- google_ad_section_start -->it's a custom phpbb i think, mapped to a subdomain and has redirects etc.<br/>
<br/>
More info.. i'd speak to Paul<br/>
<br/>
Will<!-- google_ad_section_end --></div>
<br/>
</div>
<div class="signature">
<!--cached-Fri, 27 Jan 2012 13:08:20 +0000-->Phones: <br/>
SPV-C600 - MoDaCo Special Edition<br/>
SPV-M5000 - Prize!<br/>
SPV M-2000 - Ebook Reader<br/>
3g: Orange MOC
</div>
</div>
<div class='rep_bar clear right' id='rep_post_364837'>
<span class='reputation zero rep_show' title='Reputation'>
0
</span>
</div>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_364837', { app: 'forums', type: 'pid', typeid: '364837' }, parseInt('0') );
</script>
<ul class='post_controls'>
<li class='report'>
<a href='http://windows.modaco.com/index.php?app=ccs&module=articles&section=promote&post=364837' title='Promote to Article'><img src='http://windows.modaco.com/public/style_images/magnetic/promote_article.png.pagespeed.ce.wn0W_bGIMN.png' alt='Promote to Article' title='Promote to Article' width="16" height="16"/> Promote to Article</a>
</li>
<li class='top hide'><a href='#top' class='top' title='Back to top'>Back to top of the page up there ^</a></li>
<!-- Matt: Approve / unapprove post button -->
</ul>
<script type='text/javascript'>
// Show multiquote for JS browsers
if ( $('multiq_364837') )
{
$('multiq_364837').show();
}
if( $('toggle_post_364837') )
{
$('toggle_post_364837').show();
}
// Add perm data
ipb.topic.deletePerms[364837] = { 'canDelete' : 0, 'canSoftDelete' : 0 };
</script>
</div>
</div>
<hr/>
<!-- START Advertisement (IP.Content Block) -->
<br/>
<div class='post_block hentry clear with_rep' style='background: #F9FAFB;'>
<div class='post_wrap'>
<h3>
<span class="author vcard"><a class="#">Sponsored Links</a></span>
</h3>
<div class='post_body' style='margin-bottom: 0px;'>
<div class='post entry-content' style='text-align: center;'>
<script type="text/javascript"><!--
var google_ads = Math.random();
google_ad_client = "ca-pub-0419427945101120";
if (google_ads < .5)
{
/* InTopic LO Blend */
google_ad_slot = "2159808419";
}
else
{
/* InTopic LO Yellow */
google_ad_slot = "5669696939";
}
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- <script type="text/javascript" src="http://dontblockme.modaco.com/ad.sense/main-intopicend-lo.js"></script> -->
</div>
</div>
</div>
</div>
<!-- END Advertisement (IP.Content Block) -->
<!-- MOD LINKS -->
<!-- REPUTATION FILTERS -->
<div class='moderation_bar rounded' id='topic_search_jump'>
<div class="facebook-like google-plus-one" style="margin-top: 1px;"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="medium" href="http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/"></g:plusone></div>
<div class='facebook-like'><fb:like href="http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/" layout="standard" show_faces="false" width="450" action="like" colorscheme="light"/></div>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '145862105491622', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<form id='forum_jump' action='http://windows.modaco.com/index.php?' method='get'>
<fieldset>
<select name='showforum' id='showforumJump' class='input_select'>
<optgroup label="Forum Jump">
<option value='0'>Forum Home</option>
<option value="303">Start</option>
<option value="304"> |-- Absolute Beginners</option>
<option value="75">Newsroom</option>
<option value="326"> |-- Submit News</option>
<option value="462"> |-- Windows Phone News</option>
<option value="89"> |-- Pocket PC (Professional) News</option>
<option value="35"> |-- Smartphone (Standard) News</option>
<option value="203"> |-- Windows Mobile News</option>
<option value="459">Windows Phone</option>
<option value="460"> |-- Windows Phone General Discussion</option>
<option value="461"> |-- Windows Phone Software</option>
<option value="152">Windows Mobile</option>
<option value="97"> |-- Pocket PC General Discussion</option>
<option value="2"> |-- Smartphone General Discussion</option>
<option value="108"> |-- Pocket PC Customisation</option>
<option value="107"> |-- Smartphone Customisation</option>
<option value="111"> |-- Pocket PC Software</option>
<option value="110"> |-- Smartphone Software</option>
<option value="200">Non Device Specific</option>
<option value="49"> |-- Accessories</option>
<option value="113"> |-- Development</option>
<option value="458">Device Specific - Windows Phone</option>
<option value="472"> |-- Dell Venue Pro - VenuePro.MoDaCo.com</option>
<option value="467"> |-- HTC HD 7 - HD7.MoDaCo.com</option>
<option value="466"> |-- HTC 7 Mozart - 7Mozart.MoDaCo.com</option>
<option value="469"> |-- HTC 7 Pro - 7Pro.MoDaCo.com</option>
<option value="468"> |-- HTC 7 Surround - 7Surround.MoDaCo.com</option>
<option value="463"> |-- HTC 7 Trophy - 7Trophy.MoDaCo.com</option>
<option value="465"> |-- LG Optimus 7 - Optimus7.MoDaCo.com</option>
<option value="471"> |-- LG Quantum - Quantum.MoDaCo.com</option>
<option value="470"> |-- Samsung Focus - Focus.MoDaCo.com</option>
<option value="464"> |-- Samsung Omnia 7 - Omnia7.MoDaCo.com</option>
<option value="344">Device Specific - Windows Mobile</option>
<option value="348"> |-- Asus</option>
<option value="349"> |-- Acer / Eten / Glofiish</option>
<option value="345"> |-- HTC</option>
<option value="353"> |-- i-mate</option>
<option value="346"> |-- Motorola</option>
<option value="351"> |-- MWg / UBiQUiO</option>
<option value="347"> |-- Samsung</option>
<option value="354"> |-- Sony Ericsson</option>
<option value="352"> |-- Toshiba</option>
<option value="350"> |-- Other</option>
<option value="77">MoDaCo</option>
<option value="332"> |-- AppToDate</option>
<option value="448"> |-- Charitable Projects</option>
<option value="27"> |-- The Plus Lounge</option>
<option value="116"> |-- Website</option>
<option value="70">Other</option>
<option value="337"> |-- International</option>
<option value="8"> |-- The Lounge</option>
<option value="207"> |-- Reviews</option>
<option value="540">Sponsors</option>
<option value="541"> |-- HTCCode.com</option>
</optgroup>
</select>
<input type='submit' value='Go' class='input_submit alt' id='forum_jump_submit'/>
</fieldset>
</form>
</div>
<!-- THREADED MODE -->
<ul class='topic_jump right clear'>
<li class='previous'>← <a class="prev" rel="prev" href="http://windows.modaco.com/index.php?showtopic=94139">Smartphone 2003 default background</a></li>
<li><strong><a href='http://windows.modaco.com/forum/9-smartphone-customisation-general-discussion/' title='Return to Smartphone Customisation - General Discussion'>Smartphone Customisation - General Discussion</a></strong></li>
<li class='next'><a class="next" rel="next" href="http://windows.modaco.com/topic/103402-orange-fence-background/">Orange Fence Background</a> →</li>
</ul>
<h3 class='topic_share left'>Share this topic:</h3>
<ul class='topic_share left shareButtons'>
<li><a href="http://windows.modaco.com/index.php?sharelink=twitter;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Twitter" class='_slink' id='slink_twitter'><img src="http://windows.modaco.com/public/style_extra/sharelinks/twitter.png.pagespeed.ce.xb4hW9yhx-.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=digg;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Digg" class='_slink' id='slink_digg'><img src="http://windows.modaco.com/public/style_extra/sharelinks/digg.png.pagespeed.ce.wGTLffqFBD.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=buzz;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Buzz" class='_slink' id='slink_buzz'><img src="http://windows.modaco.com/public/style_extra/sharelinks/buzz.png.pagespeed.ce.AmXty2_FMh.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=delicious;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Del.icio.us" class='_slink' id='slink_delicious'><img src="http://windows.modaco.com/public/style_extra/sharelinks/delicious.png.pagespeed.ce.BH6l4towE0.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=reddit;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Reddit" class='_slink' id='slink_reddit'><img src="http://windows.modaco.com/public/style_extra/sharelinks/reddit.png.pagespeed.ce.rUumnDW71Q.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=stumble;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via StumbleUpon" class='_slink' id='slink_stumble'><img src="http://windows.modaco.com/public/style_extra/sharelinks/stumble.png.pagespeed.ce.RBo7XV2lwf.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=email;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Email" class='_slink' id='slink_email'><img src="http://windows.modaco.com/public/style_extra/sharelinks/email.png.pagespeed.ce.IuKjjbM1lG.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=print;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Print" class='_slink' id='slink_print'><img src="http://windows.modaco.com/public/style_extra/sharelinks/print.png.pagespeed.ce.R8qvKwUXSK.png" width="16" height="16"/></a></li>
<li><a href="http://windows.modaco.com/index.php?sharelink=download;aHR0cDovL3dpbmRvd3MubW9kYWNvLmNvbS90b3BpYy80Mzg2LW1ha2luZy1hLXNpdGUtYWNlc3NhYmxlLTQtc21hcnRwaG9uZXMv;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Download" class='_slink' id='slink_download'><img src="http://windows.modaco.com/public/style_extra/sharelinks/download.png.pagespeed.ce.iQUDoKrnAY.png" width="16" height="16"/></a></li>
</ul>
<script type="text/javascript">
ipb.sharelinks.url = "http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/";
ipb.sharelinks.title = "MAKING A SITE ACESSABLE 4 SMARTPHONES";
ipb.sharelinks.bname = "Windows Phone @ MoDaCo";
</script>
<br/>
<!-- BOTTOM BUTTONS -->
<div class='topic_controls clear'>
<span class='pagination no_pages left'>Page 1 of 1</span>
<ul class='topic_buttons'>
<li class='disabled'><span>You cannot start a new topic</span></li>
<li class='disabled'><span>You cannot reply to this topic</span></li>
</ul>
</div>
<hr/>
<script type='text/javascript'>
ipb.editor_values.set( 'emoticons', $H({ ':rolleyes:' : "1,rolleyes.gif",
'<_<' : "2,dry.gif",
':mellow:' : "3,mellow.gif",
':unsure:' : "4,unsure.gif",
':angry:' : "5,mad.gif",
':blink:' : "6,blink.gif",
':lol:' : "7,laugh.gif",
':huh:' : "8,huh.gif",
':)' : "9,smile.gif",
';)' : "10,wink.gif",
':o' : "11,ohmy.gif",
':P' : "12,tongue.gif",
':D' : "13,biggrin.gif",
'B)' : "14,cool.gif",
':(' : "15,sad.gif" }) );
ipb.vars['emoticon_url'] = "http://windows.modaco.com/public/style_emoticons/default";
</script>
<!-- ACTIVE USERS -->
<div id='topic_stats' class='statistics general_box clear clearfix'>
<div id='topic_active_users' class='active_users'>
<h2>
1 User(s) are reading this topic<br/>
<span class='desc'>0 members, 1 guests, 0 anonymous users</span>
</h2>
</div>
</div>
<!-- Close topic -->
</div>
<div id='delPopUp' style='display:none'>
<h3 class='bar'>Delete Post</h3>
<div class='general_box'>
<form action='#{removeUrl}' method='post'>
<strong>Remove From View</strong>
<p class='desc'>The post may still be visible to moderators in this topic</p>
<p style='padding:4px 0px 4px 0px'>Reason: <input type='text' name='deleteReason' id='delPop_reason' value='' style='width:65%'/> <input type='submit' class='input_submit' value='Remove'/></p>
</form>
<div style='#{permaDelete}padding-top:5px'>
<strong>Delete From Topic</strong>
<p class='desc'>The post will be removed from this topic completely</p>
<p style='padding:4px 0px 4px 0px'><input type='button' class='input_submit' onclick="window.location='#{permaUrl}';" value='Delete Now'/></p>
</div>
</div>
</div>
<script type="text/javascript" src="http://windows.modaco.com/public/js/3rd_party/prettify/prettify.js"></script>
<script type='text/javascript' src='http://windows.modaco.com/public/js/3rd_party/prettify/lang-sql.js'></script>
<!-- By default we load generic code, php, css, sql and xml/html; load others here if desired -->
<script type="text/javascript">
//<![CDATA[
Event.observe( window, 'load', function(e){ prettyPrint() });
//]]>
</script>
<script>var noskimwords = false;</script>
<div class="clear"></div>
</div>
<script type='text/javascript' src='http://windows.modaco.com/public/js/3rd_party/lightbox.js'></script>
<script type='text/javascript'>
//<![CDATA[
// Lightbox Configuration
LightboxOptions = Object.extend({
fileLoadingImage: 'http://windows.modaco.com/public/style_images/magnetic/lightbox/loading.gif',
fileBottomNavCloseImage: 'http://windows.modaco.com/public/style_images/magnetic/lightbox/closelabel.gif',
overlayOpacity: 0.8, // controls transparency of shadow overlay
animate: true, // toggles resizing animations
resizeSpeed: 7, // controls the speed of the image resizing animations (1=slowest and 10=fastest)
borderSize: 10, //if you adjust the padding in the CSS, you will need to update this variable
// When grouping images this is used to write: Image # of #.
// Change it for non-english localization
labelImage: "Image",
labelOf: "of"
}, window.LightboxOptions || {});
/* Watch for a lightbox image and set up our downloadbutton watcher */
document.observe('click', (function(event){
var target = event.findElement('a[rel*="lightbox"]') || event.findElement('area[rel*="lightbox"]');
if (target) {
event.stop();
gbl_addDownloadButton();
}
}).bind(this));
var _to = '';
var _last = '';
function gbl_addDownloadButton()
{
if ( typeof( ipsLightbox.lightboxImage ) != 'undefined' && ipsLightbox.lightboxImage.src )
{
if ( _last != ipsLightbox.lightboxImage.src )
{
if ( ! $('gbl_d') )
{
$('bottomNav').insert( { top: "<div id='gbl_d' style='text-align:right;padding-bottom:4px;'></div>" } );
}
$('gbl_d').update( "<a href='"+ ipsLightbox.lightboxImage.src + "' target='_blank'><img src='http://windows.modaco.com/public/style_images/magnetic/lightbox/download-icon.png' /></a>" );
_last = ipsLightbox.lightboxImage.src;
}
}
/* Check for init and then keep checking for new image */
_to = setTimeout( "gbl_addDownloadButton()", 1000 );
}
//]]>
</script>
</div>
<!-- Left Content Ends -->
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
<div class="width">
<div class="bottomlight">
<div class="branding_skin" style="text-align: center;">
MoDaCo is part of the <strong><a href='http://www.modaco.net'>MoDaCo.net</a></strong>work, © <strong><a href='http://www.paulobrien.net'>Paul O'Brien</a></strong> 2002-2012. <span id="intelliTxt">MoDaCo uses <a href='http://www.vibrantmedia.com'>IntelliTxt</a> technology</span>. <a href='http://www.modaco.com/topic/239953-modaco-privacy-policy/'>Privacy Policy / Contact Details</a>.
<div class="clear"></div>
</div>
</div>
</div>
<a href="#top" id="sb-toplink" title="Go to top"></a>
<div data-dombox="appearance">
<h3 class='bar'>Skin and Language</h3>
<div id="sb-popbox-inner">
<form action="http://windows.modaco.com/index.php?showtopic=4386" method="post" class='left'>
<fieldset>
<input type='hidden' name='k' value='880ea6a14ea49e853634fbdc5015a024'/>
<label for='newSkin' class='hide'>Theme:</label>
<select name="settingNewSkin" id='newSkin'>
<option id='skinSetDD_1' value="1">Simple</option>
<option id='skinSetDD_6' selected="selected" value="6">MoDaCo M5</option>
</select>
<input type='submit' value='Go' class='input_submit alt' id='newSkinSubmit'/>
</fieldset>
</form>
<form action="http://windows.modaco.com/index.php?showtopic=4386" method="post" class='left'>
<fieldset>
<input type='hidden' name='k' value='880ea6a14ea49e853634fbdc5015a024'/>
<input type='hidden' name='setlanguage' value='1'/>
<input type="hidden" name="langurlbits" value="showtopic=4386&cal_id="/>
<label for='newLang' class='hide'>Language:</label>
<select name="langid" id='newLang'>
<option value='1' selected="selected">English</option>
</select>
<input type='submit' class='input_submit alt' value='Go' id='newLangSubmit'/>
</fieldset>
</form>
<div class="clear"></div>
<div class="clear"></div>
</div>
</div><div data-dombox="login">
<div class="signin">
<form action="http://windows.modaco.com/index.php?app=core&module=global&section=login&do=process" method="post" id='login'>
<input type='hidden' name='auth_key' value='880ea6a14ea49e853634fbdc5015a024'/>
<input type="hidden" name="referer" value="http://windows.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/"/>
<div id='regular_signin'>
<a id='_regularsignin'></a>
<h3>Sign in here</h3>
<ul>
<li class='field'>
<label for='username'>Username:</label>
<input id='username' type='text' class='input_text input login' name='username' size='30'/>
</li>
<li class='field'>
<label for='password'>Password: <a href='http://windows.modaco.com/index.php?app=core&module=global&section=lostpass' class='desc' title='Retrieve password'>(I've forgotten my password)</a></label>
<input id='password' type='password' class='input_text input pass' name='password' size='30'/>
</li>
<div class="clear"></div>
</ul>
</div>
<hr/>
<fieldset class="options" id='signin_options'>
<legend>Sign in options</legend>
<ul>
<li class='field checkbox'>
<input type='checkbox' id='remember' checked='checked' name='rememberMe' value='1' class='input_check'/>
<label for='remember'>
Remember me
<span class='desc'>This is not recommended for shared computers</span>
</label>
</li>
</ul>
</fieldset>
<fieldset>
<input type='submit' class='button' value='Sign In'/>
<a class="button" href='http://windows.modaco.com/index.php?app=core&module=global&section=login'>
<span class='services'>
<img src='http://windows.modaco.com/public/style_images/magnetic/loginmethods/facebook.png.pagespeed.ce.FhEGPDx7-W.png' alt='Log in with Facebook' width="16" height="16"/>
<img src='http://windows.modaco.com/public/style_images/magnetic/loginmethods/twitter.png.pagespeed.ce.xb4hW9yhx-.png' alt='Log in with Twitter' width="16" height="16"/>
</span> Go to advanced login</a>
<a class="button right" href="http://windows.modaco.com/index.php?app=core&module=global&section=register">Register Now!</a>
</fieldset>
</form>
</div>
<div class="clear"></div>
</div>
<!-- start Vibrant Media script section -->
<script type="text/javascript" src="http://modaco.uk.intellitxt.com/intellitxt/front.asp?ipid=1602&fg=4B4B4B"></script>
<!-- end Vibrant Media script section -->
<!-- start Skimlinks script section -->
<script type="text/javascript" src="http://s.skimresources.com/js/12931X703165.skimlinks.js"></script>
<!-- end Skimlinks Media script section -->
</body>
</html>
please take in mind, some of what if written in here is for newer smartphones like jvm build, however this is meant to cover all smartphones to some changes will be needed for certain phones.
If someone browsed your website on the Microsoft Smartphone, what do you think it would look like?
Suitable for Smartphones And this isn't!
The Microsoft Smartphone comes with Pocket Internet Explorer 2002 which in Microsoft's words allows access to rich internet content. Looking at the 176x220 pixel screen probably tells you that viewing 99.999% of the internet is going to be difficult / annoying / impossible. There are two reasons. Firstly, the screen is small. Scrolling over a page intended for a PC or even a Pocket PC is like looking at pictures in an art gallery through a toilet roll tube. Secondly, Pocket Internet Explorer 2002 (pIE) is cut-down to have the following specification -
An HTML engine conforming to W3C HTML 3.2, as found in IE3.02.
JScript 1.1 support as found in IE4.0.
An XML engine - MSXML 2.5 as found in IE5.0.
SSL 2.0 & 3.0 - 128bit, cookies, forms, ActiveX components (user-installed only and no Authenticode) support.
NO client side VBScript.
NO DHTML (except for InnerText & InnerHTML).
NO Java Virtual Machine - so no Java Applet support by Microsoft. Third Party JVM's are available.
NO Cascading Style Sheets (CSS) or Frames (TARGET will not function).
NO multiple windows. window.open() will open in existing window, if user initiated. Automatic pop-up windows will not function.
HTML tags need to be well-formed and paired, pIE performs less auto-correction.
This guide is to help you design pages for Smartphone users to browse. Perhaps you want to create online content or just want your existing pages to be accessible. This needn't be a long tiresome task, involving complete re-writes of pages and as you will see, simple HTML is actually favoured.
Images and Screen Widths
An image is worth a thousand words and also several thousand bytes. Careful consideration will have to be taken on the necessity of any images. The bandwidth available on Smartphones is reduced and large images would require a lot of scrolling. In fact pIE automatically reduces large images to try and fit them if you choose this option, look at the 'Sophonix.com' banner on the top right picture, it's been resized.
The message is to avoid unneccesary images. If you want images, then it's best to create small gif versions and at this point it's time to talk about screen widths. Microsoft talk about the Smartphone having a 176x220 screen throughout their SDK. In fact, in a table of specifications they also mention 160x240 and 208x240. You may want to ensure that any fixed width elements (images, tables...) are set to be less than 160. If it's too large, the dreaded 'horizontal scrollbar' will appear. Never design a page with horizontal scrolling above the minimum screen width, ever. And that goes for PC viewed websites too. The diagram below shows the dimensions of typical page elements. It's fair to say that these dimensions will apply to most MS Smartphones.
It's worth mentioning at this point that pIE has a 'Fit To Screen' option which is turned on by default. When it's off, it renders everything to a 640 pixel width virtual screen. This tends to mess up tables, by ignoring the width= attribute. Users will have the feature turned on permanently probably as it introduces a horizontal scrollbar and is only of use when items must be viewed full size like large images. The
tags are ignored when 'Fit To Screen' is on and Microsoft suggest using a transparent 1x1 gif and setting width and height attributes to get the spacing you want.
The important thing to note is the content area size and the scrollbar width - 5 pixels. The largest fixed width element visible without a horizontal scrollbar appearing would be 5 pixels less than the screen width, i.e. 155 or 171.
The Smartphone is designed to have 65,000 colours, but this doesn't mean you have to use all of them. For simple graphics a good saving can be made by converting to 256 colours and saving as a gif. Use an error diffused, optimised palette and you'll probably not notice much change. Small images in gif format are often smaller than jpgs, and tend not to lose anything to compression artifacts. Try both and see how much file size you save. By the way, animated gifs won't work, only the first image will be displayed. pIE does however allow a decent range of image formats: png, jpg, gif, wbmp, 2bp and bmp.
Design Considerations
The mid-nineties are back! If your designing web pages for the Smartphone that is. Frames are out (good thing too). If your page features a