CSS Styles Web 2.0

Metallic CSS menu for free

The above is a screenshot of this free CSS menu which you can download here.

It’s made up of some pretty simple CSS and html and 2 images.

I’ve tested it in Firefox and IE 6, if you come across problems in other browsers let me know.
It’s main limitation in that you must keep the wording of each menu button to around 17 characters otherwise it doesn’t look right.

Feel free to use in any way you like, some credit is always appreciated but not necessary.

Free backgrounds with stripes

To save an image click on it with the right mouse buttons and choose “save as” or similar.

Stripes which tile across as well as down the page:

Stripes which tile across only, not down.

Filed under: Tools, Tutorials, technology , css, free menu, metallic menu free, web 2.0

Entered value from child window to parent window

From a child window or a small window once opened, we can transfer any user entered value to main or parent window by using JavaScript. You can see the demo of this here. Here the parent window is known as opener. So the value we enter in a child window we can pass to main by using opener.document object model. So if the name of the form in parent window is f1 and the text box where we want the value to be passed is p_name ( in parent window ) then from the child window we can access them by using the object.

opener.document.f1.p_name

Filed under: Tutorials, technology , child window to parent window, javascript

moving back and forward in browser using javascript

This is a good script to have on you page if you have more than one page linked to the specific page. If I put a “Back” button on the page, you would go to the previous page . As far as “Forward”, that only works if you’ve gone to a page, then came back using the back button on your browser or using the “Back” button on another page.

<form>

<input type=”button” value=”Go Back One Page” onclick=”history.back();”>
<br>
<br>
<input type=”button” value=”Go Forward One Page” onclick=”history.forward();”>
</form>

Filed under: Tutorials, technology , back and forward, free scripts, free tutorials, html tutorials, javascript