[b]Description:[/b] Use this code snippet to redirect your visitors to the web page that best fits their screen resolution. [url=http://profiles.friendster.com/85978234][b][color=green]DEMO[/color][/b][/url] [b]js code:[/b] edit the[b] BOLD[/b] part [quote][spoiler]// 640x480 Pixels if (screen.width <= 640) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; } // 800x600 Pixels else if (screen.width <= 800) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; } // 960x600 Pixels else if (screen.width <= 960) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; } // 1024x768 Pixels else if (screen.width <= 1024) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; } // 1152x864 Pixels else if (screen.width <= 1152) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; } // 1600x1200 Pixels else if (screen.width <= 1600) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; } // 1280x1024 pixels else if (screen.width <= 1280) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; } // 1440×900 pixels else if (screen.width <= 1440) { alert("Sending you to a page appropriate for screen resolution "+ screen.width +"x"+ screen.height +" pixel."); document.location = "[b]DIRECT LINK[/b]"; }[/spoiler][/quote] [b]you can also assign different js[/b] [quote][spoiler]// 640x480 Pixels if (screen.width <= 640) { Asset.javascript('JS HERE'); } // 800x600 Pixels else if (screen.width <= 800) { Asset.javascript('JS HERE'); } // 960x600 Pixels else if (screen.width <= 960) { Asset.javascript('JS HERE'); } // 1024x768 Pixels else if (screen.width <= 1024) { Asset.javascript('JS HERE'); } // 1152x864 Pixels else if (screen.width <= 1152) { Asset.javascript('JS HERE'); } // 1600x1200 Pixels else if (screen.width <= 1600) { Asset.javascript('JS HERE'); } // 1280x1024 pixels else if (screen.width <= 1280) { Asset.javascript('JS HERE'); } // 1440×900 Pixels else if (screen.width <= 1440) { Asset.javascript('JS HERE'); }[/spoiler][/quote] [b]or css[/b] [quote][spoiler]// 640x480 Pixels if (screen.width <= 640) { Asset.css('URL HERE'); } // 800x600 Pixels else if (screen.width <= 800) { Asset.css('URL HERE'); } // 960x600 Pixels else if (screen.width <= 960) { Asset.css('URL HERE'); } // 1024x768 Pixels else if (screen.width <= 1024) { Asset.css('URL HERE'); } // 1152x864 Pixels else if (screen.width <= 1152) { Asset.css('URL HERE'); } // 1600x1200 Pixels else if (screen.width <= 1600) { Asset.css('URL HERE'); } // 1280x1024 pixels else if (screen.width <= 1280) { Asset.css('URL HERE'); } // 1440×900 Pixels else if (screen.width <= 1440) { Asset.css('URL HERE'); }[/spoiler][/quote]

Last edited by aidenlive (2009-01-06 17:57:11)