News + Articles
Sign In
Create Account
0
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 />
<span rel='lightbox'><img src='http://www.sophonix.com/images/vertnav.gif' alt='Posted Image' class='bbc_img' /></span><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 />
<span rel='lightbox'><img src='http://www.sophonix.com/images/fonttest.gif' alt='Posted Image' class='bbc_img' /></span><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 />
<span rel='lightbox'><img src='http://www.sophonix.com/images/formtest.gif' alt='Posted Image' class='bbc_img' /></span><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 />
<span rel='lightbox'><img src='http://www.sophonix.com/images/aspexample.gif' alt='Posted Image' class='bbc_img' /></span><br />
<br />
<span rel='lightbox'><img src='http://www.sophonix.com/images/phpexample.gif' alt='Posted Image' class='bbc_img' /></span><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 />
<span rel='lightbox'><img src='http://www.sophonix.com/images/jsexample.gif' alt='Posted Image' class='bbc_img' /></span><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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_30704', { domLikeStripId: 'like_post_30704', app: 'forums', type: 'pid', typeid: '30704' }, parseInt('0') );
</script>
<div class="signature" data-memberid="1295">
<!--signature-cached-Wed, 09 May 2012 16:57:02 +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>
<ul id='postControlsNormal_30704' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<div align='center' class='nexusad'><!-- START Sponsored Links -->
<!-- START Logged Out -->
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0419427945101120";
var google_ads = Math.random();
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>
<!-- END Logged Out -->
<!-- END Sponsored Links --></div>
<script type="text/javascript">
var pid = parseInt(30704);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:30714-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_30714'>
<a id='entry30714'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry30714' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #2'>
#2
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
Monolithix
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-03-02T23:32:30+00:00">02 March 2003 - 11:32 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">Monolithix</span>
<ul class='basic_info'>
<p class='desc member_title'>Members</p>
<li class='avatar'>
<img itemprop="image" src='/content/uploads/av-993.png?_r=0' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
8,781 posts
</li>
</ul>
<ul class='custom_fields'>
<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>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_30714', { domLikeStripId: 'like_post_30714', app: 'forums', type: 'pid', typeid: '30714' }, parseInt('0') );
</script>
<div class="signature" data-memberid="993">
<!--signature-cached-Sun, 20 May 2012 14:34:33 +0000--><p class='bbc_center'>I still exist</p>
</div>
<ul id='postControlsNormal_30714' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(30714);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:198700-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_198700'>
<a id='entry198700'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry198700' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #3'>
#3
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
HelloDave
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-04-29T15:05:53+00:00">29 April 2003 - 03:05 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">HelloDave</span>
<ul class='basic_info'>
<p class='desc member_title'>Addict</p>
<li class='avatar'>
<img itemprop="image" src='/content/uploads/av-d98647dd3e188255926ab.jpg?_r=0' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
751 posts
</li>
</ul>
<ul class='custom_fields'>
<li>
<span class='ft'>Location:</span><span class='fc'>Bournemouth, UK</span>
</li>
</ul>
</div>
</div>
<div class='post_body'>
<div itemprop="commentText" 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>
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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_198700', { domLikeStripId: 'like_post_198700', app: 'forums', type: 'pid', typeid: '198700' }, parseInt('0') );
</script>
<div class="signature" data-memberid="738">
<!--signature-cached-Wed, 09 May 2012 18:58:35 +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>
<ul id='postControlsNormal_198700' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(198700);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:204770-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_204770'>
<a id='entry204770'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry204770' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #4'>
#4
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
axe
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-05-05T15:27:09+00:00">05 May 2003 - 03:27 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">axe</span>
<ul class='basic_info'>
<p class='desc member_title'>Enthusiast</p>
<li class='avatar'>
<img itemprop="image" src='http://www.gravatar.com/avatar/f29c11cc0306e8e8efe8279b13c73afd?s=100&d=http%3A%2F%2Fwww.modaco.com%2Fpublic%2Fstyle_images%2Fmarble%2Fprofile%2Fdefault_large.png' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
156 posts
</li>
</ul>
<ul class='custom_fields'>
</ul>
</div>
</div>
<div class='post_body'>
<div itemprop="commentText" 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 />
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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_204770', { domLikeStripId: 'like_post_204770', app: 'forums', type: 'pid', typeid: '204770' }, parseInt('0') );
</script>
<div class="signature" data-memberid="5071">
<!--signature-cached-Wed, 09 May 2012 16:39:22 +0000--><a href='http://www.portability.nl' class='bbc_url' title='External link' rel='nofollow external'>Portability - guides for mobile devices</a>
</div>
<ul id='postControlsNormal_204770' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(204770);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:204839-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_204839'>
<a id='entry204839'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry204839' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #5'>
#5
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
Monolithix
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-05-05T16:45:48+00:00">05 May 2003 - 04:45 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">Monolithix</span>
<ul class='basic_info'>
<p class='desc member_title'>Members</p>
<li class='avatar'>
<img itemprop="image" src='/content/uploads/av-993.png?_r=0' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
8,781 posts
</li>
</ul>
<ul class='custom_fields'>
<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>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_204839', { domLikeStripId: 'like_post_204839', app: 'forums', type: 'pid', typeid: '204839' }, parseInt('0') );
</script>
<div class="signature" data-memberid="993">
<!--signature-cached-Sun, 20 May 2012 14:34:33 +0000--><p class='bbc_center'>I still exist</p>
</div>
<ul id='postControlsNormal_204839' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(204839);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:212225-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_212225'>
<a id='entry212225'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry212225' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #6'>
#6
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
axe
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-05-08T12:56:21+00:00">08 May 2003 - 12:56 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">axe</span>
<ul class='basic_info'>
<p class='desc member_title'>Enthusiast</p>
<li class='avatar'>
<img itemprop="image" src='http://www.gravatar.com/avatar/f29c11cc0306e8e8efe8279b13c73afd?s=100&d=http%3A%2F%2Fwww.modaco.com%2Fpublic%2Fstyle_images%2Fmarble%2Fprofile%2Fdefault_large.png' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
156 posts
</li>
</ul>
<ul class='custom_fields'>
</ul>
</div>
</div>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_212225', { domLikeStripId: 'like_post_212225', app: 'forums', type: 'pid', typeid: '212225' }, parseInt('0') );
</script>
<ul id='postControlsNormal_212225' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(212225);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:212232-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_212232'>
<a id='entry212232'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry212232' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #7'>
#7
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
Monolithix
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-05-08T13:00:20+00:00">08 May 2003 - 01:00 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">Monolithix</span>
<ul class='basic_info'>
<p class='desc member_title'>Members</p>
<li class='avatar'>
<img itemprop="image" src='/content/uploads/av-993.png?_r=0' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
8,781 posts
</li>
</ul>
<ul class='custom_fields'>
<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>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_212232', { domLikeStripId: 'like_post_212232', app: 'forums', type: 'pid', typeid: '212232' }, parseInt('0') );
</script>
<div class="signature" data-memberid="993">
<!--signature-cached-Sun, 20 May 2012 14:34:33 +0000--><p class='bbc_center'>I still exist</p>
</div>
<ul id='postControlsNormal_212232' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(212232);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:224770-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_224770'>
<a id='entry224770'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry224770' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #8'>
#8
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
axe
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-05-23T08:18:57+00:00">23 May 2003 - 08:18 AM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">axe</span>
<ul class='basic_info'>
<p class='desc member_title'>Enthusiast</p>
<li class='avatar'>
<img itemprop="image" src='http://www.gravatar.com/avatar/f29c11cc0306e8e8efe8279b13c73afd?s=100&d=http%3A%2F%2Fwww.modaco.com%2Fpublic%2Fstyle_images%2Fmarble%2Fprofile%2Fdefault_large.png' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
156 posts
</li>
</ul>
<ul class='custom_fields'>
</ul>
</div>
</div>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_224770', { domLikeStripId: 'like_post_224770', app: 'forums', type: 'pid', typeid: '224770' }, parseInt('0') );
</script>
<div class="signature" data-memberid="5071">
<!--signature-cached-Wed, 09 May 2012 16:39:22 +0000--><a href='http://www.portability.nl' class='bbc_url' title='External link' rel='nofollow external'>Portability - guides for mobile devices</a>
</div>
<ul id='postControlsNormal_224770' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(224770);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:321103-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_321103'>
<a id='entry321103'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry321103' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #9'>
#9
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
kingdom master
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-11-17T17:57:32+00:00">17 November 2003 - 05:57 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">kingdom master</span>
<ul class='basic_info'>
<p class='desc member_title'>Diehard</p>
<li class='avatar'>
<img itemprop="image" src='/content/uploads/av-1295.jpg?_r=0' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
451 posts
</li>
</ul>
<ul class='custom_fields'>
<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>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_321103', { domLikeStripId: 'like_post_321103', app: 'forums', type: 'pid', typeid: '321103' }, parseInt('0') );
</script>
<div class="signature" data-memberid="1295">
<!--signature-cached-Wed, 09 May 2012 16:57:02 +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>
<ul id='postControlsNormal_321103' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(321103);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:321966-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_321966'>
<a id='entry321966'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry321966' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #10'>
#10
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
burnman
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-11-19T11:13:49+00:00">19 November 2003 - 11:13 AM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">burnman</span>
<ul class='basic_info'>
<p class='desc member_title'>Newbie</p>
<li class='avatar'>
<img itemprop="image" src='http://www.gravatar.com/avatar/2765ead5af3a14cbdaff484b5379f6a2?s=100&d=http%3A%2F%2Fwww.modaco.com%2Fpublic%2Fstyle_images%2Fmarble%2Fprofile%2Fdefault_large.png' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
14 posts
</li>
</ul>
<ul class='custom_fields'>
</ul>
</div>
</div>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_321966', { domLikeStripId: 'like_post_321966', app: 'forums', type: 'pid', typeid: '321966' }, parseInt('0') );
</script>
<ul id='postControlsNormal_321966' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(321966);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:333567-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_333567'>
<a id='entry333567'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry333567' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #11'>
#11
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
darant
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2003-12-07T22:53:21+00:00">07 December 2003 - 10:53 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">darant</span>
<ul class='basic_info'>
<p class='desc member_title'>Newbie</p>
<li class='avatar'>
<img itemprop="image" src='http://www.gravatar.com/avatar/22029d076072489281dd67b87f195586?s=100&d=http%3A%2F%2Fwww.modaco.com%2Fpublic%2Fstyle_images%2Fmarble%2Fprofile%2Fdefault_large.png' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
18 posts
</li>
</ul>
<ul class='custom_fields'>
<li>
<span class='ft'>Location:</span><span class='fc'>uk</span>
</li>
</ul>
</div>
</div>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_333567', { domLikeStripId: 'like_post_333567', app: 'forums', type: 'pid', typeid: '333567' }, parseInt('0') );
</script>
<ul id='postControlsNormal_333567' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(333567);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:361552-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_361552'>
<a id='entry361552'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry361552' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #12'>
#12
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
NikLP
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2004-01-23T16:11:12+00:00">23 January 2004 - 04:11 PM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">NikLP</span>
<ul class='basic_info'>
<p class='desc member_title'>Addict</p>
<li class='avatar'>
<img itemprop="image" src='http://www.gravatar.com/avatar/85249479eba35c62da60e00c30ed8544?s=100&d=http%3A%2F%2Fwww.modaco.com%2Fpublic%2Fstyle_images%2Fmarble%2Fprofile%2Fdefault_large.png' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
Members
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
587 posts
</li>
</ul>
<ul class='custom_fields'>
<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>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_361552', { domLikeStripId: 'like_post_361552', app: 'forums', type: 'pid', typeid: '361552' }, parseInt('0') );
</script>
<ul id='postControlsNormal_361552' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(361552);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
<!--post:364837-->
<div class='post_block hentry clear clearfix column_view ' id='post_id_364837'>
<a id='entry364837'></a>
<div itemscope itemtype="http://schema.org/UserComments" class='post_wrap' >
<h3>
<span class='post_id right ipsType_small desc blend_links'>
<a itemprop="replyToUrl" href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/#entry364837' rel='bookmark' title='MAKING A SITE ACESSABLE 4 SMARTPHONES: post #13'>
#13
</a>
</span>
<div class='post_username'>
<img src="http://www.modaco.com/public/style_images/marble/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
<span itemprop="creator name" class="author vcard">
Will
</span>
</div>
<div class='post_date'>
Posted <abbr class="published" itemprop="commentTime" title="2004-01-31T00:33:10+00:00">31 January 2004 - 12:33 AM</abbr>
</div>
</h3>
<div class='author_info'>
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">Will</span>
<ul class='basic_info'>
<p class='desc member_title'>Retired</p>
<li class='avatar'>
<img itemprop="image" src='/content/uploads/av-857.jpg?_r=0' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
<li class='group_title'>
MoDaCo Plus
</li>
<li class='group_icon'>
<img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' /><img src='http://www.modaco.com/public/style_images/marble/bullet_black.png' alt='Pip' />
</li>
<li class='post_count desc lighter'>
1,691 posts
</li>
</ul>
<ul class='custom_fields'>
<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>
<div class='post_body'>
<div itemprop="commentText" 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>
<script type='text/javascript'>
ipb.global.registerReputation( 'rep_post_364837', { domLikeStripId: 'like_post_364837', app: 'forums', type: 'pid', typeid: '364837' }, parseInt('0') );
</script>
<div class="signature" data-memberid="857">
<!--signature-cached-Wed, 09 May 2012 16:35:21 +0000-->Phones: <br />
SPV-C600 - MoDaCo Special Edition<br />
SPV-M5000 - Prize!<br />
SPV M-2000 - Ebook Reader<br />
3g: Orange MOC
</div>
<ul id='postControlsNormal_364837' class='post_controls clear clearfix' >
<li class='top'><a href='#ipboard_body' class='top' title='Back to top'><img src="http://www.modaco.com/public/style_images/marble/post_top.png" alt="" /> Back to top</a></li>
</ul>
</div>
</div>
</div>
<hr />
<script type="text/javascript">
var pid = parseInt(364837);
if ( pid > ipb.topic.topPid ){
ipb.topic.topPid = pid;
}
// 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>
</div>
<hr />
<div class='topic_controls clear ipsPad_top_bottom_half'>
<div class='ipsPad_top_slimmer right'>
<a href='http://www.modaco.com/forum/9-smartphone-customisation-general-discussion/' class="ipsType_small desc">Back to Smartphone Customisation - General Discussion</a>
· <a href='http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/nextunread/' class="ipsType_small desc">Next Unread Topic →</a>
</div>
</div>
<!-- Close topic -->
<!-- BOTTOM BUTTONS -->
<br />
<div class='clear clearfix left'>
<ul class='topic_share left shareButtons ipsList_inline'>
<li><a href="http://www.modaco.com/index.php?sharelink=twitter;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Twitter" class='_slink' id='slink_twitter'><img src="http://www.modaco.com/public/style_extra/sharelinks/twitter.png" /></a></li>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'en-GB'}
</script>
<li><div class='googlePlusOne'><g:plusone count="false" size="small"></g:plusone></div></li>
<li><a href="http://www.modaco.com/index.php?sharelink=digg;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Digg" class='_slink' id='slink_digg'><img src="http://www.modaco.com/public/style_extra/sharelinks/digg.png" /></a></li>
<li><a href="http://www.modaco.com/index.php?sharelink=delicious;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Del.icio.us" class='_slink' id='slink_delicious'><img src="http://www.modaco.com/public/style_extra/sharelinks/delicious.png" /></a></li>
<li><a href="http://www.modaco.com/index.php?sharelink=reddit;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Reddit" class='_slink' id='slink_reddit'><img src="http://www.modaco.com/public/style_extra/sharelinks/reddit.png" /></a></li>
<li><a href="http://www.modaco.com/index.php?sharelink=stumble;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via StumbleUpon" class='_slink' id='slink_stumble'><img src="http://www.modaco.com/public/style_extra/sharelinks/stumble.png" /></a></li>
<li><a href="http://www.modaco.com/index.php?sharelink=email;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Email" class='_slink' id='slink_email'><img src="http://www.modaco.com/public/style_extra/sharelinks/email.png" /></a></li>
<li><a href="http://www.modaco.com/index.php?sharelink=print;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Print" class='_slink' id='slink_print'><img src="http://www.modaco.com/public/style_extra/sharelinks/print.png" /></a></li>
<li><a href="http://www.modaco.com/index.php?sharelink=download;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Download" class='_slink' id='slink_download'><img src="http://www.modaco.com/public/style_extra/sharelinks/download.png" /></a></li>
<li><a href="http://www.modaco.com/index.php?sharelink=blogthis;aHR0cDovL3d3dy5tb2RhY28uY29tL3RvcGljLzQzODYtbWFraW5nLWEtc2l0ZS1hY2Vzc2FibGUtNC1zbWFydHBob25lcy8,;TUFLSU5HIEEgU0lURSBBQ0VTU0FCTEUgNCBTTUFSVFBIT05FUw,," rel="nofollow" target="_blank" title="Share this link via Blog This" class='_slink' id='slink_blogthis'><img src="http://www.modaco.com/public/style_extra/sharelinks/blogthis.png" /></a></li>
</ul>
<script type="text/javascript">
ipb.sharelinks.url = "http://www.modaco.com/topic/4386-making-a-site-acessable-4-smartphones/";
ipb.sharelinks.title = "MAKING A SITE ACESSABLE 4 SMARTPHONES";
ipb.sharelinks.bname = "MoDaCo";
</script>
</div>
<br />
<!-- SAME TAGGED -->
<!-- ACTIVE USERS -->
<div id='topic_stats' class='statistics clear clearfix'>
<div id='topic_active_users' class='active_users'>
<h4 class='statistics_head'>0 user(s) are reading this topic</h4>
<p class='statistics_brief desc'>0 members, 0 guests, 0 anonymous users</p>
</div>
</div>
<script type="text/javascript" src="http://www.modaco.com/public/js/3rd_party/prettify/prettify.js"></script>
<script type='text/javascript' src='http://www.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>
<div id='multiQuoteInsert' style='display: none;' class='ipsFloatingAction'>
<span class='ipsButton no_width' id='mqbutton'>Reply to quoted posts</span> <a href='#' id='multiQuoteClear' class='ipsType_smaller desc' title='Clear the posts you have selected with MultiQuote'>Clear</a>
</div>
<form id="modform" method="post" action="http://www.modaco.com/index.php?">
<input type="hidden" name="app" value="forums" />
<input type="hidden" name="module" value="moderate" />
<input type="hidden" name="section" value="moderate" />
<input type="hidden" name="do" value="postchoice" />
<input type="hidden" name="f" value="9" />
<input type="hidden" name="t" value="4386" />
<input type="hidden" name="auth_key" value="880ea6a14ea49e853634fbdc5015a024" />
<input type="hidden" name="st" value="" />
<input type="hidden" value="" name="selectedpidsJS" id='selectedpidsJS' />
<input type="hidden" name="tact" id="tact" value="" />
</form>
<div class='ipsAd'><div align='center' class='nexusad'><!-- START Sponsored Links -->
<!-- START Logged Out -->
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0419427945101120";
var google_ads = Math.random();
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>
<!-- END Logged Out -->
<!-- END Sponsored Links --></div></div>
<ol class='breadcrumb bottom ipsList_inline left clearfix clear'>
<li><a href='http://www.modaco.com/index'>MoDaCo</a></li>
<li><span class='nav_sep'>→</span> <a href='http://www.modaco.com/forum/651-windows-mobile-archive/' title='Return to Windows Mobile Archive'> Windows Mobile Archive</a></li>
<li><span class='nav_sep'>→</span> <a href='http://www.modaco.com/forum/152-discussion/' title='Return to Discussion'> Discussion</a></li>
<li><span class='nav_sep'>→</span> <a href='http://www.modaco.com/forum/107-smartphone-customisation/' title='Return to Smartphone Customisation'> Smartphone Customisation</a></li>
<li><span class='nav_sep'>→</span> <a href='http://www.modaco.com/forum/9-smartphone-customisation-general-discussion/' title='Return to Smartphone Customisation - General Discussion'> Smartphone Customisation - General Discussion</a></li>
</ol>
</div>
</div></div>
<!-- ::: FOOTER (Change skin, language, mark as read, etc) ::: -->
<div id='footer_utilities' class='clearfix clear'><div class='wrapper'>
<a rel="nofollow" href='#top' id='backtotop' title='Go to top'><img src='http://www.modaco.com/public/style_images/marble/top.png' alt='' /></a>
<ul class="ipsList_inline left"><li>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.</li></ul><ul class="ipsList_inline left"><li><span id="intelliTxt">MoDaCo uses <a href='http://www.vibrantmedia.com'>IntelliTxt</a> technology</span>. <span><a href='http://www.modaco.com/topic/239953-modaco-privacy-policy/'>Privacy Policy / Contact Details</a>.</span></li></ul>
<ul class='ipsList_inline left'>
<li>
<img src='http://www.modaco.com/public/style_images/marble/feed.png' alt='RSS Feed' id='rss_feed' class='clickable' />
</li>
<li>
<a rel="nofollow" id='mark_all_read' href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=all&k=880ea6a14ea49e853634fbdc5015a024" title='Mark all as read'>Mark Community Read</a>
<ul id='mark_all_read_menucontent' class='ipbmenu_content' style='display: none'>
<li>
</li>
<li>
<a href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=app&markApp=members&k=880ea6a14ea49e853634fbdc5015a024">Members</a>
</li>
<li>
<a href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=app&markApp=forums&k=880ea6a14ea49e853634fbdc5015a024">Forums</a>
</li>
<li>
<a href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=app&markApp=gallery&k=880ea6a14ea49e853634fbdc5015a024">Gallery</a>
</li>
<li>
<a href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=app&markApp=blog&k=880ea6a14ea49e853634fbdc5015a024">Blogs</a>
</li>
<li>
<a href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=app&markApp=ccs&k=880ea6a14ea49e853634fbdc5015a024">Pages</a>
</li>
<li>
<a href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=app&markApp=nexus&k=880ea6a14ea49e853634fbdc5015a024">Store</a>
</li>
<li>
<a href="http://www.modaco.com/index.php?app=forums&module=forums&section=markasread&marktype=all&k=880ea6a14ea49e853634fbdc5015a024"><strong>Mark all as read</strong></a>
</li>
</ul>
</li>
<li><a rel="nofollow" href='http://www.modaco.com/privacypolicy/'>Privacy Policy</a></li>
<li>
<a href="http://www.modaco.com/index.php?app=core&module=help" title='View help' rel="help" accesskey='6'>Help</a>
</li>
</ul>
</div></div>
<!-- No referrer, nothing to track. -->
<div id='stats_div'></div>
<script type='text/javascript' src='http://www.modaco.com/public/js/3rd_party/lightbox.js'></script>
<script type='text/javascript'>
//<![CDATA[
// Lightbox Configuration
LightboxOptions = Object.extend({
fileLoadingImage: 'http://www.modaco.com/public/style_images/marble/lightbox/loading.gif',
fileBottomNavCloseImage: 'http://www.modaco.com/public/style_images/marble/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"]') || event.findElement('span[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://www.modaco.com/public/style_images/marble/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>
<script type='text/javascript'> var weLoaded = false;
(function(){
if( typeof(_ccsLoadedAssets) == 'undefined' || !_ccsLoadedAssets )
{
if( !window.jQuery )
{
document.write("<"+"script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></"+"script>");
weLoaded = true;
}
}
})();
</script>
<script type='text/javascript'>
(function(){
if( typeof(_ccsLoadedAssets) == 'undefined' || !_ccsLoadedAssets )
{
if( weLoaded ){
_ccsjQ = jQuery.noConflict();
} else {
_ccsjQ = jQuery;
}
document.write("<"+"script type='text/javascript' src='http://www.modaco.com/public/ipc_blocks/compiled.js'></"+"script>");
document.write("<"+"link rel='stylesheet' media='screen' type='text/css' href='http://www.modaco.com/public/ipc_blocks/compiled.css' /"+">");
}
})();
var _ccsLoadedAssets = true;</script>
<!-- start Vibrant Media script section -->
<script type="text/javascript" src="http://modaco.uk.intellitxt.com/intellitxt/front.asp?ipid=1602&fg=51AADA"></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