TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
Stats
  • Total Posts: 196,021
  • Total Topics: 21,332
  • Online today: 582
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 434
  • Total: 434

CSS, HTML related help

Started by Raven, August 18, 2006, 11:50:52 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Raven

Hi, didnt know where to put this so I put it here.

I've made a page, and two CSS sheets, the page works perfectly with either in use but I want a dropdown menu (just a standard one) where a user can select what CSS sheet they want to use, much like the MIRAGE theme uses.

Nothing more, just a simple CSS swap.
I'm a complete new person to fields, my head hurts when I look at them,
   thanks for any help

-Raven


alan s

Im guessing this is a standard html/css webpage were talking about?

Well it might not be the easyest thing to do do , but its the approach i'd take , create 2 copys of the site in either the same ( with a different file name )or a different directory( with the same file names ) then just use one style sheet on 1 and the other style sheet on the other one and create a drop down menu using something like

<form name="jump">
<p align="center">
<select name="menu">
<option value="http://yoursite.com/style1">Your First Style</option>
<option value="http://yoursite.com/style2">Your Second Style</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</p>
</form>

and insert it into both of the sites ( it might be smart to do this first )

I hope thats what your looking for

Raven

Thanks but I tried that site, it explains ow to use CSS but not how to swap sheets by a dropdown.

I suppose I could see if I can dig anything out of Mirage's files...

Thanks for the assistance anyway :)
____________

Thanks very much Alan S, this should do nicely :) Il say if its ok,

thanks

alan s

No problem , Glad i could help ( well i hope i helped anyway and i hope it works )

Raven

#5
EDIT: I read your post wrong...

The sheets select a different colour scheme like MIRAGE, I cant make two html files as it's the CSS sheet that selects the new images and font colours

EDIT2:

Read the MIRAGE files..its all in the [..] stuff that you cant make sense of or translate, wheres StormLRD when you need him :D

EDIT3:
AHA! I got it, but its bare, I dont know how to make it work for me
Quote<form action="http://www.bzfiend.com/raven/forum/index.php" method="post" class="smalltext">

           <select name="options[theme_bg]">

         <option value="red">Red</option>

         <option value="orange">Orange</option>

         <option value="brown">Brown</option>

         <option value="gold">Gold</option>

         <option value="green">Green</option>

         <option value="purple">Purple</option>

         <option value="blue">Blue</option>

         </select><input type="submit" name="submit" value="Change" style="width: 11ex;" /></form>

I want red and blue options, that point to "RedStyle.css" and "BlueStyle.css" which are both in the previouse folder (../RedStyle.css)

gerrymo

There's one on this site, just look through it. It may not be exactly what you're looking for, but may help yopu work out how to do it.

http://www.pageresource.com/jscript/javneed.htm

Raven

Thanks I'll take a look,

and thanks to whoever moved this topic, my apologies for the wrong board

This website is proudly hosted on Crocweb Cloud Website Hosting.