(Feb 8, 2017 05:23 PM)Βluffer Wrote:  Hello I am wondering what the best way to allow my users to switch between different style sheets is.

Basically I want to allow a couple different color schemes and style changes and let the user choose which one they want to display and they can save that one as their default.

I don't imagine this is a difficult task so if somebody wants to explain how I could do it that would be awesome!

My site uses Boostrap as I mentioned in the title.

(Feb 9, 2017 06:54 PM)slober Wrote:  If I would do this I would first make the different CSS styles or design the different templates

After this you could use a cookie to check which theme (set of styles) he previously used and implement the style the user requested

I would advise using JQuery for this

Here are some tutorials:

1. http://stackoverflow.com/questions/1599287/create-read-and-erase-cookies-with-jquery
   


2. https://www.sitepoint.com/eat-those-cookies-with-jquery/
   

Possible other techniques (although Jquery would be the most dynamic one) would be:

1. PHP and cookies
   


2. PHP and MySQL
   

(Feb 10, 2017 05:54 PM)Dispaced Wrote:  Maybe take a look here http://www.w3schools.com/css/css_intro.asp
They use what your on about here

(Feb 19, 2017 06:18 PM)Hydroponics Wrote:  Slober is correct, you will need JQuery for this.

What the code below does:
- On button click, a function is triggered.
- This function uses JQuery to change your stylesheet.



JQuery is very simple to learn & extremely useful for Front End Design.
If you have any questions please let me know.

(Feb 19, 2017 07:25 PM)Βluffer Wrote:  Thanks I'll do my best to follow this.

I recently was doing html/css through FreeCodeCamp just for a refresher but didn't like Jquery when it came to that section I'm sure I'll eventually learn it I just would rather get more experience exclusively in html/css before I move onto that.

Appreciate your help though I'll hopefully be able to implement this into my site.

(Feb 19, 2017 07:55 PM)Hydroponics Wrote:  Btw, instead of starting a project and learning everything you need for it as you go, you should stop and take a week off to read documentations (js, jquery, bootstrap, css, css3, html5).

It helps a ton just reading over documentations, and attempting to understand them.
The way your learning has frequent roadblocks which can be demotivating and discouraging.

I'm not saying you can't learn that way, I just feel that my advice could work for you because it did for me.

JQuery is also extremely essential if you want to go beyond building static un-responsive pages so you need to learn it.

(Feb 19, 2017 07:58 PM)๖ۣۜInfamy Wrote:  Is this a simple HTML & CSS page or is there anything powering this?

(Feb 19, 2017 10:44 PM)Βluffer Wrote:  This website uses Bootstrap.

(Feb 19, 2017 11:08 PM)๖ۣۜInfamy Wrote:  For future reference, Bootstrap is just an HTML, CSS, and JS library.