Web Design Code Snippet Index

-1

Google search bar

Put your very own Google search bar on your web page. (Read More)
1

Pure CSS Rollover Navigation

This piece of css will show you that it is perfectly possibly to create a good looking navigation bar without any images or javascript and just a couple of lines of css. All you need to do is create a html file that contains a unordered list in it with your navigation links in it as <li>. You... (Read More)
1

Pure CSS Image Gallery with mouse-click swap

This code enables you to publish a CSS only with mouse click and keyboard tab image swap. Attached is a Demo example of how it would look on IE6. To ensure the greatest possible cross-browser compatibility/support this code uses CSS level 1 capabilities only. One of extra benefits is that... (Read More)

Make text inside a textfield display when the page loads and disapear when clicked

Use This script can be used to mimize space of a textfield by putting the title of the field inside the text field itself when the page loads. This title will then disapear when it is clicked. How To Use Use the following code as your textfield and fill in the "value" property with the... (Read More)

Password Protect Your Web Page

A handy code that brings up a password window to keep others off of the web pages you choose. (Read More)

Two column CSS layout

I am often asked how to create a tableless two column CSS layout so I thought I would just post it here for once and for all. (Read More)

Include content from one page to another with HTML Code

Include content from one page to another with HTML Code. On the page that you want to put content on just insert <!--#include virtual="YourURL"--> <html> <body> <!--#include virtual="YOUR URL" --> </body> </html> (Read More)

How to make a drop down menu.

This snippet tells easily how to make a drop down menu! Easy as pie and quick too! (Read More)

HTML popup bomb

Freeze your computer with this window bomb!! (Read More)

From HTML to XHTML Code

Although most people speak of HTML code, the fact is that if you write good HTML code, you’re actually writing XHTML. XHTML is a set of rules that, if you follow them when you write HTML code, result in code that is more standards-compliant, and hence more likely to render as you want it to on a... (Read More)

A four function calculator (HTML)

Here we use the eval() function as the backbone of a simple calculator. One table is used for the display. A second table holds the buttons for the keypad. The whole thing forms an attractive looking calculator. To test it, simply paste the code into an editor like notepad and save it as... (Read More)

Frame Border Color

use this code for frame borders write this code between head tags (Read More)
-1

Display the live time.

Diplays the exact current time and date (Read More)

Single lined code for blinking any thing

Easiest way to blink any thing (Read More)

Set an image as a link

This snippet shows you how to add set an image as a link. 1) In the snippet find and change Image Url when clicked to your liking. 2) Then find edit Url Of Imge to your liking. 3) If all went well you are done! (Read More)

Layout Sample #2

A two columned fixed layout with vertical navigation sample. Now all it needs is your great imagination. Hope you find this useful, and help you all the way in your web activities. Enjoy... (Read More)

Layout Sample #1

You are free to use and modify my layout in any purpose, and I hope you find this useful! Enjoy... (Read More)

Change the Background Color with onMouseover (HTML)

Use onMouseover to change the background color of your webpage. Can be applied to change other things like images and so on. (Read More)

Blink Eyery thing

Easiest way to blink any thing (Read More)

Emded Windows Media Player

You can use this code to embed the windows media player in html pages. Just set the controls to suit and change file names etc.. (Read More)

Convert Fahrenheit to Celsius

A simple HTML code that converts Fahrenheit to Celsius and Vice Versa. (Read More)

The Listenlight Text Engine

View the innovative works in action at http://listenlight.net/13/. Or by way of http://digg.com/programming/The_Listenlight_Text_Engine, you may obtain the source under the very liberal MIT License. Cheers -- Jess (Read More)

Jump to another part of a document (on the same page)

Have you ever wanted a link to go to the bottom of the same page? Well in this snippet you see how.. 1) On the top where is says is a link going to Chatpter 4 at the bottom of the page if you look at Chapter 4 in the Snippet There is <a name="C4"> which was is the same as up on top where the... (Read More)

Music

add a background music file to your page (Read More)

Text Fields

Text fields are used when you want the user to type letters, numbers, etc. in a form. Here is a HTML code that will let user type in there First and Last names in a text field! Add this code to your template (Read More)

Multicoloured text in HTML

Without using cascading style sheets or more complicated methods it is easy to introduce coloured text into your HTML sites/documents. This is done by using the <font> tag and its options. In addition to this the <font> tag is more backwards-compatible than most other style commands. The way to... (Read More)

Adding Page Anchors (links on a site that go to other places on site)

Page Anchors... Simple enough...two easy little codes to plug in and your ready to go! Come learn how! (Read More)

Play a midi file (.mid) on your browser (HTML).

Lots of good instrumental music out on the web in the form of midi files. You can incorporate background music as part of your web page. Here is the short code. (Read More)

Forum Tools


About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC