I am in need of a nice script that displays a bar on the top of my site. In that bar is a drop down that lets visitors click to another site. As they click to another site it dosent go to another site completely and my url is at the top. EXACT examples of what i need is here: http://demo.icetheme.com/ http://demo.templateplazza.net/ I have found small scripts that let me choose a site but they are very basic looking as I need a background, logo, buttons, etc. Please help me find something I have been looking everywhere. I really need it for free but if I must pay all I have is 40-50 dollars to spend for something quite simple.
You dont need php for that, you can accomplish it in HTML and Javascript using frames/iframe <!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> <meta content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <script language="javascript" type="text/javascript"> function launch(){ var site = document.myForm.Select1.value; document.getElementById('iframe1').src = site; } </script> </head> <body> <form action="" method="post" name="myForm"> <select name="Select1"> <option selected="selected" value="http://www.google.com">Google</option> <option value="http://www.yahoo.com">Yahoo</option> <option value="http://www.msn.com">MSN</option> <option value="http://www.wikipedia.org">Wikipedia</option> </select><input name="Button1" type="button" value="Go!" onclick="launch()"/> </form> <iframe name="myiFrame" id="iframe1" height="100%" width="100%"> Your browser does not support inline frames or is currently configured not to display inline frames. </iframe> </body> </html> HTML:
Thank you very much. Its not exactly what I wanted but it will do until I gain enough revenue to hire a designer. How do I insert an image into the banner space and how do I change the height of it?
Use <div> and CSS to add cosmetics, <img src="path/to/image" /> to insert an image. Adjust the height and width of <div> to suit your needs. Do you have enough HTML/JS/CSS knowledge to accomplish it yourself?
Not exactly. Could you please insert an example pic into the banner code with an edited hight. I would then be able to modify it to fit my needs.
Here you go: <!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> <meta content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <script language="javascript" type="text/javascript"> function launch(){ var site = document.myForm.Select1.value; document.getElementById('iframe1').src = site; } </script> </head> <body> <div id="_top"> <div id="_banner" style="float: left; width: 350px; height: 60px"> <img src="http://www.sandwichchamber.com/images/bannersample-61506.gif" /> </div> <div id="_combo" style="float: left; margin-left:25px;"> <form action="" method="post" name="myForm"> <select name="Select1"> <option selected="selected" value="http://www.google.com">Google</option> <option value="http://www.yahoo.com">Yahoo</option> <option value="http://www.msn.com">MSN</option> <option value="http://www.wikipedia.org">Wikipedia</option> </select><input name="Button1" type="button" value="Go!" onclick="launch()"/> </form> </div> </div> <div id="_iframe" style="position: absolute; z-index: auto; left: 14px; top: 90px; height:100%; width:100%;"> <iframe name="myiFrame" id="iframe1" height="100%" width="100%"> </iframe> </div> </body> </html> HTML:
Oh sorry I forgot to thank you for the code. I am currently using it for my site. You have been a big help.