resolution...

  • dreamer7
  • Student
  • Student
  • dreamer7
  • Posts: 95
  • Loc: UK

Post 3+ Months Ago

Out of interest is there any way without makin 2 separate pages with 2 different links is there way that u can automatically detect the viewers screen resolution so that the page is viewed in that resolution because not everyone uses 800x600 and some sites are made for 1024x768 so it look kinda compressed with unnecessary scrollbars and so on is there any way?
D7
  • morph
  • Novice
  • Novice
  • morph
  • Posts: 28
  • Loc: Kidderminster, England UK

Post 3+ Months Ago

I havent actually seen this done before but all would be alot easier if it could be done. I dont think its possible for someone to view a page and it automatically fits to their resolution but you may be able to add two buttons which both edit the settings screensize in propeties automatically (so that you dont have to redo every page in the next resolution) but yet again the desgn really would have to fit to both resolutions for the best layout.

Sorry...I guess this was no help at all really :cry: I will see what I can find out.
  • dreamer7
  • Student
  • Student
  • dreamer7
  • Posts: 95
  • Loc: UK

Post 3+ Months Ago

well i was wondering cos on yahoo hosted sites they give stats out like how many visitors to each page but also what is the screen resolution of the viewer of the page so i take it something on the page can tell what screen resolution u have so surely make code out of it and lol its ok anything helps me with stuff like this lol
D7
  • morph
  • Novice
  • Novice
  • morph
  • Posts: 28
  • Loc: Kidderminster, England UK

Post 3+ Months Ago

lol. Yeah....erm Im not sure what the code would be though because Ive never tried making a script like that. Im sure others on this forum will know. Check back soon! :D
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

i actually design a site a long time ago that changed depending on the resolution of the viewer... of course there is more then 1 way to do it, but if you only want to use one page. use javascript ( screen.width & screen.height ) to detect the resolution. and you can use script (document.write) to insert table sizes, image sizes, whatever...
  • morph
  • Novice
  • Novice
  • morph
  • Posts: 28
  • Loc: Kidderminster, England UK

Post 3+ Months Ago

That sounds really good. I must try that sometime.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9091
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

This forum actually does it haha. Change you resolution and then refresh the page you will see the title at the top get smaller. I had to that that to prevent the annoying scroll bar at the bottom. The only thing is that it requires javascript to do it. So what I did is if javascript is not enabled by the user the title just displays the smallest one by default. Anyway I will post how I did it shortly, or you can just view the source code on any of the forum pages to see how its done
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9091
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

Here is the code I use to determine what title images is used

Code: [ Select ]
<script language-"JavaScript">
<!--
if(screen.width >= 1024)
  document.write('<img src="templates/VereorSpiderMan/images/_logo.gif" width="690" height="78" border="0" alt="Ozzu Webmaster Forum">');
else
  document.write('<img src="templates/VereorSpiderMan/images/_logo2.gif" width="392" height="78" border="0" alt="Ozzu Webmaster Forum">');

//-->
</script>

<noscript>
<img src="templates/VereorSpiderMan/images/_logo2.gif" width="392" height="78" border="0" alt="Ozzu Webmaster Forum">
</noscript>
  1. <script language-"JavaScript">
  2. <!--
  3. if(screen.width >= 1024)
  4.   document.write('<img src="templates/VereorSpiderMan/images/_logo.gif" width="690" height="78" border="0" alt="Ozzu Webmaster Forum">');
  5. else
  6.   document.write('<img src="templates/VereorSpiderMan/images/_logo2.gif" width="392" height="78" border="0" alt="Ozzu Webmaster Forum">');
  7. //-->
  8. </script>
  9. <noscript>
  10. <img src="templates/VereorSpiderMan/images/_logo2.gif" width="392" height="78" border="0" alt="Ozzu Webmaster Forum">
  11. </noscript>
  • dreamer7
  • Student
  • Student
  • dreamer7
  • Posts: 95
  • Loc: UK

Post 3+ Months Ago

thanx all i think it will come in handy :)
D7

Post Information

  • Total Posts in this topic: 9 posts
  • Users browsing this forum: Liamw411 and 116 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.