|
HTML - Changing Colour Of Specific Link
Hi, I would like to know how I can change the gover colour of a specific link by coding the anchor tag of the link?
Here's my site: Click What I want to do is change the hover colour for the Home tag. Thanks, DarkArcher Similar TutorialsHello everyone. I have a website on which I post programs written in a specific lanuage. I would like to know if there is a way of changing the font colour of words depending on what the word is. Here is an example of one of my programs, you can see the colour scheme. But if you check out the source, you'll see I have had to change the colour of every word except the comments, which is the page default, being grey. Take a look, http://www.jakeselectronics.net/file...decoderasm.php I want to be able to 'store' a list of words in the head, and if that word is typed in the body, change colour to what ever I say. Like have a default of white, but if GOTO is typed, make that blue. My method at the moment is extreamly tendious, Is it clear what I'm trying to do? Thanks, Jake. Hi guys, im making a site for a client at the minute, i had successfully made it then noticed a glinch when i played it in 'firefox' (yes i to was shocked it wasnt in i.e). Basicly i have an accordian, when a user clicks on say label 1, i need the labels, background colour and text colour to change. Simialrly label 2 will change them to another colour. Now this is how i achieved that: HTML Code: <!-- within the label tag on the accordian i placed the following code to change the required colours when the link is clicked //-->
<a id="titleLink" class="title" href="#" onclick= "body.style.background='#006600'; titleLink.style.color='#663333'; menLink.style.color='#231f20';"><h1>link 1</h1></a>
Now here is the code in its entirety, copy and paste this should work, as long as you have the required .js pages in a folder entitled Script. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/testAcc.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>some name here</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- following is a sntarded accordian added in dreamweaver //-->
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">
<!-- within the label tag on the accordian i placed the following code to change the required colours when the link is clicked //-->
<a id="titleLink" class="title" href="#" onclick= "body.style.background='#006600'; titleLink.style.color='#FFFFFF'; menLink.style.color='#231f20';"><h1>link 1</h1>
</a>
</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">
<a id="menLink" class="title" href="#" onclick="body.style.background='#231f20'; titleLink.style.color='#663333'; menLink.style.color='#FFFFFF'; ">link 2</a>
</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>
Now, in Safari this works great, as it does in i.e and Opera. However when i try it in firefox it dosnt seem to work. I think it has something to do with firefox wanting to mark the links as visited but im unsure. Any ideas why this is happening and how i can avoid it!? any help would be appreciated, im tearing my hair out as the deadlines a-looming! cheers Roamer How to change the color of a certain link in the page (only one link) from the blue color to another one? Help please. Thanks in advance... So i'm trying to change some of my default link colours, but everything that I have tried so far hasn't worked. Right now, I have this piece of code in my body tag. HTML Code: link="#00CC33" I don't know if it is correct or not, but how do I change the link colour? I've tried searching, but have had no luck at all. Hi, I have a search form with the following code:# <!-- Begin FusionBot.com site search engine code--> <FORM NAME=fbsearch METHOD=GET ACTION="http://ss021.fusionbot.com/cgi-bin/ss_query"> <INPUT TYPE=text NAME=keys style="height: 18px; width: 100px; background-color:#1E7CC8;<input size="8" SIZE=10> <INPUT TYPE=hidden NAME=sitenbr VALUE="154309449"> <INPUT TYPE="image" src="http://www.freewebs.com/hanifm/search.gif" name="go" value="go" alt="Click to Search"><BR> </DIV> </FORM> <!-- End FusionBot.com site search engine code --> What I want is, is for the form to be like the login area of this site: http://www.pixel2life.com/ if u look at the top right of that site u can see it has the bit with username. I want that same style of the box with the white text inside and with the same border thickness and colour. These are the colours: Inside of the form (background): #1E7CC8 The Border colour: #64A2D6 The boder thickness has to be small like the one on the sie If anyone could do this it would be much appreciated. Thank You is there a way to link to a location on a page like in the example below but instead of the link existing on the same page as the target location, the link exist on one page and points to a bookmark on another page? So for example, I want index.html to have a link that takes the user to chapter 4 of content.html (which is half way down the page) Code: <p> <a href="#C4">See also Chapter 4.</a> </p> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2><a name="C4">Chapter 4</a></h2> <p>This chapter explains ba bla bla</p> Hi all. Great forum. I did a search and couldn't find my answer.. so here goes. Is it possible to link to a specific part of an image? For example I have a large class photo JPG and a page with all the students names on it. What would I need to do so that a parent can click on "John Smith" and it would take them to John's location in the photo..? I was thinking of something like <MAP> would help me out but it's not meant for this particular task. Thanks in advance! -M I don't have the ability to add an anchor to the page, it's not mine, but I'd like to link to a specific area on the page. Is that possible without that page having some sort of anchor already on it? Ok well I have an iframe on my site, I don't want to have to make several base pages to load different iframe pages from the address bar. So I would like to do something like, "sitename.net/index.html?specifictexthere" ( or whatever after the .html ) to be able to go to a different link with the iframe on that page. But also if its not one of the right specific texts then, it will just go to the normal iframe link thats set. Ladies and gentlemen, I'm just a beginner to HTML. I'm trying to develop my own web page but there is still lots of things under construction. Now just the home page and some of hyperlinks are finished and available. Most of other hyperlinks are unavailable and under construction, that's why when I click over these unavail. hyperlink, the browser always tell me "the page can not be displayed"... My idea is that I would like to know how to displayed a specific page which has the message "Sorry, this page is currently under construction". So everytime I cick over any link that is unavailable, it will show me this particular page with the message on... Does anynbody know how to do this, could you please advise me how to write code to get this done. Please help me, your help is highly appreciated... Many thanks & best regards, Hao. Hello im new here but I need a code for html how to hide the following : when i make a link in my site like this google when u hold ur mouse on "google" u see in the left corner of your browser www.how-to-hide-this.com well is there any html code so i can keep the adresslink go to www.how-to-hide-this.com but when u keep ur mouse on google , u see in the left corner www.google.com and when u click it goes to www.how-to-hide-this.com? THe site's used in this post where example site's Hi, I am a bit of a beginner with HTML, so I was wondering if someone could point me in the right direction before I end up destroying our site ; ) There is a few links that I need to change the names of (for SEO reasons mainly) but don't know how to get the rest of the website to find the new link names without going through every single page and updating individually. For example: http://www.polarflamemusic.com/trumpet-lessons.html This used to be a page for teaching trumpet, but now it is for a choir. I want this button on our site to point to http://www.polarflamemusic.com/edinburgh-choir.html but I can't seem to figure out how to do this in Dreamweaver without the hours of going through every last page. Can any one offer advice? I'd be very grateful. Thanks : ) Hey there, I've got a problem with my BG colour on a very simple page. I've uploaded this page he http://www.alastairq.co.uk/s-gaming The Web page looks like it should in FireFox 2 but in IE 6, the colour is completely wrong. Could anyone help me? Thanks, alastairq I was wondering if anyone knew how to change link colors in tables. I currently have a style sheet that controls all my link colors on the page, but I was hoping to have different ones for a certain table. If anyone has any suggestions on how this may be done I would greatly appreciate it. Thanks!! How can I get certain links to change color when the mouse hovers over it? I found this site: http://www.computerhope.com/issues/ch000075.htm, that explains how to do it, but my situation is a little more complicated. I only want certain links to change color, not every link on the page. Specifically, I want only those links that are members of the class "menu_links" to change color. I have something like this: Code: <styles>
a.menu_links {
...
...
...
}
</styles>
.
.
.
<a class="menu_links" href...>...</a>
How can I integrate the notation given in the link I provided (i.e. A:link, A:hover,...) with a class name? I tried things like: Code: <styles>
a.menu_links:link {...}
a.menu_links:hover {...}
</styles>
and Code: <styles>
a:link.menu_links {...}
a:hover.menu_links {...}
</styles>
but these didn't seem to work. Any suggestions? Hello, I'm not sure where else to turn with this question, so I apologize if it's not forum-related. I need to add a link to an HTML doc that would open that same page in a new "printer-friendly" pop-up window. The problem is that the address of that page would always be different because it is being generated on the fly by users doing a search through our database of keyworded photos. An example of this address would be: http://ourwebaddress/netpub/server.n...here&template= results.np&field=Keywords&op=matches&value=Dallas&value=brownstone&field2=Keywords&op2= matches&search=View+Your+Search+Results This address shows images based on my search for "Dallas" and "brownstone," and because this address would change with every new search it's useless as a permanent link. Is there an HREF link command (or perhaps something else) that would simply open the existing page in a new window, no matter what the page's current HTTP address is? Any insight with this would be very appreciated! Many Thanks! Hi all, I am wondering if anyone know how to have a link, once clicked, open a popup window WHILE also changing the page in the existing window. I know how to code them separately, but I do not know how to combine the two actions. HTML Code: <A HREF="javascript:popUp('popup.html')">link name</A>
My site currently uses the above code to open popup windows. Any help would be much appreciated, David the title makes it sounds really confusing. Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another. The code is - HTML Code: // Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one) can anyone help me? Hi all, Ive been using the X11 colour set found on this link below, and it contains some interesting colours but would it be possible to use more colours than shown? http://en.wikipedia.org/wiki/Web_colors I was looking to make a table with 20 shades of blue as different backgrounds, would that be possible for example? Thanks! how do i change the border colour in a style sheet? i added it to the body parts but it didn't change =/ .. this is my style sheet (the border colour part isn't there now i'm hoping someone can add it in the right place) Quote: /* CSS Document */ body{ scrollbar-arrow-color: #AD33FF; scrollbar-3dlight-color: #EFEFEF; scrollbar-highlight-color: #EFEFEF; scrollbar-face-color: #EFEFEF; scrollbar-shadow-color: #EFEFEF; scrollbar-darkshadow-color: #EFEFEF; scrollbar-track-color: #EFEFEF; } a:visited { color: #AD33FF; text-decoration: none; } a:active { color: #AD33FF; text-decoration: none; } body { background-color: #494949; } body,td,th { color: #9D9D9D; font-family: Tahoma; font-size: 10px; } a:link { color: #AD33FF; text-decoration: none; } a:hover { color: #cccccc; text-decoration: none; } |
|||||||