HTML - Image Colour Change
I'm designing a website in html for a college project. I'm having a bit of trouble so hopefully someone here can help me. At the moment I have a white square on the homepage that is a link. I was hoping that when I have visited the page it links to and return to the homepage this square will be a different colour. I don't know if this is even possible but I would appreciate any advice anyone can give me. Thanks
Similar TutorialsHi, i have been sent this piece of code to use in my website for a small search facility on the data already held, but I have been trying to change the colour to 'navy blue' and the font to Arial without success. I also want to take out the line spaces to make the whole piece fit nicely, I have managed to change this slightly but would be grateful if it was all done at the same time!? Can anyone help please? Hello, I have hyperlinks in a table row (each to a cell). I would like the hyperlinks to change font colour from white to yellow, and the cell backgrounds to change from black to blue upon rollover. Is this possible without using custom buttons? Thanks for your help. I've been researching changing the colour of an arrow in a standard drop down menu. It seems it isn't possible. With further research I found that the colour and roll over state is controlled by whatever windows theme you are using. I changed my theme a few times and this is correct. However, before I give up, just thought I'd ask... Does anyone know a way to change this with code? If not, is there a way to make your own drop down box which is cross browser compatible? I think it can't be done, prove me wrong get a bottle of rum 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 Hi all, nooby web developer here, so sorry if this question has an obvious answer, but I've searched all over for an answer to this. I've got a 'masthead' image at the top of my site, which has a colour gradient going from red to white. If I set the background colour for the element that its in to either red or white, it doesn't quite look right. What I'd really like is a different solid colour either side of the image. I was wondering: is there any way to set the background colour of one side of the image to red, and one side to white? Many thanks in advance. 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 Hi: This morning I changed an old image on my website to a NEW image. No names were changed in my Main Page. Still the same old src=etc, etc However, after 20 minutes, the *old* image is still displaying. Even though I only have the *new* image on my apache Webserver !! *Who* keeps this old image and where do they keep it ? I'm very puzzled ! Can anyone explain this please ? Thank you. -Mel Smith Ok, I dont know what its called, but you know that little 16x16 picture that appears before the URL in the address box? That little image that appears next to the lnks in your favorites? How do you change that? I have been asked to redesign a site. The basic elements will stay the same, but the folder structure is crazy! The current site is http://www.npsign.com Please don't pay attention to the current code on the site. I'm doing a complete makeover, so the fact that it is currently not W3C standard will change. However, the index.html file or home page has pictures that rotate in a frame. I don't mind changing any code at all. In fact I think that I'm going to have to redesign the entire site!! On the home page you will notice that the pictures rotate and or change every 3 seconds or so. What I'm looking for is an answer to how to create this change in Dreamweaver CS5.5. The index.html file is the only file that this takes place on. I guess to give it a more dynamic look. However, is my best option to use adobe flash to change the images, or is there more simplified code to change the images in the block? Any feedback on this would be appreciated, even if there are multiple example for me to create the effect of different images changing. This could be a fade effect, or a simple picture to picture swap. This particular subject is beyond my knowledge, as well as a few more questions I may have. Basically, they are looking for a way to get this done on the cheap. I don't mind doing it because it is a learning experience for me!! Thank you for all responses!! Edit: This may be what I'm looking for! http://help.adobe.com/en_US/Dreamwea...f21-7ae8a.html Any response is appreciated! Is it possible, and if so - how do I change color of an image using html. For example: HTML Code: <img src="http://i41.tinypic.com/30x7r49.png" border="0" color="blue /> But that doesn't work. I searched Google and found nothing. Any Solutions? Thank you in advance. I am having an impossible time finding the correct way to code this in Expression Web 4. I want to have an image that when it's moused over will change to another image, and back again to the original image when you move the mouse off. Nothing I can find online seems to do the trick, though. Any suggestions? Ok, so i have an image that's 2 x 1 and the div I'm placing it in is 1 x 1. (easy math example) My website is showing the top half of the image, which is what i want it to do. I would like it to show the bottom half of the image when i put my mouse over it. How do i do this? (It's a blue button that changes yellow) So basically how do i change the image position in that div? Thanks iv got two images and i want one to change into the other on mouseover but i also need it to be linked to a certain page , so basically its one image changing to another on mouseover and on click goes to a specified page if therea anything else you need to know please just ask Jake I am working on my 3rd navigaition, except this time i need the images to change when the mouse goes over them. How should i go about doing this? I have seen many ways but i want to hear what you think the best way to do this is. Right now i'm trying to make it so that an image is on my webpage, and when someone rolls their mouse over it, it changes to another image. It's a simple image conversion, all I changed is the arrow's depth. Thanks! Help-my-HTML I'd like to improve the appearance of three buttons on an html page. i believe this is the code: Code: <input type="submit" name="purchase" value="Use Remaining Credits" style="margin:7px 0" style="padding:1px 2px 1px 2px" rel="gb_page_center[600, 635] "> <input type="button" name="search" value="Get New Credits" onclick="window.location.href='newcredits.php';" style="margin:7px 0" style="padding:1px 2px 1px 2px"> <input type="button" name="search" value="Search Again Now" onclick="window.location.href='page.php??page=12';" style="margin:7px 0" style="padding:1px 2px 1px 2px"> How can I add more attractive buttons, which would include the text "Use Remaining Credits", etc.? can you please provide a code example, with image code? Thanks hi guys. i want to change the background image of a div when the user selects a football team from a dropdown select box. here's my code: Code: function changeDivImageArsenal() { var imgPath = new String(); imgPath = document.getElementById("right_box").style.backgroundImage; if(imgPath == "url(images/blackburn.jpg)" || imgPath == "") { document.getElementById("right_box").style.backgroundImage = "url(images/arsenal.jpg)"; } } function changeDivImageBlackburn() { var imgPath = new String(); imgPath = document.getElementById("right_box").style.backgroundImage; if(imgPath == "url(images/arsenal.jpg)" || imgPath == "") { document.getElementById("right_box").style.backgroundImage = "url(images/blackburn.jpg)"; } } thats fine and works if i just have 2 different images. but if i want to have 20 different selections, what do i write in the 'if' statement? thanks in advance I understand Java on a primitive level. I am building a restaurant website; http://www.mypitagrill.com/test/ I have gotten the top 4 menu buttons to change the designated image on the right-side stage. Problem #1: When you scroll down just a bit, then click one of these top 4 menu buttons, it automatically refreshes to back to the top of the page. Although, I would like for the image to change without this refresh that is scrolling the page back to the top. -- Which I believe is the result of my second problem. Problem #2: If I click another remaining menu button that links me to another page entirely (such as; specials.htm, order.htm, location.htm), then click back to the 3 of 4 remaining top menu butons (such as; platters, appetizers, kinds menu), ...it does not bring me to the respective menu image, rather is automatically brings me to the default top image "Pita Sandwiches". I believe this is related to the "Auto Refresh" mentioned in Problem #1. -- You may even notice that I even tried incorporating webpage Anchors, to return to the respective image, but that didn't do the trick. Can anyone suggest what might be refreshing the page back to the top? Or does anyone have a similar Java script that I could try to avoid this exisiting problem? PS, thank God for websites like this, and for people like you that take the time to help others! It has saved my A** on several occasion! Best Regards- Hi, I'm trying to do an image changer that when you click on a link, an image changes. I have the image change working, but I want a link to the full-size image below to also change. I tried several things, but what makes the most sense to me is to have a function change the link, so I used the script I got for the image change and tweaked it so it would change the link.....it's not working. I've been trying very hard, but I'm not very good at javascript, so if someone could help, that would be wonderful! The page is he http://sc-lee.com/newlay/ac.html And the code in question is he Code: <head> <script> function changeImage(filename) { document.mainimage.src = filename; } ***ntion changeText(linkadd) { document.link.href = linkadd; } </script> </head> <body> <br><bR><a href="javascript:changeImage('studio/ac-1s.jpg'),changeText(ac-1.jpg);">perspective moving into court</a> <br><a href="javascript:changeImage('studio/ac-3s.jpg'),changeText(ac-3.jpg)">perspective moving into court2</a> <br><a href="javascript:changeImage('studio/ac-6s.jpg'),changeText(ac-6.jpg)">exterior perspective of complex</a> <BR /><BR /> <img name="mainimage" src="studio/ac-1s.jpg"> <br /><a href="ac-1.jpg" target="_blank" name="linkadd">fullsize</a> </body> </body> </html> hi there. i made a website for somebody years ago when i knew nothing about html. the code is absolutely crazily bad and i am looking to revamp it. the site is www.englishandproudofit.co.uk i know how to do the layout but its the buttons i am struggling with. what is the best way to make the buttons around the outside? i only want to use one image for all of the buttons and then have text on each button that also chnages colour on hover, pretty much how it is now but what would be the correct way to do it? all help greatly appreciated. thank you, sam |