Export thread

Need some CSS help

#1

doomdragon6

doomdragon6

Alright, so I'm the webmaster of our anime convention's website.

Dear God, I have no reason to be, because I have no coding experience.

BUT! That's what WYSIWYG is for I guess.

Anyway, this year our theme is Light vs. Dark.

I wanted to have the opening screen be a "choose your side" type of screen, where if one clicks the dark side, they're taken to the dark-themed website, and light to the light-themed site.

Thing is, at my current knowledge, I'd have to make each individual page and link to individual light/dark pages. Though, I KNOW there is a better/more efficient way to do this.

Everything seems to point to CSS, and I do not know it at all nor do I think I have the capacity to learn what I want in any kind of timely manner.

So my question is, how can I design a template (including background, page elements, text color, etc etc etc) and have a user click Light or Dark and have that template applied to that user's viewing session?

Also keep in mind that since I'm using a WYSIWYG, I have no idea how to translate the "template" to any kind of code compatable with whatever CSS I need to use.

Also, as if that isn't enough, is there a way I could set it up so that the site remembers the computer's choice, and either (1: Skips the "choose your side" page completely, OR, 2: The "choose your side" page is replaced with a "welcome back" type page of either light/dark.) Also, I'd like a button or something where the user can switch sides if need be.

If anyone could shed some light (ha.) on this for me, it'd be greatly appreciated. I have no business designing websites, but hey, there I am. No-one else can/is willing to do it, and we don't have the money to hire people (plus we like our control), so it's pretty much up to me here.

If anyone wants to check out the WYSIWYG I'm using, it's BlueVoda. Free download.

PLEASE HALP. THANK YOU.


#2



Alareel

Is the content of both sides the same?

If so, you just need to use 2 different .css files.

Then, using Javascript (on client's side) or some scripting (on server side), you load only the file that is needed.
You can store your user's choise using cookies (in Javascript or using server-side scripting, it doesn't realli matter).

PM me for more details :)


#3

Ross

Ross

The easiest/simlpest way to have the site remember what the user chose would be to write a cookie using javascript. There's sample codes all over the place for that kind of stuff.

EDIT:
Ninja'd by Alareel :( but at least we have the same idea :)


#4

Covar

Covar

Is the content of both sides the same?

If so, you just need to use 2 different .css files.

Then, using Javascript (on client's side) or some scripting (on server side), you load only the file that is needed.
You can store your user's choise using cookies (in Javascript or using server-side scripting, it doesn't realli matter).

PM me for more details :)
Pretty much this. Shouldn't be to hard for you to do at all.


#5

doomdragon6

doomdragon6

That's the thing though, like, I know enough HTML to at least partially understand what I'm looking at and how to use it.

When it comes it CSS I'm like :bush: wat.

I'll PM you in a bit Alareel. I tried looking up CSS tutorial stuff last night but obviously just a few hours of reading stuff doesn't do me much good.


Top