Web Design Examples

Here are various web design examples I wanted to share with you in no exact order. Not all the examples are perfect but they will at least be helpful and or educational for those who have not seem them before. Please feel free to share your ideas! Enjoy!

iframe example
Hiding count for FB "Like"

Facebook Like button - How to hide the count

Go to Facebook to get the Like Button
To hide the count you can modify the CSS

IFrame - Experiments with IFrame

Form Link

(Basically an example of a form link)

<INPUT type="button" value="Random Link" name="name" onClick="window.location='http://www.cnn.com'"> Displaying HTML Code on a page
Just use the wrap the tags <XMP> </XMP> (monospace) around your code. Or another option is to use the ASCII code.

Button tag with a link

onClick="window.open(file.htm','windowname','width =400,height=200')"

How to do an HTML Redirect
<meta HTTP-EQUIV="REFRESH" content="0; url=http://www.yourdomain.com/index.html">
How to do a ASP Redirect
<% Response.Redirect("http://www.aperfectmix.com"); %> How to do a JPS redirect:
<jsp:forward page="error_${param.site}.jsp"></jsp:forward>
How to do a PHP Redirect
<?php header("location: [some-url]"); ?> *some-url is replaced with the actual url

How to do a Javascript Redirect
<script language=javascript> setTimeout("location.href='[some-url]'", [time]); </script> *some-url is replaced with the actual url

Form Example - Used Fieldset, labels, CSS and some JavaScript for error checking.

CSS: #thisform {font-family: Georgia, serif;font-size: 12px;color: #999;width:400px;} #thisform label {font-family: Verdana, sans-serif;font-weight: bold;color: #660000;} #thisform fieldset {border: 1px solid #ccc;padding: 0 20px;} #thisform legend {font-family: arial, sans-serif;font-weight: bold;font-size: 90%; color: #666;background: #eee;border: 1px solid #ccc;border-bottom-color: #999;border-right-color: #999;padding: 4px 8px;} <div id="fig5_14"> <form action="/path/to/script" id="thisform" method="post"> <fieldset><legend>Sign In</legend> <p><label for="name" accesskey="9">Name:</label><br /> <input type="text" id="name" name="name" tabindex="1" /></p> <p><label for="email">Email:</label><br /> <input type="text" id="email" name="email" tabindex="2" /></p> <p><input type="checkbox" id="remember" name="remember" tabindex="3" /> <label for="remember">Remember this info?</label></p> <p><input type="submit" value="submit" tabindex="4" /></p> </fieldset> </form> </div> Cool form I found from Web Standards Solutions by Dan Cederholm