XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme and template troubleshooting 
  4.  / Auto change a theme according to resolution??
Register
1
MKayZ
Auto change a theme according to resolution??

  • 2006/5/17 2:57

  • MKayZ

  • Just popping in

  • Posts: 4

  • Since: 2006/5/17


Hey guys,

I am wondering if this is even possiable, to have a theme change its size according to the users resolution automatically, and if so how it can be done?

The reason is I want to design a site for 800x600 but also want to design a simular site for a bigger resolution and ahve them switch automatically according tot he users screen res.

I know that a simple redirect is not possiable, so I am guessing it will require alot of backend work, inwhoich I am will to try but I am wondering if its even possiable.

and help or suggestions would be great
2
Bassman
Re: Auto change a theme according to resolution??

  • 2006/5/17 3:05

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


It's more than possible, I have done it before. In my case I had 2 different style sheets, which were chosen by Javascript depending on the user's screen resolution.
I will have to try and find the theme I used it on :)

*edit* I don't have it on my comp any more. It may be archived on a CD somewhere.
3
Bassman
Re: Auto change a theme according to resolution??

  • 2006/5/17 3:34

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


Found it!

This is the javascript that was in the <head> of the theme - replacing the usual css link of course.

Quote:

<script type="text/javascript">
<!--
if ((screen.width>=1024))
{
document.write("<link rel='stylesheet' type='text/css' href='<{$xoops_imageurl}>style1024.css' />");
}
else
{
document.write("<link rel='stylesheet' type='text/css' href='<{$xoops_imageurl}>style.css' />");
}
//-->
</script>
<script type="text/javascript" language="javascript">
<!--
//--></script>
<link rel="stylesheet" href="style1024.css" type="text/css">

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

237 user(s) are online (155 user(s) are browsing Support Forums)

Members: 0

Guests: 237

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits