|
HTML - How Can I Make A Jazzy Colorful Ever Changing Background Like This ?
Need help incorporating an ever changing background as seen in this site -
http://www.maddecent.com/ Any ideas folks ? ? Similar TutorialsI am going to do my first website, and I need headings at the top of the page with , Home, Products, Services and Contact headings at the top but I need them to be inside a rectangular tab with round edges. So I need help in information on whether I have to format or style the headings with css eg. h1.one font-family etc etc. and then on the header <h1 class="one"> etc etc. I might be wrong but is there way I can get the headers I want to be round edged? I am new to html so my answer might have been totally wrong just using my own assumptions. Thanks for help and if someone has ideas for other type of header styles I could use I will appreciate the info. This is a coursework assignment. i've noticed on some website it gives you the option to change the color of the background too a high contrast version. is this possible without using Javascript? (html5 ideally). Obviously i'm not expecting someone to tell me what to do but a link in the right direction would be nice please Hi is there any code etc to enable me to change the background of a page every few seconds to another image. Thanks. Hi there. My site's movehumanityforward.org and I have in the bottom right area a Facebook "like" area. It looks fine in Chrome, Firefox, and Safari. But IE shows a white background for some odd reason? I'm curious why and would like to know if someone has a work-around. Thank you friends! ok i had resolved my earlier problem of my links being spaced earlier with help fro pegasus and now i got a new problem lol. i know how to change the background and colors for my links using css in most cases by calling a.Blah:link... and so on and the :hover... but in this case it is not working. Here is my css at the moment. Code: #Nav{
width: 948px;
height: 18px;
border-top: 1px solid #FFA701;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #FFA701; }
#Nav a{
padding: 0;
margin: 0;
height: 18px;
color: #ffffff;
text-transform:uppercase;
text-decoration: none;
font-weight: bold;
overflow: hidden; }
#Nav ul li {display: inline; padding: 0px 5px;}
#Nav ul {margin: 0px; padding: 0px; }
my problem is that my links i want to be starting on a black background and they'll be white colored links. (which they are i'm using body bg for my page.) then i want as they are visited to stay white colored. the main thing i would like to have is that when you hover over them, the links turn black and the background of the links turn white. now i know it's easy with hover: {background:#000000} but i don't know how to place it because when i did it did not work. thx in advance edit: oops i posted this in html. (still help anyway it has somewhat to do with html probably ) ill post in css also though OK I am so new to HTML I can't even spell it. I have a industrial HMI the has some custom webpage features to it and I would like to learn how to build the attached Table. I am not looking for someone to do this for me I am looking for some pointers. Here is a link to the device that I am going to use and a quick breakdown of how they do things. This statement that I fully understand, I am out of my knowledge base so that is why I am here "Although the HTML code will be explained or commented through this document, a basic understanding is required to create a proper web site." http://www.redlion.net/Support/TechN...ace/TNOI33.pdf I don't know what CSS is ? I got a few examples from all over the web some from http://www.quackit.com. and just can't figure out the layout and cell colors. I plan on changing the background color on the cell to the right of the descriptor depending on the cell value. Red if <100, Green >100 I would like to start with a cell layout that I can then link values to and from the HMI per the instructions in the Tech Note above. I have played with this device just basically copy and paste the above note I have gotten that working before. Thanks for taking your time to at least read this post from a NOOB. I'm not sure if this is an html thing, or a CSS thing, but I want to make a site where the background stays the same, and the content moves, for example: http://www.westciv.com/style_master/...ial/index.html thanks! How do I make a background that stretches and destreaches (is that a word?) without stretching the content in the middle? Like in this website: http://www.w3schools.com/ . Can someone show me how to make a background stay still when you scroll up and down the page? Hi Guys i have this image and i wont to add a link to it so it will take the user back to the home page, Would some one be able to help me? im aware this is pre amateur for some... Heres the snippet..... HTML Code: <table width="850" border="0" cellpadding="0" cellspacing="0">
<tr style="height: 110px">
<td style="background-image: url(/images/logo.png); background-position: left top;
background-repeat: no-repeat">
</td>
<td style="background-image: url(/images/ssl.png); background-position: right top;
background-repeat: no-repeat">
</td>
</tr>
</table>
I wont to add the link to the image "Logo.png" any suggestions or examples? Thanks for looking.. Hi all, I'm trying to make my background (which contains my logo and site name) to be clickable to my site's URL. Seem to be having difficulty because I am using a modified WordPress template along with linking to a stylesheet. Not very good or familiar with php and css, unfortunately. Anyone have some energy to crank this one out with me? sorry for being vague in my initial post. Here is the header php code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>[TITLE]</title> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> </head> Here is the css code: .header{margin:20px 0;} .header .top{background:url(images/logo-graphic.jpg) top left no-repeat; height:120px; width:960px; margin:20px auto;} .header .top #secondary{float:right; width:468px; height:60px; margin:20px 0 0 0; border:1px solid red;} .header .navigation{background:url(images/navigation-bar-bg.png) top left repeat-x; height:61px;} .header .navigation .nav-wrapper{width:960px; margin:0 auto; height:49px;} .header #searchform{float:right; width:325px; height:40px; margin-top:6px;} .header #searchform #s{font-size:14px; padding:6px 4px; border:1px solid #666; outline:none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow: inset 0px 1px 3px #888;-webkit-box-shadow: inset 0px 1px 3px #888;box-shadow: inset 0px 1px 3px #888; } Hi All, Nice site BTW, my problem is i want to add some text with a background colour behind it but i want the background colour to stretch the full width of the page ? Can anybody help me out Thanks Hi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. Hi everyone. Whenever i go to http://www.smokethosetires.com/ it goes to index.php. How can i get it so when i enter my url my homepage is home.php I need to make it so when you click on the image map it changes the image and changes the image map. I am ONLY using html and javascript is not an option. I am shure it is something stupid... <code> <img src="image.gif" id="image" border="0" name="image" usemap="#tour" /> <map name="tour"> <area shape="circ" coords="46,39,20" onClick=" document.getElementById('image').src='flag1.jpg'; document.getElementById('image').useMap='tour2'; <!--NOT WORKING ^?!--> "> </map> <map name="tour2" id="tour2"> <area shape="rect" coords="590,325,650,408" onClick="document.getElementById('image').src='flag.jpg';"> </map> </code> why???! throwing in another random question I can't change the cursor with image maps either... onMouseOver="this.style.cursor='help'" inside my code is not changing anything... when I highlight the mouse over the image map section... I'm trying to build a site where you can change the .css I found one way that works but the problem is that, when you click on a link, it automaticly changes back to the default .css file in stead of the one that the person was using... this is the code I used: <head> <link title="style1" rel="stylesheet" href="style1.css" type="text/css" /> <link title="style2" rel="alternate stylesheet" href="style2.css" type="text/css" /> <link title="style3" rel="alternate stylesheet" href="style3.css" type="text/css" /> <script type="text/javascript"> function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } </script> </head> and in the body: <a style="cursor:pointer" onclick="setActiveStyleSheet('style1');"><img src="images/a1.jpg" alt="a1" width="30" height="30" /></a> <a style="cursor:pointer" onclick="setActiveStyleSheet('style2');"><img src="images/a2.jpg" alt="a2" width="30" height="30" /></a> <a style="cursor:pointer" onclick="setActiveStyleSheet('style3');"><img src="images/a3.jpg" alt="a3" width="30" height="30" /></a> I could use some help... 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 there I'm currently making a estate agency for my college project and have come into a problem I am not that great with html I much prefer programming rather than web development So here is the question how do I change a image on click of another image (for say there is 1 big image on the website and 3 smaller ones I want to change the content of the big image into the clicked smaller image) an example of this is at the following website: http://www.haart.co.uk/buying-house/...ls_160839.aspx Any help would be great thanks dave |
|||||||