Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

change css(s) in a link ????

Status
Not open for further replies.
mlotfi

mlotfi

Programmer
Oct 14, 2003
26
US
Hi,
I want to use different css in my html page, for example when you open in the top right there is a link for changing color option, could you please show me how they did it ?
thank you
 
Sort by date Sort by votes
Thank you veru mutch, this is helpfull.
 
Upvote 0 Downvote
How to have like the link (Page Options) in the top right of , I look in the source code but can't understand how when you click in that link it show a rectangle with colors to chose from .
thank you.
 
Upvote 0 Downvote
by viewing the source code, i was able to determine that they created a div with an id of "pagesettingscx" and styled it thusly:

Code: 
#pagesettingscx{
position:absolute;
right:10px;
bottom:3px;
zoom:1;
z-index:90;
}

their onclick simply shows or hides the div, based on the state when you click it.



*cLFlaVA
----------------------------
[tt]somebody set up us the bomb![bomb][/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]
 
Upvote 0 Downvote
Hi, thank you for helping me,

I created an html page and I cut and paste their css put it in a file, but it does not work, here is the html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="styleSwitch.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="pagesettingscx">
<a href="r/tp" id="editpage">Page Options</a>
<div id="pagesettings">
<div class="bd">
<span>
<h4>Color:</h4>
<ol id="themes">
<li><a id="t1" class="on" title="Ocean">Ocean</a></li>
<li><a id="t4" title="Tangerine">Tangerine</a></li>
<li><a id="t3" title="Violet">Violet</a></li>
<li><a id="t2" title="Oyster">Oyster</a></li>
<li><a id="t5" title="Grass">Grass</a></li>
</ol>
<a id="sizetogglelink" href="r/ty">Switch to narrow layout</a>
</span>
</div>
</div>
</div>
</body>
</html>


thank you
 
Upvote 0 Downvote
What have you done with their javascript which is charge of poping up the box and then subsequently switching around their colours?
 
Upvote 0 Downvote
Hi,
I don't see any javascript call in this block of code :
<div id="pagesettingscx">
<a href="r/tp" id="editpage">Page Options</a>
<div id="pagesettings">
<div class="bd">
<span>
<h4>Color:</h4>
<ol id="themes">
<li><a id="t1" class="on" title="Ocean">Ocean</a></li>
<li><a id="t4" title="Tangerine">Tangerine</a></li>
<li><a id="t3" title="Violet">Violet</a></li>
<li><a id="t2" title="Oyster">Oyster</a></li>
<li><a id="t5" title="Grass">Grass</a></li>
</ol>
<a id="sizetogglelink" href="r/ty">Switch to narrow layout</a>
</span>
</div>
</div>
</div>
 
Upvote 0 Downvote
Are you trying to make a little "box" pop up with option in it or are you actually wanting to allow the user to change the style of the page?


Yahoo are using Javascript to display that options box when you click the link.

The actual style changing is different. It's going to be using Javascript too I should think but don't get sidetracked by making the box open and close if you are really wanting to change the page style.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Earl & Thompson Marketing - Marketing Agency Services in Gloucesterhire
 
Upvote 0 Downvote
Upvote 0 Downvote
Thank you everybody for your help, I appreciate your time.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
656
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
338
pmonett
pmonett
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
398
spamjim
spamjim
scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
319
3esolar
3
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
268
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top