Jump to content
xisto Community
leiaah

Shifting From 1 Skin To Another? how does it work?

Recommended Posts

I was wondering how you can change the appearance of your site. Some sites I've visited allow visitors to select a different theme that they like. Sometimes the picture in the banner changes and the color of the text. I noticed that the page has the same filename and doesn't refresh or direct you to a page with a different name and theme.

Was this made with a script? I'm really interested in doing something like this for my site.

If you don't understand me, you can go visit this site. Thes skins menu is at the right side (below the search, above the polls)
http://www.mugglenet.com/

Share this post


Link to post
Share on other sites

Actaully, it is only CSS modification, here's an example of a site that does that.

https://mikeindustries.com/blog/

Although mugglenet uses PHP to create this effect, it is not nessasary to use it.

What it is is that the webmaster makes two or more pages, each with a different CSS coding i.e.:

index.html ->style1.css
index2.html -> style2.css

You link to each index page, and the user can select what theme they want.

Then if you're really keen, you can add a bit of PHP magic to make things a bit more easier. I've got a script that does that.

This will be very confusing if you don't know CSS, so I'll help you create a CSS layout and PHP coding for you if you want. PM me for more details.

Hope this helps,

-whyme

Share this post


Link to post
Share on other sites

Hmmm...not bad I must say. But that sorta thing isnt appropriate for my kinda site. You can have alook at my site here http://forums.xisto.com/no_longer_exists/. My site is more or less a professional website solely meant for the purpose of business and webmaster help and adding this kinda thing in there will surely make it look childish and I dont want it to be that way.

Not bad still. I think it will look much better on gaming sites,

Share this post


Link to post
Share on other sites

Actaully, it is only CSS modification, here's an example of a site that does that.

 

https://mikeindustries.com/blog/

 

Although mugglenet uses PHP to create this effect, it is not nessasary to use it.

 

What it is is that the webmaster makes two or more pages, each with a different CSS coding i.e.:

 

index.html ->style1.css

index2.html -> style2.css

Yeah, what Mugglenet does is use PHP so they don't have to make index1.html->css1.css, index2.html->css2.css and so on, but instead change the HTML imporsting the stylesheet to get the chosen stylesheet.

 

I've done the same on my site mainly to see what would be a good way to make it. And I thought it was pretty fun to do. Besides it teaches you that using CSS for positioning instead of tables is very handy (since you can change the whole look of the site with one stylesheet, instead of having to change the HTML itself). :lol:

Share this post


Link to post
Share on other sites

You don't need PHP to avoid making multiple HTML documents. Javascript and CSS are all that is required.Use a Javascript and a form on the site to let the user select a style and process a correct stylesheet based on the user's selection. Quite simple, really. You can even create a cookie with Javascript that will remember the user's choice for a specified amount of time.Very simple, yet effective mechanism for any website.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.